【HerTech 架空案件】日焼け止めバナー

【デザインについて】

⚫︎ビジュアルイメージ

光のヴェールをまとったような、透明感と上質感のある肌をイメージして制作しました。

⚫︎カラー

透明感・高級感・清潔感を表現するために、白やグレーを基調にまとめました。

⚫︎タイポグラフィー

フォントは可読性が高く、上品さや信頼感を演出できるNoto Serif Japaneseを選びました。また、「美容成分80%配合」「SPF50+ PA++++」などの重要な情報は読みやすさを重視し、数字を大きく配置して視認性を高めています。

⚫︎情報設計

短時間で商品の魅力が伝わるよう、情報の優先順位を意識しました。視線が、商品画像→キャッチコピー→商品の特徴→CTAボタンの順に流れるレイアウトにしています。

また、ターゲットは「肌の乾燥が気になる」「素肌を綺麗に見せたい」とのことなので、瑞々しい透明感を背景やエフェクトで表現しました。

【工夫したポイント】

背景には光が水面に反射するようなビジュアルを使用し、「透明感」「瑞々しさ」「上質感」を演出することで、商品の世界観を表現しました。商品の機能だけでなく、使った後の理想の肌をイメージしやすいデザインを目指しました。

「美容成分80%配合」「SPF50+ PA++++」は購入の判断材料になりやすいため、円形のデザインと大きな数字で強調しました。

配色は白・グレーを基調に色数を抑え、洗練された印象に仕上げました。また、CTAボタンのみに濃いグレーを使用し、自然と視線が集まるよう工夫しました。

商品の魅力を伝えたい情報だけに絞り、余白を十分に確保することで見やすくしています。情報を詰め込みすぎず、ブランドイメージを損なわないシンプルなレイアウトを意識しています。