【自主制作】ECサイトのセールバナー
OVERVIEW
キャリアスクールSHElikesの演習内の課題として作成しました。ECモール全体のセールを予告するバナーです。(制作時間:2.5時間)
【目次】
1.要件定義
2.制作物
3.工夫した点
4.制作を通して学んだこと
---------------- -----
1.要件定義
■ターゲット
・ECサイトのユーザー(30-40代女性)
■目的
ECサイトモール全体のセールを告知する
■掲載場所
・ファッション、インテリア、など幅広く扱うECサイトモールのトップページ
■作成のポイント
文字のみでデザインする
■コピー
・ファイナルセール 90%OFF
■サイズ
横300px × 縦250px
2.制作物
3.工夫した点
▼配色
・ターゲット層の30-40代の大人女性に合わせて、くすんだミントグリーンとベージュを使用しました。ベースカラーは視認性を考えホワイトにしましたが、枠を囲むことで掲載された時に埋もれないよう意識しました。
▼デザイン
・さまざまな商品を取り扱うサイトということで、特定の商品を感じさせないよう、シンプルなデザインにしました。テイストも偏らないよう、装飾を最低限にしました。
▼ジャンプ率
・一番目立たせるべき要素として「90」の文字サイズを大きくしました。袋文字を活用することで、ポップになりすぎないよう抜け感を出しました。
4. 制作を通して学んだこと
▼文字の組み方
文字だけで構成するバナーは、文字組みがいかに重要であるかを学びました。
全体のバランス感や情報の優先順位を考えながら、構成を考えていきました。文字の大きさや位置に悩んだ時には、スマートフォンに写真を送り客観的にバナーを見てみることで解決しました。