【デザインのコンセプト・目的】
・ターゲット: 夏の紫外線ダメージや肌荒れに悩む20代~40代の女性
・目的:美容サロンの「夏の期間限定キャンペーン」への予約誘導
【フォントについて】
・フォントの選定:Noto Serif Japanese
バナー及びサロンの信頼感と大人の洗練された女性らしさを演出するため、高級感のある明朝体「Noto Serif Japanese」で統一しました。また、フォント数を1つに絞ることで、スマホ画面でも瞬時に読める高い可読性を確保しています。
・情報設計(文字サイズとジャンプ率)
ユーザーが「自分向けのお得なキャンペーンだ」と直感的に認識できるよう、最大のフックである「4,980円」を大きく配置。さらにアクセントカラーを乗せることで、視線を最初に集める仕組みを作りました。また、キャッチコピーは人間の視線誘導(Zの法則など)を意識し、最も目立つ位置に配置。文字の大きさにメリハリ(ジャンプ率)をつけることで、情報の重要度を明確にしています。
【配色カラーについて】
・ベースカラー:淡いベージュ(#f7f3ef)
モデル画像の肌の色と馴染み、バナー全体にサロンらしい「高級感」と「落着き」をもたらすために、淡いベージュを採用しました。
・メインカラー:淡いブルー(#cfe8f5)
夏の清涼感を演出すると同時に、施術によって肌にたっぷりと水分を含んだような「潤い感」や「透明感」を視覚的に表現するために採用しました。
・アクセントカラー:淡いピンク(#ffb0c2)
バナー全体に大人の女性らしい華やかさを添えつつ、甘くなりすぎない絶妙なニュアンスピンクを選定。最優先情報である「キャンペーン内容(帯)」に配置し、視線を真っ先に惹きつける役割を持たせています。
・フォントカラー:ブラウン(#5a4a42)
全体の統一感を高めつつ、スマホ画面での可読性をしっかりと確保するために採用しました。強い印象になりがちな黒を避け、温かみのあるダークブラウンを使用することで、サロンの持つ「柔らかく、やさしい世界観」を崩さないよう配慮しました。
【リサイズについて】
・縦長サイズ:Instagramストーリーズ用
スマートフォンの画面いっぱいに広がる縦長レイアウトを活かし、モデル画像を左中央に大胆に配置。ユーザーの視線が自然と右側のサブキャッチコピーからCTA(行動喚起)ボタンへと流れるよう、スムーズな視線誘導を設計しました。
また、ストーリーズ特有のUI(上部のアカウント名、下部のコメント欄)に情報が被るのを防ぐため、上部に適切なマージン(余白)を確保。予約ページへと促すCTAボタンは、タップ領域として認識しやすく、かつ視覚的なアクセントになるよう、背景の帯からはみ出すレイアウトを採用しました。
・横長サイズ:webサイト用
画面の高さ(縦幅)が限られる中で、無駄な余白ができないよう全体の密度を調整。人間の視線誘導のセオリー(Zの法則・Fの法則)を意識し、最も伝えたいキャンペーン内容やCTAボタンなどの重要情報をバナーの右側に集約することで、Webサイト内でも瞬時に意図が伝わる構成にまとめました。
