Facebook 制作について
Logo

【HerTech任意課題】ヘアオイルバナー

クレジット
Avatar
Webデザイナー
【HerTech任意課題】ヘアオイルバナー-1
シェア
制作ノート
制作について
【デザインについて】
■ ビジュアルイメージ
清潔感と上質感を重視し、シンプルかつ高級感のある構成でまとめました。
中央に商品を大きく配置することで視線を集め、主役である「Ruby OIL」の存在感を強調しています。
また、ヘアオイルのイメージがしやすいよう、オイルの艶感や透明感を感じさせるエフェクトを取り入れました。

■ カラー
メインカラーはベージュ〜ゴールド系を基調に、落ち着きのあるブラウンやアイボリーを組み合わせました。
これにより「無香料」「安心感」を表現しました。

■ タイポグラフィー
商品名は上品なセリフ体を使用し、信頼感とエレガンスさを意識しました。
その他の説明文や訴求コピーは読みやすさを重視したゴシック体を使用しました。

■ 情報設計
視線誘導を意識し、情報を「訴求→商品→補足情報」の順で配置。
左上の「楽天ヘアケア部門 第1位」はユーザーの目に最初に入る位置に配置しました。
その後、視線が中央の商品、そして右側の「うるうるのつや髪へ」などの効果訴求へと流れるような構成にしました。
さらに、「7種類の美容成分」「無香料」の情報も目立つように簡潔に配置しています。

【工夫したポイント】
・「楽天」の文字を楽天のイメージカラーを使用しました。
・‶ヘアカラーを~つや髪へ″のテキストには見やすさを意識して、エフェクトで影をつけました。


シェア
制作について
【デザインについて】
■ ビジュアルイメージ
清潔感と上質感を重視し、シンプルかつ高級感のある構成でまとめました。
中央に商品を大きく配置することで視線を集め、主役である「Ruby OIL」の存在感を強調しています。
また、ヘアオイルのイメージがしやすいよう、オイルの艶感や透明感を感じさせるエフェクトを取り入れました。

■ カラー
メインカラーはベージュ〜ゴールド系を基調に、落ち着きのあるブラウンやアイボリーを組み合わせました。
これにより「無香料」「安心感」を表現しました。

■ タイポグラフィー
商品名は上品なセリフ体を使用し、信頼感とエレガンスさを意識しました。
その他の説明文や訴求コピーは読みやすさを重視したゴシック体を使用しました。

■ 情報設計
視線誘導を意識し、情報を「訴求→商品→補足情報」の順で配置。
左上の「楽天ヘアケア部門 第1位」はユーザーの目に最初に入る位置に配置しました。
その後、視線が中央の商品、そして右側の「うるうるのつや髪へ」などの効果訴求へと流れるような構成にしました。
さらに、「7種類の美容成分」「無香料」の情報も目立つように簡潔に配置しています。

【工夫したポイント】
・「楽天」の文字を楽天のイメージカラーを使用しました。
・‶ヘアカラーを~つや髪へ″のテキストには見やすさを意識して、エフェクトで影をつけました。


シェア
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech任意課題】ヘアオイルバナー-1
制作について
【デザインについて】
■ ビジュアルイメージ
清潔感と上質感を重視し、シンプルかつ高級感のある構成でまとめました。
中央に商品を大きく配置することで視線を集め、主役である「Ruby OIL」の存在感を強調しています。
また、ヘアオイルのイメージがしやすいよう、オイルの艶感や透明感を感じさせるエフェクトを取り入れました。

■ カラー
メインカラーはベージュ〜ゴールド系を基調に、落ち着きのあるブラウンやアイボリーを組み合わせました。
これにより「無香料」「安心感」を表現しました。

■ タイポグラフィー
商品名は上品なセリフ体を使用し、信頼感とエレガンスさを意識しました。
その他の説明文や訴求コピーは読みやすさを重視したゴシック体を使用しました。

■ 情報設計
視線誘導を意識し、情報を「訴求→商品→補足情報」の順で配置。
左上の「楽天ヘアケア部門 第1位」はユーザーの目に最初に入る位置に配置しました。
その後、視線が中央の商品、そして右側の「うるうるのつや髪へ」などの効果訴求へと流れるような構成にしました。
さらに、「7種類の美容成分」「無香料」の情報も目立つように簡潔に配置しています。

【工夫したポイント】
・「楽天」の文字を楽天のイメージカラーを使用しました。
・‶ヘアカラーを~つや髪へ″のテキストには見やすさを意識して、エフェクトで影をつけました。


シェア
foriio

あなたのforiioを無料で作成

fori.io/