【自主制作】ファッションストアのセールバナー

------------------------------------------------
【目次】

１．要件
２．制作したバナー
３．デザインの意図

------------------------------------------------

１．要件定義

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

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

■ターゲット
20〜30代の女性

■クライアント様要望
・文字メインで目立つように（あしらい程度のイラストはOK）

・文言指定（SUMMER SALE / SHE's STORE / up tp 50% OFF / SHOP NOW）

・素材は写真不可、文字のみの使用

２．制作したバナー

３．デザインの意図

（１）構成

　■情報整理

　ユーザーがストレスなくパッと見た時に情報を読み取れるよう、優先度を整理し、文字を組みました。

　例　情報優先度が高い要素（SALE / 50%）と、低い要素（SHE's STORE / up to）に分類して、ジャンプ率を高くすることでメリハリをつける

　■成果重視の設計
　　優先度が一番高い要素（SALE / 50%）を訴求しつつ、最終目的（＝バナーを通してユーザーに喚起する行動）である「オンラインストアのアクセス数増加」を達成させる構成にしました。

　　例　オンラインストアへのアクセス数増加を喚起する要素は「shopnow」（※商品購入ページへ誘導する機能）。
　　　　視線を①SALE50%　→　②shopnowの順に誘導するため、CVボタンは帯で囲いつつ、グラデーションをつけることで他の要素と差別化し目立つように

（２）デザイン

　下記２点を踏まえ、全体を通して「ポップすぎない / 若すぎない /テンションを上げすぎない」、一方で「夏らしい爽やかさ」が伝わるデザインにしました。

　・業種：ファッションサイト

　・ターゲット：２０〜３０代女性

　■カラー

　夏を連想させる青・黄色を使用しながらも、ファッションサイト＆２０〜３０代大人女性に馴染むよう注意し、「彩度低め・ポップすぎない色味」に調整。

　引用元：配色の見本帳

　■フォント

　・メインターゲットである20〜30代の大人女性に馴染む落ち着いたセリフ体を使用。

　・全てセリフ体だと単調で、SALE告知のインパクトに欠けるため、SALE部分のみあえて「抜き文字&サンセリフ」にすることで、インパクトと世界観を両立させました。

　■モチーフ

　・夏を連想させるヤシの葉を使用。

　・メインとなる文字を引き立てるために不透明度を少し下げて配置しています。

以上