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

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

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

【ビジュアルイメージ】

「ヘアカラーを楽しみながらも、美しいツヤ髪を維持したい女性」に向けて、“上品なうるツヤ感”をテーマにビジュアル設計を行いました。

今回のバナーでは、ヘアオイルによる“髪の変化”を直感的に伝えるため、艶感のあるロングヘアのモデルを大きく配置しています。 また、20代後半〜30代女性をターゲットとしていることから、ターゲット層に近い年代のモデルを起用し、ユーザーが自分自身を重ねやすいよう意識しました。

背景には淡いグラデーションと透明感のあるシャボン玉を取り入れ、

・みずみずしさ

・保湿感

・うるおい感

・軽やかな使用感

を視覚的に表現しています。

さらに、キャッチコピー部分には繊細なグラデーションを使用し、髪に光が当たった時のような“ツヤ感”を演出しました。 Instagram広告はスクロール中に一瞬で判断されるため、柔らかく女性らしい世界観の中にも、思わず目を止めたくなる透明感を意識しています。

【カラー設計】

今回のバナーでは、 「女性らしい柔らかさ」と「髪のうるおい・透明感」を表現するため、3色を軸にカラー設計を行いました。

ベースカラー:#f7f4f8

メインカラー:#b4a0d8

アクセントカラー:#3f3846

ベースカラー:#f7f4f8

背景には淡いラベンダー系のカラーを使用しました。

柔らかく透明感のある色味にすることで、

・女性らしさ

・清潔感

・上品さ

・保湿感

・ナチュラルな印象

を表現しています。

また、淡いトーンにすることで、モデルの髪の艶感や商品ボトルが自然に引き立つよう意識しました。

メインカラー:#b4a0d8

メインにはくすみ感のあるパープルを使用しました。

このカラーには、

・大人っぽさ

・上品さ

・美容感

・透明感

・落ち着き

といった印象があり、ヘアケア商品の世界観と相性が良い色味として選定しています。

キャッチコピーやCTA部分に使用することで、世界観を統一しながらも、視線を集めやすいよう工夫しました。

アクセントカラー:#3f3846

アクセントには深みのあるダークカラーを使用しています。

特に、

・商品名

・CTAボタン

・一部テキスト

に使用することで、全体を引き締め、上品で洗練された印象になるよう設計しました。

淡い背景とのコントラストをつけることで、Instagram上でも情報が埋もれにくく、視認性が高まるよう意識しています。

【タイポグラフィー】

日本語フォント:IPAex明朝 英字フォント:Noto Serif

日本語フォント:IPAex明朝

日本語には「IPAex明朝」を使用しました。

繊細なハネ感と上品な曲線が特徴のフォントで、

・女性らしさ

・美容商品の高級感

・繊細さ

・エレガントな印象

を演出できる点を意識して選定しています。

特にキャッチコピーでは、余白を活かしながらゆったりと配置することで、落ち着きのある“大人女性向けヘアケア”の世界観を表現しました。

英字フォント:Noto Serif

英字には「Noto Serif」を使用しました。

セリフ体特有の上品さとナチュラルな高級感があり、商品名部分に使用することで、海外コスメのような洗練された雰囲気を演出しています。

また、主張しすぎないフォントを選ぶことで、全体の柔らかい世界観を崩さないよう意識しました。

【情報設計】

Instagram広告は短時間で情報を伝える必要があるため、 「ヘアオイルの魅力を直感的に理解できること」を重視して設計しました。

① キャッチコピーで悩みに共感

最初に目に入る上部には、

「ヘアカラーを重ねた髪も うるうるのツヤ髪へ。」

というコピーを大きく配置しました。

ヘアカラーによるダメージやパサつきに悩むターゲットに対して、 “自分向けの商品だ”と瞬時に伝わるよう意識しています。

② ビジュアルで商品の効果を想起させる

右側には艶感のあるモデル写真を配置し、 ヘアオイル使用後の理想イメージを視覚的に伝えています。

また、左下には商品画像を配置することで、 「どの商品なのか」がすぐ理解できるよう設計しました。

③ 商品特徴を整理して伝える

中央には、

・無香料

・色持ちケア

・7種類の美容成分配合

という特徴を円形デザインで整理して配置しています。

装飾としてだけでなく、情報をブロック化することで視認性を高め、短時間でも内容を理解しやすい構成にしています。

④ CTAで行動を促す

下部にはボタン風デザインを配置し、 「うるツヤ髪をはじめる」というコピーでLPへの導線を設計しました。

「購入する」ではなく、 “はじめる”という柔らかい表現にすることで、ユーザーが気軽に商品に興味を持ちやすい印象になるよう意識しています。

【工夫したポイント】

今回の制作では、 「Instagram上で思わず目を止めたくなる透明感」と「ヘアケア商品の信頼感」を両立することを特に意識しました。

特に、

・ツヤ感を意識したグラデーション表現

・シャボン玉による保湿

・潤い感の演出

・淡い配色による透明感づくり

・モデルの髪を活かしたビジュアル設計

・情報量を整理したシンプルな構成

・CTAボタンによる視線誘導

を工夫し、視認性と世界観の両立を目指しました。

また、Instagramで美容情報を日常的に収集しているターゲット層に合わせ、 “コスメ広告らしい上品さ”と“トレンド感”を意識したデザインに仕上げています。

その結果、ユーザーが、

・どんな商品なのか

・どんな悩みに向いているのか

・使用後にどんな髪になれるのか

を直感的に理解しやすくなり、商品への興味喚起やLP遷移率の向上につながるバナーを目指しました。

シェア
たひらしょうこの他の作品
画像
作品を見る
【HerTech架空案件】京都旅行プラン紹介LP
画像
作品を見る
【HerTech架空案件】親子料理教室バナー
画像
作品を見る
【HerTech架空案件】ペットフードバナー
foriio

あなたのforiioを無料で作成

fori.io/
【架空案件】ヘアオイルバナー-1
たひらしょうこの他の作品
画像
作品を見る
【HerTech架空案件】京都旅行プラン紹介LP
画像
作品を見る
【HerTech架空案件】親子料理教室バナー
画像
作品を見る
【HerTech架空案件】ペットフードバナー
foriio

あなたのforiioを無料で作成

fori.io/