【Sample】日焼け止めバナー

・ビジュアルイメージ

「紫外線対策」と「透明感」をキーワードに、やわらかな光が差し込むような世界観を目指しました。商品を使用した後の明るく健康的な肌をイメージできるよう、モデルの表情や光の演出にもこだわりました。

・カラー

ラベンダーをベースカラーに使用し、肌へのやさしさや透明感を表現しました。アクセントとしてゴールドを取り入れることで、高級感を演出するとともに、メインコピーの「光」というキーワードを印象付けています。

・タイポグラフィ

メインコピーは視認性を重視し、大きく配置しました。「光」の文字のみゴールドにすることで、コンセプトが一目で伝わるよう工夫しています。サブコピーや商品情報は可読性を優先し、情報量が多くても読みやすい文字サイズ・行間を意識しました。

・情報設計

ユーザーが短時間で内容を理解できるよう、「キャッチコピー → モデル → 商品 → 商品の特徴 → CTAボタン」の順に視線が流れる構成を意識しました。また、「美容液成分80％配合」「SPF50+/PA++++」などの特徴はアイコン化し、視認性を高めています。

【工夫したポイント】

背景とのコントラストを活かしてCTAボタンに自然と視線が集まるよう調整しました。また、余白を適切に確保することで情報を整理し、商品の高級感や上品な印象が伝わるデザインを目指しました。CTAボタンはグラデーションや背景とのコントラストで立体感を演出し、クリックしたくなるデザインを意識しました。