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

OVERVIEW

女性向けキャリアスクールSHElikesの『デザイン演習コース』の課題で制作しました。

YEAR 2022

①要件

■掲載場所・企画内容

・ファッション・インテリア・食品など幅広く扱うECサイト。

・モールのトップページに掲載し、モールの全体の告知をする。


■ターゲット

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


■必要要素

・コピー:ファイナルセール / MAX 90% OFF


■納品形式

・サイズ:横960 × 縦540px


■制作のポイント

・様々な商品があるため、特定の商品を感じさせるのはNG。

・文字だけでお得感やワクワク感を伝える。

・色・フォントの指定は特になし。

②制作物


■情報設計

・ターゲットにとってのセールの利点は値段が安くなることなので、それをしっかりアピールできるよう、値段の情報である『MAX 90% OFF』をバナーの中心に大きく配置しました。

・『MAX 90% OFF』というコピーの中でも、特に重要な『どのくらい安くなるのか』の情報である『90』最も大きくしました。また、『90』の大きさに合わせて、『MAX』と『% OFF』は四角の中に収めたような文字組みになるように整えました。

・『ファイナルセール』は、文章として意味が通りやすいよう、『MAX 90% OFF』の上に配置しました。


■あしらい

●配色

ベースを白、メインをオレンジ・黄色、アクセントを青・赤・緑・うす黄色としました。

白=オレンジとのコントラストで視認性、可読性を確保する。

オレンジ=元気でワクワクするビタミンカラー。

黄色=楽しさ、お金の色。

残りの色は紙吹雪の色で、黄色の背景の上に散らしてちゃんと目立つ色を複数使用しました。


●フォント

セールバナーなので、親しみやすく、ワクワクするような見た目にしたいと思い、全体をゴシック体とサンセリフ体でまとめました。

・ファイナルセール:Noto Sans CJK JP

・MAX、%OFF:Arial

・90:Azo Sans


●その他のあしらい

・『ファイナルセール』に『!』を付けて元気ににぎやかな雰囲気をプラスしました。また、『!』を少し斜めにして動きをつけました。

・『ファイナルセール』の左にメガホンのアイコンを付けて、セールらしさを出しました。

・コピーの後ろに波線の円を敷くことで、ワクワク感を出しました。

・背景に紙吹雪を散らして、ワクワク感を演出しました。