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

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

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

【デザインについて】

●ビジュアルイメージ

カラー後の髪に必要な「うるおい」「ツヤ」「透明感」をテーマに、 柔らかな光とパステルグラデーションで上品な世界観を構築しました。 商品ボトルが主役として際立つよう、余白設計と光のコントラストを調整し、 美容系ブランドらしい“清潔感と高級感”の両立を意識しています。

●カラー

背景にはピンク〜ラベンダー〜ブルーの淡いグラデーションを採用し、保湿感・軽さ・やさしさを視覚的に表現しました。アクセントとしてゴールドのバッジを配置し、視線誘導と信頼性を補強。全体のトーンは女性向け商材に合わせて、上品でミニマルな印象に統一しています。

●タイポグラフィ

日本語フォントには Shippori Mincho を採用し、“上品さ・柔らかさ・可読性”のバランスを重視しました。明朝体の繊細なラインが背景の透明感と調和し、美容系商材に求められる落ち着いた印象を自然に演出しています。

●情報設計

ユーザーが短時間で魅力を理解できるよう、「商品名 → 商品ビジュアル → 特徴 → ベネフィット → CTA」の順に視線が流れる構成を採用しました。左右に特徴情報を配置することで、商品中心のレイアウトを保ちながら訴求ポイントを自然に読み取れるよう整理しています。CTAは右下に配置し、購入導線としてのわかりやすさを重視しました。

【工夫したポイント】

情報過多になると一気に安っぽく見えるため、必要な要素だけを厳選し、余白を活かした“上品な見せ方”を意識しました。特徴情報は左右に分散させ、世界観を保ちながら自然に読ませる構成にしています。

シェア
foriio

あなたのforiioを無料で作成

fori.io/