Facebook 制作について
Logo

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

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

【デザインについて】

◆ ビジュアルイメージ

20〜30代女性向けに、透明感のある上品なトーンで統一しました。

背景に水面素材を合成し、製品の強みである「うるおい」と「ツヤ感」を視覚化。Instagramで思わず手が止まる清潔感のある世界観を目指しました。

◆ タイポグラフィ

上品さとモダンさを両立するため、2つのフォントを使い分けています。

・しっぽり明朝(メイン・実績):「うるうる(106px)」「1位(128px)」など、最重要ワードのジャンプ率を大胆に高めてフックにしました。

・マティス(ロゴ・サブコピー):「7種類の美容成分配合」やロゴに採用し、画面全体をスタイリッシュに引き締めています。

◆ 工夫したポイント(情報設計・カラー)

・「水面合成」による世界観作り:製品のベネフィット(うるおい・ツヤ)を視覚的に直感させ、スクロールの手を止めます。

・メリハリのあるジャンプ率:最重要ワード(128px等)を大胆に大きくし、スマホ画面でも一瞬で情報が飛び込むよう設計。

・世界観と視認性の両立:全体は上品な比率でまとめつつ、「第1位」の帯にはゴールドと赤を使い、視認性を最優先に高めました。

シェア
制作について

【デザインについて】

◆ ビジュアルイメージ

20〜30代女性向けに、透明感のある上品なトーンで統一しました。

背景に水面素材を合成し、製品の強みである「うるおい」と「ツヤ感」を視覚化。Instagramで思わず手が止まる清潔感のある世界観を目指しました。

◆ タイポグラフィ

上品さとモダンさを両立するため、2つのフォントを使い分けています。

・しっぽり明朝(メイン・実績):「うるうる(106px)」「1位(128px)」など、最重要ワードのジャンプ率を大胆に高めてフックにしました。

・マティス(ロゴ・サブコピー):「7種類の美容成分配合」やロゴに採用し、画面全体をスタイリッシュに引き締めています。

◆ 工夫したポイント(情報設計・カラー)

・「水面合成」による世界観作り:製品のベネフィット(うるおい・ツヤ)を視覚的に直感させ、スクロールの手を止めます。

・メリハリのあるジャンプ率:最重要ワード(128px等)を大胆に大きくし、スマホ画面でも一瞬で情報が飛び込むよう設計。

・世界観と視認性の両立:全体は上品な比率でまとめつつ、「第1位」の帯にはゴールドと赤を使い、視認性を最優先に高めました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/
【架空案件】ヘアオイルのバナー-1
制作について

【デザインについて】

◆ ビジュアルイメージ

20〜30代女性向けに、透明感のある上品なトーンで統一しました。

背景に水面素材を合成し、製品の強みである「うるおい」と「ツヤ感」を視覚化。Instagramで思わず手が止まる清潔感のある世界観を目指しました。

◆ タイポグラフィ

上品さとモダンさを両立するため、2つのフォントを使い分けています。

・しっぽり明朝(メイン・実績):「うるうる(106px)」「1位(128px)」など、最重要ワードのジャンプ率を大胆に高めてフックにしました。

・マティス(ロゴ・サブコピー):「7種類の美容成分配合」やロゴに採用し、画面全体をスタイリッシュに引き締めています。

◆ 工夫したポイント(情報設計・カラー)

・「水面合成」による世界観作り:製品のベネフィット(うるおい・ツヤ)を視覚的に直感させ、スクロールの手を止めます。

・メリハリのあるジャンプ率:最重要ワード(128px等)を大胆に大きくし、スマホ画面でも一瞬で情報が飛び込むよう設計。

・世界観と視認性の両立:全体は上品な比率でまとめつつ、「第1位」の帯にはゴールドと赤を使い、視認性を最優先に高めました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/