Facebook 【HerTech架空案件】ヘアオイルバナー
Logo

【HerTech架空案件】ヘアオイルバナー

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】ヘアオイルバナー-1
シェア
制作ノート
制作について

1. ビジュアルイメージ

「艶」と「潤い」の視覚的再現

  • 背景のウェーブ: 水面や髪のうねりを連想させる柔らかな曲線が、商品のポイントである「うるうるのツヤ感」を直感的に伝えています。

2. カラー

上品さと清潔感を両立するラベンダー×ゴールド

  • ラベンダー: メインカラーに薄いラベンダー系を使用することで、大人っぽさ、優雅さ、そしてヘアケアに欠かせない「清潔感」を表現しています。
  • アクセント: 琥珀色のボトルとゴールドの楽天1位エンブレムが、寒色系の背景の中でアクセントとなり、重要な部分を目立たせています。

3. タイポグラフィ

信頼感を醸成する明朝体の使い分け

  • メインコピー: 「Ruby OIL」やキャッチコピーに明朝体を使用。安っぽくならず「質の良い商品」というイメージを確立しています。

4. 情報設計

信頼からアクションへ繋げるZ字レイアウト

  1. 左上(ロゴ): どこのブランドかを認識。
  2. 右上(1位実績): 瞬時に「人気の商品だ」という安心感を付与。
  3. 中央(コピー): 「ヘアカラーを重ねた髪」という具体的なターゲットの悩みに寄り添う。
  4. 左下(7種類の成分): 購入を後押しする具体的な根拠を提示。
  5. 最下部 : 次に何をすべきか(クリック)を明確に提示。

5. 工夫したポイント

  • 「痛み」への共感: 「ヘアカラーを重ねた髪」という一文を入れることで、単なるヘアオイルではなく、ダメージヘアに悩む層への「自分事化」を促しています。
  • 背景の質感: 背景にオーロラのようなグラデーションを重ねることで、平面的なバナーに奥行きが生まれ、高級感を底上げしています。
シェア