【HerTech架空案件】スイーツ専門店予約告知バナー

【制作の流れ】

HerTechの架空案件で季節限定スイーツの告知バナーを制作しました。

制作時間：3時間

情報設計、デザインまで担当

【デザイン】

●カラー

ベースカラー：レモンを連想させるイエロー

メインカラー：夏らしく涼しげな印象を与える水色

アクセントカラー：「季節限定」など、視線を集めたい部分にオレンジを使用

●タイポグラフィ

メインには「あおぞら明朝」を使用し、ターゲットの年代や「週末に自宅でプチ贅沢を楽しみたい方」というターゲットに合わせ、上品さと爽やかさを感じられる印象に仕上げました。

店名は「Allura」を使用し、流れるような筆記体でおしゃれな印象をプラスしました。

●情報設計

〈情報の優先順位設計〉

①キャッチコピー

最上部に最も大きく配置することで、スクロール中でもユーザーの目に留まりやすいよう設計しました。

また、文字の大きさにメリハリを付けることで、直感的に捉えられるよう意識しました。

②商品名

キャッチコピーの直下に商品名を配置し、何の商品なのかを一目で理解できるよう設計しました。

③サブコピー

「季節限定」はオレンジで強調し、周囲に手書き風のあしらいを加えることで、視線を集めるとともに限定感を演出しました。

また、「瀬戸内レモン使用」は円形の装飾上にまとめ、商品の特徴を視覚的に伝えやすくするとともに、産地へのこだわりを付加価値の情報として配置しました。

④CTAボタン

右下に「今すぐ予約する」のCTAボタンを配置し、商品を見て興味を持ったユーザーがサイトへのアクセスへ自然に移れるよう設計しました。

【工夫したポイント】

①視覚的訴求

タルトの写真をバナー下部に大きく配置し、レモンタルトのみずみずしさや生地のサクサク感が伝わるシズル感を演出しました。

また、レモンのイラストを右上に配置することで、商品の爽やかさや夏らしさを視覚的に補強しています。

②視線導線の最適化

キャッチコピー→商品名→季節限定・商品特徴→CTAの順に配置し、視線が自然とCTAへ流れるよう導線を設計しました。