Facebook 夏のセールバナー
Logo

夏のセールバナー

クレジット
Avatar
デザイナー
夏のセールバナー-1
シェア
制作ノート
オンラインストア(架空)「夏の特別セールバナー」制作

クライアント: オンラインストア(架空)

依頼目的: 年に一度開催される夏の特別セールを告知するバナーを制作してほしい。

掲載場所: ECサイト内トップページおよびメルマガ内広告枠

ターゲット: 20代〜40代の男女。普段からネットショッピングを利用するユーザー。

訴求ポイント: 「年に一度」「最大50%OFF」という限定感とお得感を強調し、セール会場への遷移を促す。

デザインコンセプト

  テーマ: 「夏の夜空に咲く、特別なセール」 花火をモチーフに、夏の高揚感と特別感を演出。 夜空を背景にすることで、テキストやボタンを際立たせつつ、季節感を明確にしています。  

デザインのポイント

レイアウト構成

  • 情報の優先順位を整理し、上から「ブランド名 → 割引率 → キャッチコピー → 行動導線(ボタン)」の流れを設計。
  • ユーザーが一目でセール内容を理解できるよう、シンプルで直感的な構成に。

配色設計

  • 背景:深いネイビーブルー(#001B44)で夏の夜空を表現。
  • メインコピー「年に一度」:ゴールド系(#FFD700)を使用し、“特別な一回限り”という印象を演出。
  • 割引率「50%OFF」:視線を集める赤系(#E60012)で強調。
  • ボタン:「セール会場へ」は暖色系のグラデーションで視認性とクリック誘導性を確保。

タイポグラフィ

  • 日本語は丸ゴシック系フォントを使用し、親しみやすさと読みやすさを両立。
  • 英数字は太めのサンセリフ体を組み合わせ、インパクトと視認性を強化。
  1. アクセント要素 花火の光彩を背景に配置し、静止画像でも動きを感じるデザインに。 下部の「8.31 MON 23:59まで!」を太字で強調し、締切の緊迫感を演出。
  2. 花火の光彩を背景に配置し、静止画像でも動きを感じるデザインに。
  3. 下部の「8.31 MON 23:59まで!」を太字で強調し、締切の緊迫感を演出。

■ 制作ツール

  • Photoshop

■ 制作意図

全体を通して「夏らしさ」「お得感」「特別感」の3つを明確に伝える構成としました。 ユーザーが数秒で内容を理解できるよう、視線誘導と配色コントラストを重視しています。 また、スマートフォンでの閲覧を想定し、要素の間隔とフォントサイズにも余裕をもたせています。

シェア
にしおかの他の作品
画像
作品を見る
極上のチーズケーキ
画像
作品を見る
賃貸広告