【自主制作】ECサイト夏セールのお知らせバナー

OVERVIEW

要件(仮定)より自主製作オリジナルバナーを制作いたしました。制作期間:6.5h 使用ツール:Photoshop

YEAR 2024

【情報設計について】

■グルーピングを意識し、割引情報はまとめて、円で囲って視認性を向上

■情報の優先度を意識し、目的である「SALE」であること、興味を惹きつけるための割引率の数字は文字サイズにメリハリをつけて強調

■視線誘導については、丸で囲った割引率でひきつけて視点の開始点とし、視線が自然と上から下に(Z型で)移るような構成

■「SALE」のコピーの両端を合わせて、視認性を向上

【ビジュアルデザインの工夫点】

■トンマナ

→20代後半~30代の女性向けのポップなデザイン。商品は目立たせたい。

とあるため、ポップで夏をイメージできる青×黄色に近い配色

ベース(70):メイン(25):アクセント(5)=水色:黄色:白+オレンジ

■装飾について

夏のイメージとして以下の要素を追加しています。

・割引アイコンを太陽を模したアイコンに

・背景に波模様を追加

【制作期間の内訳】

素材収集 1h + 情報設計 1.5h + ビジュアルデザイン 4h 

【バナーの制作要件】

▼制作目的

夏のセールのお知らせバナー

▼ターゲット

・セールの時期に服を買っている女性

・夏物をセールで購入しようと思っている女性

▼バナー遷移先

ECサイト

▼方向性イメージ

20代後半~30代女性向けのポップなデザイン

▼納品条件

サイズ:960×400 px / PNG

▼必要な要素(文言)

・2022.7.20~7.30

・SPECIAL SUMMER SALE

・旬のアイテムが最大40%OFF

▼指定条件

・夏のセールの中にありそうな商品写真を少なくとも3点以上入れる

・商品を目立たせたい