【バナー制作】ECサイトのお取り寄せバナー

■目次

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

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

❷制作物：ECサイトのお取り寄せバナー｜情報設計、バナー制作（１点）

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

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

⚫︎目的：全国の名産品やスイーツのECサイトのトップページ、数ある商品からピックアップした商品の特集ページを告知

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

作成のポイント：それぞれのお店から集められた写真は構図も色合いもバラバラ。数も6つと多めの写真をどうまとめるか。

⚫︎掲載場所：ECサイト（仮想）

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

　【コピー】おうちで楽しむお取り寄せ特集

　【画像など】商品の中から選ばれた６つのスイーツの写真

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

　　・写真は全て利用する

　　・色補正・トリミング・大きさの変更は自由

❹工夫点

　①楽しげな印象を出すために色をあえて多めに使用。

　②バラバラの画像を直線的な要素で構成された矩形の中に収めるルールを設定し、ばらつきやすい写真をまとめる。

　③あしらいと色：選ぶ楽しさをあしらいとカラーで表現

　④色：真っ黒はきつい印象が残るので「おうち」のゆるさに合わせて極力使用しない。

　⑤文字・余白：文字は女性的なAB-kirigirisuを使用。沢山から選べる印象にしたいので余白はあまりとらない。

❺バナー制作の手順

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

　　①まず要素を書き出す

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

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