【自主制作】父の日ギフト特集ページ遷移用ディスプレイ広告バナー
オンラインスクールSHElikesで運営されているデザインコミュニティで提示された要件をもとに、バナーを制作いたしました。合計13時間(作成7時間+FB後修正2時間)/日数:3日間
要件
◎ECサイトの父の日ギフト特集ページ遷移用ディスプレイ広告バナー(幅1200px × 高さ1200px)
◎制作目的
・ECサイト内の父の日ギフト特集ページの認知拡大・回遊促進
・ECサイト内の父の日ギフトの商品閲覧数・購入率向上
◎ターゲット
・20〜40代の男女(夫・父・義父へのギフト選び)
・ギフトや記念日を大切にしたい人
・忙しくても感謝を伝えたいと考えている人
・SNSなどで「いいギフト見つけた」を共有したい人
◎掲載場所
yahooやgoogleなどを想定したディスプレイ広告
◎バナーの遷移先
ECサイト内の父の日ギフト特集ページ
◎必須項目
・イベント名:「父の日ギフトセレクション」
・6月15日(日)までのご注文で送料無料
・CTAボタン:「特集ページを見る」
・SHEオンラインストア
◎必須要素
・「父の日」が想起できるアイテムの要素を入れる
・「ギフト感」を伝えるあしらいを入れる
◎トンマナ
・ジェンダーニュートラルな配色
・男女どちらにも「ギフトを贈りたい」と感じてもらえる雰囲気
制作物
工夫したポイント
◎情報設計でのポイント
・父の日に贈りたい、と思いやすいものをグリッドで配置し、スタイリッシュさを演出。
・店名・タイトルを中心に出すことで一番に目につくようにしました。
・「6/15」と送料無料はウエイトを大きくしました。送料無料アイコンで目にとまりやすくしました。
◎デザインでのポイント
・ターゲットは男女に関係なくだったので、可愛すぎないようにしました。
<フォント>
タイトルは高級感のある明朝体(源ノ明朝+Charter)で制作しました。
<素材・あしらい・配色>
・背景は青いアーガイルの背景。包装紙のイメージです。
・真ん中の円のイラストは、プレゼントに貼るシールをイメージ。
・外枠はリボンのイメージ。ワイシャツや財布?を横切らないように切れ目を入れました。肉のところは反対色なのであってもイイかな、とそのままです。中央のシールのあしらいを目立たせるためにネイビーは使わず、背景や帯のブルーを使用。一方で全体を引き締める効果も持たせたかったので、中央のシールネイビーとブルーのグラデーションで、引き締め効果を出しつつも必要以上に目立たせないよう工夫しました。
・送料無料とCTAボタンは文言が、背景と補色関係のある黄色でベタ塗りに。この黄色は、中央のバラにしかない色であるため目立ちやすくなっています。また、ボタンには陰影をつけました。