Facebook 制作について
Logo

【HerTech架空案件】新商品のUVエッセンスPRバナー

クレジット
Avatar
駆け出しWEBデザイナー
WEBデザイナー
【HerTech架空案件】新商品のUVエッセンスPRバナー-1
シェア
制作ノート
制作について

▷コンセプト

「紫外線を防ぎながら、光を味方にする肌へ。」

働く女性は日々の紫外線対策を"守り"として捉えがちですが、本商品は機能性だけでなく「肌をより美しく見せる」というポジティブな価値も持っています。そこで、UVケアの機能性と、光を受けて輝く肌の透明感を同時に伝えることを軸にビジュアルを設計しました。

視線の流れは 人物の表情 → キャッチコピー → 商品 → 商品特徴 → CTA の順に誘導し、まず商品の世界観に共感してもらったうえで、機能情報へ自然に導く構成にしています。

▷デザインのこだわり

カラー・タイポグラフィ

  • ベース:ホワイト×淡いラベンダーで清潔感と透明感を演出
  • アクセント:ピンクで「80%」「美しく。」「CTA」など重要情報を強調
  • コピーの「光」:ゴールドを使い、コンセプトとビジュアルを連動
  • 書体:メインコピーは明朝体で上品さを、英字はセリフ体で洗練さを表現

情報設計

情報を コンセプト→商品特徴→ベネフィット→CTA の順で構成。「美容液成分80%配合」という機能面から、「トーンアップ効果でノーファンでも美しく。」という使用後のベネフィットへ自然につなげ、スペック訴求で終わらせない設計にしています。

機能性訴求

SPF50+/PA++++という数値だけでなく、「国内最高水準のUVカット」というバッジを添えることで、機能面での信頼感を視覚的に補強しています。数値だけでは伝わりにくい「どれくらいすごいのか」を、直感的に理解できるよう工夫しました。

▷工夫したポイントと期待できる効果

〇コピーの「光」をゴールドで強調

→ 一目でコンセプトが伝わり、他社UV商品との世界観の差別化になる

〇機能性とベネフィットの両立表現

→ スペックだけでなく「使いたい」という感情喚起につながり、CVR向上に寄与

〇視線誘導を意識したレイアウト

→ 情報を読ませる前に共感を作ることで、離脱を防ぎ商品ページへの送客率を高める

〇バッジによる信頼訴求の補強

→ 数値の信憑性・安心感を高め、機能面での納得感を後押しする

〇CTAのコントラスト設計

→ 淡い配色の中でも「詳しく見る」への次の行動が迷いなく取れる

▷まとめ

働く女性が持つ「守りたいけど、きれいでいたい」という本音に寄り添い、機能性と美しさの両立をビジュアルとコピーの両面で表現しました。3時間という短時間の制作でも、ターゲットの心理と商品特徴を的確に落とし込むことを意識しています。

シェア
制作について

▷コンセプト

「紫外線を防ぎながら、光を味方にする肌へ。」

働く女性は日々の紫外線対策を"守り"として捉えがちですが、本商品は機能性だけでなく「肌をより美しく見せる」というポジティブな価値も持っています。そこで、UVケアの機能性と、光を受けて輝く肌の透明感を同時に伝えることを軸にビジュアルを設計しました。

視線の流れは 人物の表情 → キャッチコピー → 商品 → 商品特徴 → CTA の順に誘導し、まず商品の世界観に共感してもらったうえで、機能情報へ自然に導く構成にしています。

▷デザインのこだわり

カラー・タイポグラフィ

  • ベース:ホワイト×淡いラベンダーで清潔感と透明感を演出
  • アクセント:ピンクで「80%」「美しく。」「CTA」など重要情報を強調
  • コピーの「光」:ゴールドを使い、コンセプトとビジュアルを連動
  • 書体:メインコピーは明朝体で上品さを、英字はセリフ体で洗練さを表現

情報設計

情報を コンセプト→商品特徴→ベネフィット→CTA の順で構成。「美容液成分80%配合」という機能面から、「トーンアップ効果でノーファンでも美しく。」という使用後のベネフィットへ自然につなげ、スペック訴求で終わらせない設計にしています。

