スクール課題:ECサイトのセールバナー

制作したバナー

概要

デザインスクールSHElikesの課題で、ECサイトのセール告知バナー制作に取り組みました。

使用ツール:Photoshop

制作時間 :5時間

製作時期 :2022年12月

要件

掲載場所・企画内容ファッション、インテリア、食品…幅広く扱うECサイトモールのトップページ、モール全体のセールを告知する
ターゲットECサイトのユーザー(30-40代女性)
作成のポイントさまざまな商品があるため、特定の商品だけを感じさせるのはNG。文字だけでお得感やワクワク感を伝える。色やフォントは特に指定なし。
サイズ横960px × 縦540px
内容コピー
ファイナルセール MAX90%OFF

工夫したところ

1.わくわく感のある背景

背景はターゲットの30~40代女性を意識した落ち着いた淡いピンク色。キラキラの素材でセールのわくわく感を演出しました。

2.テキスト要素の配置

テキスト要素は、バナーの中心の見えない四角に収まるように配置してまとめました。余白を十分に取ることで、テキストに目が行くようにしました。

3.「90%OFF」のフォントとカラー

セールのバナーではあるが、30~40代女性の上品なイメージを出すために、「90%OFF」のフォントはセリフ体。「90」のみオレンジ色とピンク色の微妙なグラデーションにしたことで、立体感を出しました。

制作を通して学んだこと

文字組み

強調したい部分は目立たせながら、テキスト要素全てを見えない四角に収まるよう配置すると、全体にまとまり感がありつつも、インパクトを出すことができると学びました。