【自主制作】サマーセールバナー

1. 制作物

2. 要件定義

◇テーマ：オンラインファッションストアのサマーセールバナー

◇バナーの目的：オンラインストアへのアクセス数増加

◇ターゲット：20〜30代女性

◇クライアント様要望：文字が目立つようにしてほしい

◇マスト要件：

・「SUMMER SALE」または「SUMMER Sale」

・「SHE’s STORE」

・「up to 50% OFF」

・「SHOP NOW」または「shop now」

◇素材：写真不可。文字のみバナー

◇データサイズ：1080px × 1080px（PNG形式）

3. デザインの意図

①情報整理

ユーザーがひと目で情報を読み取ることができるよう、情報の優先度を整理し文字組みを設計。

・優先度の最も高い「SALE」のジャンプ率を高くし目立つように

・「up to 50% OFF」は割引率の「50%」が目立つようジャンプ率を高く設定

②目的達成に合わせた設計

「ストアへのアクセス数増加」という目的を達成するため、誘導ボタンの「shop now」を目立つように四角で囲んで配置

③デザイン

◇カラー

・夏を表現するために青を基調に

・20〜30代の大人の女性に馴染むよう、深いブルー、薄いグレーなど落ち着いたトーンの色味を使用

・「50」を目立たせるためにゴールドのグラデーションを使用

◇フォント

・大人の女性の目に留まるよう、高級感のあるセリフ体を使用

・「up to 50% OFF」はイタリック体を使用し、動きをつけることで目立つように

・「shop now」と「SHE's STORE」はメリハリをつけるためにモダンな印象のサンセリフ体を使用