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

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

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

【デザインについて】

ビジュアルイメージ

「自宅でもサロン帰りのようなツヤ髪を叶えるヘアオイル」をテーマに、 上品さ・透明感・女性らしさを意識してデザインしました。

メインビジュアルにはツヤ感のある女性モデルを使用し、 髪に光が当たる演出を加えることで、商品の魅力である“うるおい感”や“ツヤ感”が直感的に伝わるよう工夫しています。

また、全体をやわらかい雰囲気でまとめることで、20〜30代女性が親しみやすく感じる世界観を目指しました。

カラー

ピンクベージュをベースカラーに使用し、 「やさしさ」「女性らしさ」「美容感」を表現しました。

さらに、ゴールドカラーをアクセントとして加えることで、 高級感や特別感、ランキング実績による信頼感を演出しています。

全体的に淡いカラーで統一することで、商品の“髪にやさしい印象”が伝わるよう意識しました。

タイポグラフィー

メインコピーには、やわらかく上品な印象を与えるフォントを使用し、 美容系商品の世界観に合うよう調整しました。

「うるうるのツヤ髪へ」は視線を集めるよう大きく配置し、 一目でベネフィットが伝わるよう強弱をつけています。

また、英字部分には高級感のあるセリフ系フォントを使用し、 ブランドらしさを演出しました。


情報設計

ユーザーが瞬時に情報を理解できるよう、 「キャッチコピー → モデル → 商品 → 特徴」の順に自然と視線が流れる構成を意識しました。

特に、 ・ツヤ髪訴求 ・美容成分配合 ・無香料 ・ランキング風バッジ

など、購入判断につながる情報を視認しやすい位置に配置しています。

情報量が多くなりすぎないよう余白も意識し、 スマホでも見やすいデザインを心がけました。

【工夫したポイント】

・髪のツヤ感をより印象的に見せるため、光エフェクトを追加し、商品の魅力が直感的に伝わるよう工夫しました。

・商品画像だけが浮いて見えないよう、背景の色味や装飾と馴染ませ、全体の統一感を意識しています。

・美容系バナーで重要な“清潔感”と“高級感”を両立するため、余白や文字サイズのバランスを細かく調整しました。

・LPへの誘導を想定し、「続きを見たくなる雰囲気づくり」を意識して制作しています。

シェア
Webデザイナーakiの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech】架空案件ヘアオイルのバナー-1
Webデザイナーakiの他の作品
foriio

あなたのforiioを無料で作成

fori.io/