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

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

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

【デザインについて】

●ビジュアルイメージについて

カラーリングや質感が落ち着いたトーンで統一されており、特別感のある印象にしています。

●カラー

優しいピンクをベース…20代女性の柔らかさや親しみやすさを表現。

くすみレッドをメイン…少し大人っぽい上品さをプラス。

ゴールドをアクセント…華やかさと高級感を演出。

これらのカラーの組み合わせで、日常使いにも特別なシーンにも映えるデザインを意識、20代女性の心をつかむ魅力的なビジュアルにしました。

●タイポグラフィー

メインフォントは高級感を意識して、洗練されたセリフ体を使用。商品名の「Ruby Oil」は、特別感と信頼性を強調しています。

適度な太さと文字間隔を調整しており、視覚的に心地よく商品名が際立つようにデザインしています。

キャッチコピーは柔らかさを意識。

「染めるたび、もっと好きな私に。」というキャッチコピーは、軽やかで柔らかいフォントを使用し、女性らしさや親しみやすさを感じさせます。

上品な印象を与えつつ、読者に直接語りかけるような温かみを演出しています。

●情報設計

1.情報の階層化と視線誘導

最重要情報(商品名:Ruby Oil)が最も目立つように大きな文字サイズで中央に配置され、視線の起点になっています。

「染めるたび、もっと好きな私に。」というキャッチコピーが、商品の上に配置され、商品がもたらすメリットをわかりやすく伝えています。

「7種類の美容成分配合」や「150ml 3,500円」などの具体的な情報が、視線が自然に移動する位置に配置されています。

2.ビジュアルと文字のバランス

商品ボトル画像が右側に配置されて、左側にテキスト情報を配置することで、情報が整理されて視覚的にすっきりして見えます。

左右のバランスが取れており、商品画像とテキストの両方が際立つ構成です。

3.アピールポイントの簡潔さ

楽天での受賞歴(ヘアケア部門1位)や美容成分が7種類配合されている点など、顧客が気にするポイントを簡潔かつ目立つ形で提示しています。

情報量が多すぎず、ターゲット層が知りたい情報を的確に伝えています。

4.行動喚起(CTA)の明確さ

「今すぐ購入する」のボタンが画面右下に配置され、アクセントカラーで目立たせています。

ユーザーが情報を読み進めた後、スムーズに行動に移れるデザインです。

5.配色による視認性と印象

メインカラー(赤系統)とアクセントカラー(ゴールド)の組み合わせが視認性を高めるだけでなく、商品の特別感や信頼感を視覚的に補強しています。

背景がシンプルで淡い色合い(ピンクベージュ)なので、文字やボタンが際立ち、情報が読み取りやすい設計です。

まとめ

この情報設計は、【見やすさ】【理解しやすさ】【行動しやすさ】の三点を意識して作成いたしました。

ターゲットに適切な情報を効果的に伝えると同時に、視線誘導や配色を通じて製品の魅力と信頼感を最大限に引き出すデザインとなっています。

シェア
yuri _Azukiteaの他の作品