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

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

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

【デザインについて】

・ビジュアルイメージ

 →質感の連動: ヘアオイルの「潤い」や「ツヤ」を連動させるため、背景には清潔感と高級感のあるホワイトマーブル(大理石)を採用しました。

 →立体感の演出: 商品ボトルに柔らかなドロップシャドウを加え、背景から浮き立たせることで、手に取れるような実在感を演出しています。

・カラー

 →ニュアンスカラーの活用: ボトルのアンバー(琥珀色)を引き立てるため、補足情報のあしらいには肌馴染みの良いグレージュを採用。全体を彩度の低いトーンでまとめることで、美容感度の高いターゲット層に響く落ち着いた配色にしました。

 →アクセントのゴールド: 楽天ランキング1位のエンブレムにゴールドを使用し、華やかさと「売れている」という安心感をプラスしています。

・タイポグラフィー 

 →明朝体の選定: 商品の持つ上品さや大人っぽさを表現するため、繊細な明朝体を採用しました。

 →強弱のコントロール: キャッチコピーの「うるうるのツヤ髪」など、ユーザーに刺したいキーワードをやや太めに設定。また、数字(7種類、第1位)にインパクトを持たせることで、視覚的なリズムと信頼感を両立させています。

・情報設計

 →視線誘導の最適化: 左上のキャッチコピーから入り、右側の実績(1位)、中央の商品、左下の成分特徴へと、視線が自然に流れる「Zの法則」を意識して配置しました。

 →情報の優先順位: 「カラーダメージへの効果」と「実績」を最優先に配置し、最後に価格と容量を端に置くことで、まずはベネフィット(利益)を伝える構成にしています。

シェア