Facebook デザインについて
Logo

【HerTech 架空案件】毛穴美容液バナー

クレジット
Avatar
WEBデザイナー
【HerTech 架空案件】毛穴美容液バナー-1
シェア
制作ノート
デザインについて

●ビジュアルイメージ

毛穴悩みを持つターゲットに向けて、商品の効果や理想の肌が一目で伝わるよう、清潔感・透明感を意識してデザインしました。

また、キャンペーン情報の文字を大きく配置することで、お得に始められることが瞬時に伝わるよう設計にしています。

●カラー

ホワイトをベースカラー、ライトブルーをメインカラーに使用し、清潔感と透明感のあるブランドイメージを表現しました。

アクセントカラーにはキャンペーン情報の下線にイエロー、CTAボタンにブルーのグラデーションを使用し、視線を集めてクリックを促すよう意識しました。

●タイポグラフィ

キャッチコピー・サブコピーには、上品さを表現するため「Noto Serif Japanese」を使用しました。

訴求部分・キャンペーン情報には、視認性が高く情報の優先順位をつけやすい「Noto sans JP」を使用しました。

●情報設計

キャッチコピーから商品→モデル→キャンペーン情報→CTAへと自然に視線が流れるレイアウトを意識し、情報を迷わず読み進められる構成にしました。

●工夫したポイント

毛穴悩みを抱えるターゲットが、購入後の理想の肌をイメージできるよう、悩み→得られる効果→キャンペ-ン情報→CTAの順に整理し、自然と購入につながる導線を意識しました。

シェア
デザインについて

●ビジュアルイメージ

毛穴悩みを持つターゲットに向けて、商品の効果や理想の肌が一目で伝わるよう、清潔感・透明感を意識してデザインしました。

また、キャンペーン情報の文字を大きく配置することで、お得に始められることが瞬時に伝わるよう設計にしています。

●カラー

ホワイトをベースカラー、ライトブルーをメインカラーに使用し、清潔感と透明感のあるブランドイメージを表現しました。

アクセントカラーにはキャンペーン情報の下線にイエロー、CTAボタンにブルーのグラデーションを使用し、視線を集めてクリックを促すよう意識しました。

●タイポグラフィ

キャッチコピー・サブコピーには、上品さを表現するため「Noto Serif Japanese」を使用しました。

訴求部分・キャンペーン情報には、視認性が高く情報の優先順位をつけやすい「Noto sans JP」を使用しました。

●情報設計

キャッチコピーから商品→モデル→キャンペーン情報→CTAへと自然に視線が流れるレイアウトを意識し、情報を迷わず読み進められる構成にしました。

●工夫したポイント

毛穴悩みを抱えるターゲットが、購入後の理想の肌をイメージできるよう、悩み→得られる効果→キャンペ-ン情報→CTAの順に整理し、自然と購入につながる導線を意識しました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech 架空案件】毛穴美容液バナー-1
デザインについて

●ビジュアルイメージ

毛穴悩みを持つターゲットに向けて、商品の効果や理想の肌が一目で伝わるよう、清潔感・透明感を意識してデザインしました。

また、キャンペーン情報の文字を大きく配置することで、お得に始められることが瞬時に伝わるよう設計にしています。

●カラー

ホワイトをベースカラー、ライトブルーをメインカラーに使用し、清潔感と透明感のあるブランドイメージを表現しました。

アクセントカラーにはキャンペーン情報の下線にイエロー、CTAボタンにブルーのグラデーションを使用し、視線を集めてクリックを促すよう意識しました。

●タイポグラフィ

キャッチコピー・サブコピーには、上品さを表現するため「Noto Serif Japanese」を使用しました。

訴求部分・キャンペーン情報には、視認性が高く情報の優先順位をつけやすい「Noto sans JP」を使用しました。

●情報設計

キャッチコピーから商品→モデル→キャンペーン情報→CTAへと自然に視線が流れるレイアウトを意識し、情報を迷わず読み進められる構成にしました。

●工夫したポイント

毛穴悩みを抱えるターゲットが、購入後の理想の肌をイメージできるよう、悩み→得られる効果→キャンペ-ン情報→CTAの順に整理し、自然と購入につながる導線を意識しました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/