【バナー制作】ECサイトのセールバナー

■目次

❶制作時間　❷制作物　❸クライアント要件　❹工夫点　❺バナー制作の手順

❶制作時間：２時間 （2023/06/0４）

❷制作物：ECサイトのセールバナー｜情報設計、バナー制作（１点）

❸クライアント要件（必須条件）

⚫︎クライアント名：SHElikes デザイン演習

⚫︎目的：ファッション、インテリア、食品…幅広く扱うECサイトモールのトップページ、モール全体のセールを告知する

⚫︎ターゲット：ECサイトのユーザー（30-40代女性）

作成のポイント：さまざまな商品があるため、特定の商品だけを感じさせるのはNG。文字だけでお得感やワクワク感を伝える。色やフォントは特に指定なし。

⚫︎掲載場所：Webサイト上

⚫︎入れたい要素（必須）コピー

　【コピー】ファイナルセール　MAX90％OFF

　【画像など】なし

　【サイズ】横960px × 縦540px

❹工夫点

　①お得感を表現するために矢印などの図形を使用

　②ファイナルセールとモール全体で商品カテゴリーも豊富なので賑やかさを演出

　③あしらいと色：選ぶ楽しさをあしらいとカラーで表現。Zの法則（アルファベットのZを描くように目線が移動）を使用し、目の動きを誘導。

　④ファイナルセールなのでパッと目をひく鮮やかな黄色を使用

　⑤文字・余白：文字は視認性の高いArial Blackをメインに女性的なセリフ体のAlluraを使用。

❺バナー制作の手順

　　要素配置▶︎情報優先順位▶︎ビジュアルデザイン

　　①まず要素を書き出す

　　②書き出した要素を基にユーザーストーリを考え定法設計

　　③大まかなレイアウトを作り、後から明度を気にした画像配置修正をする事で情報設計がぶれにくい。