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

OVERVIEW

キャリアスクールSHElikesの演習内の課題として作成しました。ECモール全体のセールを予告するバナーです。(制作時間:2.5時間)

YEAR 2023

 【目次】

1.要件定義

2.制作物

3.工夫した点

4.制作を通して学んだこと

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

1.要件定義

■ターゲット

・ECサイトのユーザー(30-40代女性)

■目的

ECサイトモール全体のセールを告知する

■掲載場所

・ファッション、インテリア、など幅広く扱うECサイトモールのトップページ

■作成のポイント

文字のみでデザインする

■コピー

・ファイナルセール 90%OFF

■サイズ

横300px × 縦250px

2.制作物

3.工夫した点

▼配色

・ターゲット層の30-40代の大人女性に合わせて、くすんだミントグリーンとベージュを使用しました。ベースカラーは視認性を考えホワイトにしましたが、枠を囲むことで掲載された時に埋もれないよう意識しました。

▼デザイン

・さまざまな商品を取り扱うサイトということで、特定の商品を感じさせないよう、シンプルなデザインにしました。テイストも偏らないよう、装飾を最低限にしました。

▼ジャンプ率

・一番目立たせるべき要素として「90」の文字サイズを大きくしました。袋文字を活用することで、ポップになりすぎないよう抜け感を出しました。

4. 制作を通して学んだこと

▼文字の組み方

文字だけで構成するバナーは、文字組みがいかに重要であるかを学びました。

全体のバランス感や情報の優先順位を考えながら、構成を考えていきました。文字の大きさや位置に悩んだ時には、スマートフォンに写真を送り客観的にバナーを見てみることで解決しました。