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

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

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

【デザインについて】
ヘアオイル「Ruby OIL」のLPへ誘導するためのバナーを制作しました。ヘアカラーを繰り返すことで生じるダメージやパサつきに悩む層へ向け、商品のベネフィットと信頼性を直感的に伝えるデザインを目指しました。

  〇ビジュアルイメージ

コスメ関心層にアピールするため、「使ってみたい」と思わせるシズル感と、商品の信頼感・上質さを両立させました。
背景に、透明感のある泡(水滴)をちりばめることで、保湿力や紙に潤いが浸透していく様子を視覚的に表現しました。
全体のレイアウトは余白を広めにとり、クリーンで高級感のある印象に仕上げました。

〇カラー

清潔感のある白から、洗練された淡いグレー〜パープルのグラデーションを採用。都会的で落ち着いた印象を与えます。

〇タイポグラフィ

「うるおい」=「水」のイメージから、線が細く、余白が美しく見えるフォント「はんなり明朝」を使用しました。
泡の枠を使用することで視覚的に「ツヤ」を表現。さらに文字に少し影を落とし、浮き立たせました。

〇情報設計

ユーザーがバナーを認知してから、商品に興味を持ち、LPをクリックするまでの心理的な動線をロジカルに配置しました。

Z型視線: 視線が「左上(キャッチ)→中央(商品)→右下(勲章リボン)」へスムーズに流れるレイアウト。  
信頼の提示: 目を惹く深紅の勲章リボン(楽天1位)を右下に大きく配置。まず「実績のある商品」であることを示し、信頼感を醸成。
興味の喚起: 勲章のすぐ上に「7種類の美容成分配合」という具体的なベネフィットを記載。信頼した直後に「なぜ良いのか」の理由を提示し、興味をさらに強めています。    

【工夫したポイント】
ターゲット層(20代後半〜30代女性)にアピールする「おしゃれさ」と、バナーとしての「情報の伝わりやすさ」を両立させるため、フォントの使い分けにこだわりました。

  • キャッチコピー: 繊細で流麗な明朝体を使用し、情緒的な雰囲気と上質さを表現。
  • 商品名(筆記体): ブランドの世界観を表現するアクセントとして、洗練された筆記体を採用。<br><br>文字数を抑え、要点のみを伝えることで、ノイズを減らしています。
シェア