Banner / 基礎化粧品の自社サイトに設置されたECサイトへ誘導するアイキャッチをテーマに、架空のサイト内バナー2パターンと横長のECサイト内の広告バナーを制作しました。



Persona -ペルソナ-
忙しい仕事をこなしながらも、美容や健康に関心が高い35歳の既婚女性。家族構成は夫と愛犬の2人+1匹暮らし。肌トラブルを解消するために、自分に合った効果的なスキンケア商品を探している。自然派の製品や最新の美容テクノロジーに興味がある。休日は夫とショッピングや料理を楽しむ。
Purpose -目的-
自社製品の効果やサービスを広く知っていただくこと。
広告や誘導先のページから、商品の購入へ申し込みをしていただくこと。
Layout -レイアウト-
1枚目のバナーは、情報が見やすくわかりやすい横割りのレイアウトにし、メインコピー・写真・テキストの可読性に配慮しました。人の視線の動き「Z型」に合わせて要素を対角線の構図に配置することで目線をCTAボタンに誘導しています。
横長のバナーでは縦割りレイアウトに変更し、情報の見やすさと全体の雰囲気を崩さないよう配慮しました。
3枚目のバナーは清々しい前向きさや素敵な自分に向かっていく未来への期待を強めるため、人物が右斜め上を向くよう調整しました。写真の目線の先にキャッチコピーがくるよう、要素の配置は「キャッチコピー、人物、テキスト、商品」の順番に目線が流れるように組んでいます。まずブランドのイメージやメッセージをきちんと伝えてから商品詳細を知ってもらうといった訴求の流れを作りました。
Design -設計-
1枚目と横長のバナーは、シルクのテクスチャや水滴のあしらいなど、滑らかさと潤いを連想させる要素と木漏れ日の背景で、肌に優しい印象を目指しました。テキストエリアでは「敏感肌」「肌荒れ」の文字にアクセントカラーの背景を置き、肌トラブルに悩まれている方々に注目していだたく工夫をしました。CTAボタンのテキストのみ、他のテキストとカラーを変え目線を誘導。女性らしい雰囲気を演出するためにテキストは丸ゴシックを仕様し、メインコピーは太めのゴシック体でメリハリをつけました。
3枚目のバナーは、人物写真とキャッチコピーによって、ブランドのメッセージや、安心・安全な成分、使用後の心地よさを演出。
上記に加え、商品の良さや特徴を印象づけるため、テキストを大きく配置しました。
Size -サイズ-
- 1080 × 1080px(正方形)
- 2038× 500px(横長)
Production period -制作時間-
- 8.5時間(合計3枚)
Tool -使用ツール-
- Photoshop