概要

20代〜40代女性をターゲットにした、夏の紫外線対策用ヘアトリートメント「Sunny Veil（サニーヴェール）」のランディングページを制作しました。商品の魅力をわかりやすく伝え、購入や問い合わせへの行動を促すことを目的としています。

コンセプト

「日焼けするのは肌だけじゃない。夏の髪守りサニーヴェール」というコピーを軸に、紫外線対策の重要性と商品特徴を視覚的・感覚的に伝えられるデザインを目指しました。LP限定の50％OFF特典を打ち出し、購入意欲を高める導線も意識しています。

制作にあたって

商品のイメージカラーである深緑（#809363）をベースに、夏らしさや親しみやすさを感じさせる薄い黄色（#FFFEF0）を背景に採用。アクセントカラーには自然派を意識した緑（#65941F）を使用しました。 フォントは、日本語に「Zen Kaku Gothic Antique」、英語に「Grandiflora One」を選定し、細く優しい印象と大人っぽさを演出しています。

構成

ファーストビューでは紫外線の流れをイメージさせる斜め配置のキャッチコピーと商品画像、CTAボタンを配置。以降、商品の特徴、紫外線による髪ダメージの解説、お客様の声、使い方、成分紹介、購入案内までをストレスなく閲覧できる縦スクロール設計でまとめました。モバイルファーストのレスポンシブデザインにも対応しています。

制作期間

企画・構成からデザイン、コーディング、調整までを5日間で行いました。

使用ソフト

HTML / CSS / Figma

振り返り

商品のイメージを損なわずに、カラーや配置バランスを意識しながらデザインをまとめられた点が良かったと感じています。一方で、スマホサイズを基準に設計したデザインをPCサイズに展開した際、やや間延びした印象になった点が課題となりました。今後はマルチデバイスでのレイアウトバランスにもさらに配慮して制作を進めていきたいと考えています。