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

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

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

【デザインについて】

・ビジュアルイメージ

インスタでは“美容らしい世界観”“上品で透明感のあるトーン”を重視。

Xでは“ぱっと見で理解しやすい情報量とレイアウト”を意識しました。

水しぶきと光反射の表現で、保湿感・うるおい・ツヤを強調しています。

・カラー

清潔感のある白〜ベージュを基調に、ブランドらしい上品さを保ちながら

アクセントとしてゴールドを使用し、ほどよい高級感を演出。

・タイポグラフィー

商品名を中心に見せたかったため、太めのフォントでやや大きくし、世界観に合う落ち着いた雰囲気に整えました。

Xでは横長レイアウトに馴染むよう、情報を横方向に揃えて視認性を向上。

重要ポイント(7種類の美容成分/無香料/価格)は太めフォントでメリハリを付けました。

・情報設計

媒体ごとの見られ方をふまえ、Instagram では“美容成分の訴求力”を重視し、「7種類の美容成分配合」をもっとも大きく配置しました。

一方 X では一覧性を優先し、商品名・価格・美容成分など主要情報を均等に並べ、短時間で特徴が把握できる構造にしました。

【工夫したポイント】

Instagram では訴求ポイントを一つに絞って視線誘導をつくり、X では主要情報が偏らないよう要素のサイズ感と余白を整えました。

媒体ごとに目に入る順番が自然になるよう、情報同士の距離感や強弱を調整した情報配置にしました。

シェア