【ECサイトのバレンタインフェア特設ページバナー】
＜要件定義＞
- ターゲット ▶︎ 20代後半〜40代前半の女性。誰かに贈るだけでなく、自分で食べるチョコを買うことを考えている人。
- 目的 ▶︎ バレンタインフェアを特設ページで開設しており、そちらのページへの遷移数とチョコレートの売り上げを伸ばしたい。
- 要望 ▶︎ 購買欲を高めるため、美味しそうなチョコレートの写真を入れて欲しい。ブラウン、またはピンク系でまとめて欲しいが、大人の女性がターゲットのため、少し落ち着いた印象にして欲しい。
＜条件＞
- マストで入れる内容 ▶︎ 「Valentine Fair 2022」「2022年2月1日(火)〜2月14日(月)
- マストで使うツール ▶︎ クリッピングマスク
＜制作物＞
＜こだわったポイント＞
●写真選び
クリッピングマスクを使用することがマストの条件なので、
チョコレートの形に沿ってマスクしていくよりも
全体を特定のオブジェクトの形でマスクしたほうが適切かなと思い、
チョコレートがたくさん並んでいる画像を選びました。
バレンタインのチョコレートを意識して、チョコレートの写真の中でも
ひと口サイズのチョコレートの写真にしました。
●クリッピングマスク
左上に配置したとろけたチョコレートの画像の形状の右端のラインに沿うように
クリッピングマスクのカーブの曲線を描きました。
マスクの形を直線ではなく、曲線にすることでやわらかな印象を与え、
女性向けであることを強調しました。
●フォント
欧文フォントに「bastian」と「Athelas」、
和文フォントに「筑紫A丸ゴシック」を用い、
ここでも女性らしさを意識しました。
「Valentine Fair 2022」のフォントは
「とろける」というチョコレートの特性を意識して、
のびやかなフォントを使用しました。
文字のジャンプ率を考慮して、目立たせたい日付部分は大きくしました。
●カラー
大人の女子が好みそうな落ち着いたピンク色をベースカラーとして
アクセントカラーに画面を引き締める、こっくりした濃いめのピンクと深い赤を設定し、
サブカラーにチョコレートの画像から抽出した濃いブラウンを設定しました。
全体的に上品なイメージとなることを意識しました。
●キャッチコピー
「誰かに贈るだけでなく、自分で食べるチョコを買うことを考えている人」が
ターゲットとされているので、キャッチコピーに
「大切なあの人へ&自分へのごほうびに」という文言を設定しました。
さらに「自分へのごほうびに」の箇所をコントラストの強い
チョコレートのクリッピングマスク部分に重なるように配置して
自分でも食べる用のチョコレートであることをより強調させる意味合いを持たせました。
「大切なあの人へ」の箇所が背景に埋れてしまわないように
ベースカラーにグラデーションを敷いたり、
文字に「光彩」のレイヤー効果をつけて見えやすくしました。
光彩のカラーは赤色に設定して大切な人への恋心も表現しました。
またキャッチコピーのそばに小さなイラストもあしらい、
視線が誘導されやすくしました。
●ボタン
特設ページへの遷移を促す目的のバナーなので
「特設サイトはこちらから」という文言のボタンを配置しました。
ボタンはアクセントカラーにして目立たせ、
リボンの色を合わせることで統一感を出しました。
ゆったりとした気持ちでサイトを見て欲しいという思いから字間を広めにしました。
