Facebook 【HerTech基礎修了課題】最高基準のUVカットクリーム
Logo

【HerTech基礎修了課題】最高基準のUVカットクリーム

クレジット
Avatar
WEBデザイナー志望
【HerTech基礎修了課題】最高基準のUVカットクリーム-1
シェア
制作ノート
制作について

デザインについて

●ビジュアルイメージ

「UVケア」と「美容液のようなスキンケア効果」を両立した日焼け止めであることを伝えるため、“上質・透明感・素肌美”をキーワードにしました。

モデルにはナチュラルで艶のある肌の女性を採用し、

「ノーファンデでも美しく見える肌」を直感的に想起できるよう表現しています。

また、商品が“美容クリーム”と誤認されないよう、

UV商材であることを視覚的に伝える工夫として、太陽光を連想させるグラデーション要素を取り入れました。

●カラー

全体はくすみピンク×ベージュ系でまとめ、働く大人女性が好む「上品・やわらか・高級感」のあるトーンに設定しました。

・メインカラー:落ち着きのあるライトグレー#d9d9d9

・ベースカラー: 肌なじみの良いダスティピンク#d3b6b1

・アクセントカラー:パープル〜オレンジのグラデーション

線グラデーション90°/#8C52FF → #FF914D

この配色により、

美容液らしい上質感を保ちながらも「UVケア商品」であることを補強しています。

●タイポグラフィー

上品で女性らしいShipporiMinchoフォントを使用し、

スキンケアブランドらしい高級感と信頼感を演出しました。

また、強調したいキーワード「光」のみ色とサイズを変えることで視線誘導を行い、コピーの印象を高めています。

右側の縦組みテキストは、

インパクトを持たせつつ高級感を演出するために配置し、

バナー全体の“化粧品広告らしさ”を強化しました。

●情報設計

ターゲットである

「日焼けは防ぎたいが、乾燥・白浮き・メイク負担が気になる働く女性」に対し、短時間で魅力が伝わるよう意識しました。

意識したポイント

・ファーストビューで“UVケア商品”と認識できること

SPF/PA表記を目立つ位置に配置

太陽を連想させるグラデーションで補強

・ベネフィット訴求を優先

「美容液成分80%」「トーンアップ」「ノーファンデでも美しく」

といった、ペルソナの悩みに直結する訴求を優先配置

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

メインコピー → ベネフィット → 商品 → SPF表記

の順で自然に視線が流れるよう設計

あえて余白を広く取り、情報量を抑え高級感を維持して

ラグジュアリーなブランドイメージを演出

シェア