【HerTech 架空案件】Instgram/Facebook用日焼け止めバナー

【デザインについて】

⚫︎ビジュアルイメージ

紫外線対策とスキンケア効果を兼ね備えた商品コンセプトを表現するため、ラベンダーを基調としたやわらかなグラデーションを採用しました。光が差し込む演出により、「紫外線を防ぎながら肌を美しく見せる」というメッセージを視覚的に伝えています。全体的に透明感と清潔感を意識し、上品で信頼感のあるブランドイメージを演出しました。

⚫︎カラー

ベースカラーは、ホワイトを使用。スキンケア商品に求められる清潔感や透明感、安心感を表現しています。余白を活かすことで、商品やテキストが引き立つようにしています。

メインカラーは、ラベンダーを使用。上品さややさしさを演出するとともに、紫外線ケア商品としての機能性や信頼感を視覚的に表現しています。

アクセントカラーは、ピンクベージュを使用。背景にほんのり取り入れることで、肌なじみの良さや血色感をプラスし、より自然で女性らしい印象に仕上げています。

⚫︎タイポグラフィ

フォントにはNoto Serif Japaneseを使用し、上品で落ち着いた印象を表現しました。セリフ体特有の繊細な線と安定感のある字形により、高級感と信頼感を演出しています。また、可読性にも優れているため、キャッチコピーや商品特徴を視認性高く伝えることを意識しました。

⚫︎情報設計

左側にキャッチコピーと商品の特長を配置し、右側に商品ビジュアルを大きく見せることで、自然な視線誘導を実現しました。特徴的な訴求ポイントは透明感のある円形のあしらいにまとめ、直感的に理解できるよう整理しています。下部には誘導ボタンを配置し、ユーザーの行動を促す導線設計としました。

【工夫したポイント】

商品の特長である「美容液成分80％配合」「トーンアップ効果」「ノーファンデでも美しく」といった情報を、透明感のあるバブルデザインで表現し、軽やかでスキンケアらしい印象に仕上げました。「美容液成分80％配合」は一番大きくし、特に伝えたいポイントとして表しています。また、光の演出を加えることで“肌を守りながら輝かせる”というコンセプトを強調しています。