【制作事例】結婚式 Web招待状スマホ用ファーストビューデザイン [PS]

OVERVIEW

自主制作にて結婚式 Web招待状スマホ用ファーストビュー画像を制作。提供お題を元に構成し、バナーデザインを行いました。

YEAR 2025

◽使用ツール・制作時間

Photoshop(制作時間:約1時間)


◽案件情報

  • 結婚式のオンライン招待状のスマホ用ファーストビュー ※架空イベント
  • 掲載場所:スマホ用サイトFVサイズ 

◽制作要件

|目的

  • オンライン招待状の第一印象を伝え、その先の動線を作る
  • スクロール誘導・出欠確認・日程保存など後続アクションの行動喚起
  • 結婚式そのものの雰囲気の演出


|ターゲット

  • 20〜30代の結婚予定・準備中カップル(プレ花嫁・花婿)
  • 新郎新婦の友人・同僚・親族など、招待状を受け取る人

  • シンプルでおしゃれな招待状を好む層

  • 招待状も結婚式と一貫した世界観を表現したい人

  • SNSやLINEでスマートにやりとりするデジタル世代


|依頼内容

  • サイズ:横375px × 縦650px
  • 必須要素:花、指輪、カリグラフィーなど結婚式の雰囲気に合うあしらい
  • 指定テキスト:
    ・Welcome to our wedding・新郎新婦の名前:Kazuki & Miyu
    ・結婚式の日付:2025年6月14日(土)
    ・開催場所:SHEベイサイドホテル
     ∟各表記は日本語・英語問わず。空白・改行位置等も自由


|トンマナ

無し、架空の新郎新婦をイメージして自由に制作


◽制作物


◽工夫した点

  • 2人の表情をあえて見せず、ブーケ+手を繋ぐ構図をメインにすることで、FV以降の続きや当日へのお楽しみ感を引き立たせる遊び心を取り入れました。このページ以降も情報が来ることを想定して、雑然としないよう情報整理を意識。

  • ターゲットが「シンプルでおしゃれな招待状を好む」なため、全体はシンプルで品の感じる印象にしつつ、ドライフラワーブーケを中心に置くことでナチュラルな雰囲気を表現しました。クラシカルなフォントで各情報を整え、モダンな花のアイコンや結婚式らしい枠を加えて各要素を整理。

  • 「invitation」は読ませる文字ではなく、あしらいとしてさりげなく添えることで全体に流れる動きをプラスし、FV以降の情報も読みたくなるような視覚効果を取り入れました。