Facebook 制作について
Logo

【Her Tech架空案件】UVケア商品バナー

クレジット
Avatar
WEBデザイナー
現役美容師
【Her Tech架空案件】UVケア商品バナー-1
シェア
制作ノート
制作について

 ●ビジュアルイメージ

UV化粧下地としての機能を考慮し、明るい日差しを感じさせる透明感と、紫外線をしっかりガードする「安心感」を両立させたビジュアルに仕上げました。

モデルのナチュラルな笑顔と光を浴びた肌表現により、商品使用後のポジティブなイメージ(ノーファンデでも美しい肌)を瞬時に想起させるデザインを目指しています。

●カラー

美肌効果やトーンアップ感を直感的に伝えるため、パールホワイトとラベンダーを基調としています。

ラベンダーカラーはくすみを飛ばして透明感を演出する効果を視覚的に補強し、背景の光感とグラデーション状に馴染ませることで、上品で洗練されたコスメの持つ世界観を表現しました。

●タイポグラフィ

視認性と親しみやすさ、そして現代的な洗練さを兼ね備えた「Noto Sans JP」を採用しました。

ウェイトにコントラストをつけることで、メインコピーの「光を味方にする肌へ」やスペック(SPF50+ / PA++++)などの最重要情報を一目で把握できるようにメリハリをつけています。

●情報設計

ファーストビューでユーザーの心を掴むキャッチコピーを上部に配置し、中央から下部にかけて商品画像・主要スペック(美容液成分80%配合、SPF50+ PA++++)・CTAボタン(今すぐチェック)へとスムーズに視線が流れる視線誘導を徹底設計しました。

購買意欲を高めた状態でアクションへと導く構成にしています。

●工夫したポイント

単なる機能説明にとどまらず、「ノーファンデでも美しく」というユーザーのベネフィットを強調することで感情に訴えかけるデザインに仕上げました。

また、丸型のデザインで数字(80%、SPF50+)を強調し、アイキャッチとしてのインパクトと可読性を高めています。

商品の魅力が3秒で伝わり、クリック率・CVRの向上に貢献する出来るようにしました。 

シェア
制作について

 ●ビジュアルイメージ

UV化粧下地としての機能を考慮し、明るい日差しを感じさせる透明感と、紫外線をしっかりガードする「安心感」を両立させたビジュアルに仕上げました。

モデルのナチュラルな笑顔と光を浴びた肌表現により、商品使用後のポジティブなイメージ(ノーファンデでも美しい肌)を瞬時に想起させるデザインを目指しています。

●カラー

美肌効果やトーンアップ感を直感的に伝えるため、パールホワイトとラベンダーを基調としています。

ラベンダーカラーはくすみを飛ばして透明感を演出する効果を視覚的に補強し、背景の光感とグラデーション状に馴染ませることで、上品で洗練されたコスメの持つ世界観を表現しました。

●タイポグラフィ

視認性と親しみやすさ、そして現代的な洗練さを兼ね備えた「Noto Sans JP」を採用しました。

ウェイトにコントラストをつけることで、メインコピーの「光を味方にする肌へ」やスペック(SPF50+ / PA++++)などの最重要情報を一目で把握できるようにメリハリをつけています。

●情報設計

ファーストビューでユーザーの心を掴むキャッチコピーを上部に配置し、中央から下部にかけて商品画像・主要スペック(美容液成分80%配合、SPF50+ PA++++)・CTAボタン(今すぐチェック)へとスムーズに視線が流れる視線誘導を徹底設計しました。

購買意欲を高めた状態でアクションへと導く構成にしています。

●工夫したポイント

単なる機能説明にとどまらず、「ノーファンデでも美しく」というユーザーのベネフィットを強調することで感情に訴えかけるデザインに仕上げました。

また、丸型のデザインで数字(80%、SPF50+)を強調し、アイキャッチとしてのインパクトと可読性を高めています。

商品の魅力が3秒で伝わり、クリック率・CVRの向上に貢献する出来るようにしました。 

シェア
藤沢 舞の他の作品
画像
作品を見る
【美容室Webページ】カラー剤紹介
foriio

あなたのforiioを無料で作成

fori.io/
【Her Tech架空案件】UVケア商品バナー-1
制作について

 ●ビジュアルイメージ

UV化粧下地としての機能を考慮し、明るい日差しを感じさせる透明感と、紫外線をしっかりガードする「安心感」を両立させたビジュアルに仕上げました。

モデルのナチュラルな笑顔と光を浴びた肌表現により、商品使用後のポジティブなイメージ(ノーファンデでも美しい肌)を瞬時に想起させるデザインを目指しています。

●カラー

美肌効果やトーンアップ感を直感的に伝えるため、パールホワイトとラベンダーを基調としています。

ラベンダーカラーはくすみを飛ばして透明感を演出する効果を視覚的に補強し、背景の光感とグラデーション状に馴染ませることで、上品で洗練されたコスメの持つ世界観を表現しました。

●タイポグラフィ

視認性と親しみやすさ、そして現代的な洗練さを兼ね備えた「Noto Sans JP」を採用しました。

ウェイトにコントラストをつけることで、メインコピーの「光を味方にする肌へ」やスペック(SPF50+ / PA++++)などの最重要情報を一目で把握できるようにメリハリをつけています。

●情報設計

ファーストビューでユーザーの心を掴むキャッチコピーを上部に配置し、中央から下部にかけて商品画像・主要スペック(美容液成分80%配合、SPF50+ PA++++)・CTAボタン(今すぐチェック)へとスムーズに視線が流れる視線誘導を徹底設計しました。

購買意欲を高めた状態でアクションへと導く構成にしています。

●工夫したポイント

単なる機能説明にとどまらず、「ノーファンデでも美しく」というユーザーのベネフィットを強調することで感情に訴えかけるデザインに仕上げました。

また、丸型のデザインで数字(80%、SPF50+)を強調し、アイキャッチとしてのインパクトと可読性を高めています。

商品の魅力が3秒で伝わり、クリック率・CVRの向上に貢献する出来るようにしました。 

シェア
藤沢 舞の他の作品
画像
作品を見る
【美容室Webページ】カラー剤紹介
foriio

あなたのforiioを無料で作成

fori.io/