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

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

クレジット
Avatar
WEBデザイナー
【HerTech 架空案件】日焼け止めのバナー-1
シェア
制作ノート
制作について

【デザインについて】

●ビジュアルイメージ  
 「光のヴェール」と「瑞々しい透明感」を表現。パールホワイトを基調に、プリズムのような光を感じる背景素材を採用することで、日差しを連想させる明るい雰囲気と、肌が守られている安心感の両立を目指しました。

●カラー
美容系ならではの上品さと透明感を醸成するため、パープル系で統一。メインカラーには深みと高級感のあるパープル、サブメインには瑞々しさを引き立てるラベンダー系を採用し、同系色の濃淡で世界観に奥行きを持たせました。また、バナー全体の洗練されたトーンを維持しつつ、ユーザーのアクションを促すため、下部のCTAボタンには補色(アクセントカラー)となる鮮やかなオレンジを配し、視線誘導とクリック率向上を狙ったメリハリのある設計にしています。

●タイポグラフィ
柔らかく上品な印象を与える「ほのか明朝」を採用。そのままでは可読性が不十分だったため、文字にエフェクトを施すことで、世界観を壊さずに視認性を確保しました。

●情報設計
ターゲットが抱く「乾燥」「白浮き」への不安を解消しつつ、理想の仕上がりである「透明感」をストレートに伝えるため、訴求ポイントを3つのチェックリスト形式で整理。ユーザーが瞬時に自分ごと化できるよう配慮しました。

【工夫したポイント】

キャッチコピーの「光を味方に」、サブコピーの美容液成分「80%」、国内最高値を示す「50+」の数値を大きく扱い、ユーザーのフックとなる情報の訴求力を高めました。
商品名「LUMINOUS SHIELD」から着想を得て、紫外線から肌を守る「盾(SHIELD)」のモチーフを採用。盾の中にSPF・PA値を収めることで、圧倒的な防御力と製品への安心感を直感的に伝えるビジュアルへと昇華させました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/
Logo
foriio

あなたのforiioを無料で作成

fori.io/