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

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

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】ヘアオイルInstagramバナー-1
シェア
制作ノート
【ビジュアルイメージ】

「艶」「うるおい」「上質感」を軸に設計。

ヘアカラーを繰り返した髪への悩みに寄り添いながら、 “理想の仕上がり”を視覚的に提示する構成にしました。

ツヤのある髪のビジュアルで完成形を明示 ・アンバーカラーのボトルで高級感と信頼感を演出 ・円形モチーフでやわらかさと包容力を表現。背景には淡い光の表現を入れ、 清潔感と美容商材らしい透明感を強調しています。

落ち着いた大人女性をターゲットに、 過度に華美にせず“品のある世界観”を意識しました。

【カラー】

■ ベースカラー アイボリーベージュ系を使用し、柔らかさと清潔感を演出。 主役(商品・髪)を引き立てる余白として機能させています。

■ メインカラー 深みのあるブラウンを見出しやテキストに使用。 ボトルカラーと連動させ、ブランドの一体感を形成。

■ アクセントカラー 受賞バッジ部分に深みのあるレッドを使用。 使用面積を限定し、視線誘導と信頼性の強調を担わせています。

色数を絞ることで、 上品さと高級感を損なわない設計にしています。

【タイポグラフィー】

上品さを演出するため、明朝体をベースに採用。

・見出しはゆったりとした文字間で余白を持たせ、品格を表現 ・機能訴求部分は可読性を重視し階層を整理 ・強弱をつけすぎず、自然な視線誘導を設計

フォントウェイトは過度に強調せず、 “押しすぎない美容商材らしさ”を意識しました。

大見出し → 機能訴求 → 商品情報 の順でジャンプ率を設計し、視認性と美しさを両立させています。

【情報設計】

構成は以下の順序で設計しています。

悩み提示

理想提示

信頼(受賞実績)

機能訴求

商品情報

感情 → 根拠 → 詳細 という流れを作ることで、 自然な理解と納得を促しています。

情報量は多すぎず、 一目で「何の商品か」「なぜ良いか」が理解できる設計です。

【工夫した点】

■ ① 色の統一によるブランド一貫性 ボトルのアンバーカラーとテキストのブラウンを連動させ、 視覚的な統一感を強化しました。 色数を絞ることで、高級感と信頼感を保っています。

■ ② アクセントカラーの最小化 受賞バッジのレッドは使用面積を限定。 必要な部分だけに使うことで、 視線誘導と権威性を効果的に演出しています。 「強く売りすぎない設計」を意識しました。

■ ③ 円形モチーフでやわらかさを表現 機能訴求部分を円形でまとめることで、 女性向け商材らしいやさしさ・包容力を視覚化。 情報を整理しつつ、デザイン性も担保しています。

■ ④ 余白設計による上質感の演出 テキスト周辺に十分な余白を確保し、 窮屈さを排除。 高価格帯商材にふさわしい「呼吸感」を意識しました。

■ ⑤ 感情→論理の導線設計 悩み提示から始め、 理想像→信頼→機能へと自然に理解が進む構成に。 一目で魅力が伝わりつつ、 納得感を持たせる情報設計にしています。

シェア