機能性訴求

SPF50+/PA++++という数値だけでなく、「国内最高水準のUVカット」というバッジを添えることで、機能面での信頼感を視覚的に補強しています。数値だけでは伝わりにくい「どれくらいすごいのか」を、直感的に理解できるよう工夫しました。

▷工夫したポイントと期待できる効果

〇コピーの「光」をゴールドで強調

→ 一目でコンセプトが伝わり、他社UV商品との世界観の差別化になる

〇機能性とベネフィットの両立表現

→ スペックだけでなく「使いたい」という感情喚起につながり、CVR向上に寄与

〇視線誘導を意識したレイアウト

→ 情報を読ませる前に共感を作ることで、離脱を防ぎ商品ページへの送客率を高める

〇バッジによる信頼訴求の補強

→ 数値の信憑性・安心感を高め、機能面での納得感を後押しする

〇CTAのコントラスト設計

→ 淡い配色の中でも「詳しく見る」への次の行動が迷いなく取れる

▷まとめ

働く女性が持つ「守りたいけど、きれいでいたい」という本音に寄り添い、機能性と美しさの両立をビジュアルとコピーの両面で表現しました。3時間という短時間の制作でも、ターゲットの心理と商品特徴を的確に落とし込むことを意識しています。

シェア
Webデザイナー 都佳早の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech架空案件】新商品のUVエッセンスPRバナー-1
制作について

▷コンセプト

「紫外線を防ぎながら、光を味方にする肌へ。」

働く女性は日々の紫外線対策を"守り"として捉えがちですが、本商品は機能性だけでなく「肌をより美しく見せる」というポジティブな価値も持っています。そこで、UVケアの機能性と、光を受けて輝く肌の透明感を同時に伝えることを軸にビジュアルを設計しました。

視線の流れは 人物の表情 → キャッチコピー → 商品 → 商品特徴 → CTA の順に誘導し、まず商品の世界観に共感してもらったうえで、機能情報へ自然に導く構成にしています。

▷デザインのこだわり

カラー・タイポグラフィ

  • ベース:ホワイト×淡いラベンダーで清潔感と透明感を演出
  • アクセント:ピンクで「80%」「美しく。」「CTA」など重要情報を強調
  • コピーの「光」:ゴールドを使い、コンセプトとビジュアルを連動
  • 書体:メインコピーは明朝体で上品さを、英字はセリフ体で洗練さを表現

情報設計

情報を コンセプト→商品特徴→ベネフィット→CTA の順で構成。「美容液成分80%配合」という機能面から、「トーンアップ効果でノーファンでも美しく。」という使用後のベネフィットへ自然につなげ、スペック訴求で終わらせない設計にしています。

機能性訴求

SPF50+/PA++++という数値だけでなく、「国内最高水準のUVカット」というバッジを添えることで、機能面での信頼感を視覚的に補強しています。数値だけでは伝わりにくい「どれくらいすごいのか」を、直感的に理解できるよう工夫しました。

▷工夫したポイントと期待できる効果

〇コピーの「光」をゴールドで強調

→ 一目でコンセプトが伝わり、他社UV商品との世界観の差別化になる

〇機能性とベネフィットの両立表現

→ スペックだけでなく「使いたい」という感情喚起につながり、CVR向上に寄与

〇視線誘導を意識したレイアウト

→ 情報を読ませる前に共感を作ることで、離脱を防ぎ商品ページへの送客率を高める

〇バッジによる信頼訴求の補強

→ 数値の信憑性・安心感を高め、機能面での納得感を後押しする

〇CTAのコントラスト設計

→ 淡い配色の中でも「詳しく見る」への次の行動が迷いなく取れる

▷まとめ

働く女性が持つ「守りたいけど、きれいでいたい」という本音に寄り添い、機能性と美しさの両立をビジュアルとコピーの両面で表現しました。3時間という短時間の制作でも、ターゲットの心理と商品特徴を的確に落とし込むことを意識しています。

シェア
Webデザイナー 都佳早の他の作品
foriio

あなたのforiioを無料で作成

fori.io/