Facebook HerTech_架空案件_Hair Oil Banner
Logo

HerTech_架空案件_Hair Oil Banner

クレジット
Avatar
WEBデザイナー
HerTech_架空案件_Hair Oil Banner-1
シェア
制作ノート
ヘアオイルバナー制作における設計と工夫

制作の背景

同一のヘアオイル商品を、訴求の切り口の違いによってどのように見せ方を変えるべきかを検証するため、3パターンのバナーを制作しました。 商品自体の魅力は同じでも、ユーザーの関心や悩み、購買フェーズによって、伝わりやすい表現は変わると考えています。

① 機能訴求バナー(黄色)

想定ターゲット

・ヘアケア商品を選ぶ際、まず「効果」や「機能」を重視する層

・ツヤ感やうるおいなど、仕上がりのイメージを重視する

・実績や成分など、安心できる情報があると行動に移しやすい

制作意図・工夫

オイルの流動感が伝わるビジュアルを使用し、一目で「ヘアオイルの商品」だと分かる構成にしました。 配色はゴールド寄りのイエローを基調にし、ツヤ感や美容オイルらしいリッチな印象を演出しています。 また、「楽天1位」や成分訴求をファーストビューに配置することで、 視覚的な魅力と同時に信頼感が伝わる導線を意識しました。

② 悩み共感バナー(ピンク)

想定ターゲット

・ヘアカラーやダメージによるパサつきに悩んでいる女性

・機能説明よりも、「自分の悩みに合っているか」を重視する

・やさしく寄り添うトーンの表現に安心感を覚える

制作意図・工夫

うすいピンクをメインに、薄茶をベースカラーとして使用し、 悩みに寄り添うやさしい雰囲気を重視したデザインにしました。 コピーは機能を強く打ち出すのではなく、 「私のことかも」と感じてもらえるよう、共感を軸に設計しています。 アクセントのコーラルピンクは、重要なコピーやボタンに使用し、 やわらかい印象の中でも行動につながる視線誘導を意識しました。

③ ブランド訴求バナー(大理石・白)

想定ターゲット

・デザイン性や世界観を重視して商品を選ぶ層

・サロン品質や上質感に魅力を感じる

・機能よりも「持っていて気分が上がるか」を大切にする

制作意図・工夫

大理石調の背景に、薄グレーをベースカラーとして使用し、 清潔感と高級感を兼ね備えた印象を目指しました。 メインカラーには茶色を取り入れることで、 上質な中にも温かみのあるトーンにまとめています。 アクセントのコーラルピンクは、シンプルな配色の中で 視線を集めるポイントとして使用し、 おしゃれ感と導線の分かりやすさを両立させました。

訴求軸別で変えたポイント

・ビジュアル  オイルの質感重視 → 共感を誘うトーン → 世界観・余白重視

・配色  ゴールド系の華やかさ → やさしく温かい配色 → 上質で洗練された配色

・コピー  機能・実績重視 → 悩みへの共感重視 → ブランドイメージ重視

・印象  分かりやすい・安心 → 寄り添う・共感 → 洗練・高級感

まとめ

同一商品でも、どの価値を一番伝えるかによって、 最適なデザインの方向性は大きく変わります。

今回は

・機能訴求

・悩み訴求

・ブランド訴求

の3軸から表現を設計し、 ターゲットや広告配信面に応じて使い分けられる 実務を意識したバナー展開を行いました。

シェア
神田えりの他の作品