- INDUSTRY
- 美容・コスメ
- ROLE
- ディレクション / ページデザイン / 画像コーディング
- STACK
- HTML / CSS
- 画像コーディング
- レスポンシブ対応
- LPデザイン
OVERVIEW
プロジェクト概要
女性向けの薬用育毛剤の商品ランディングページを制作しました。女性用でありながらパワフルさを強調するという、相反しやすい二つの印象を一つのデザインへ落とし込むことが主題です。
01 — デザイン方針
やわらかさに寄せすぎると効果への期待が伝わらず、強さに寄せすぎると女性向けの印象が損なわれます。配色と書体のバランスで、力強さと女性らしさが同居する表現を探りました。
- 女性向けと力強さの両立
- 効果への期待を伝える視覚表現
- オーセンティックな信頼感の演出
- ブランドトーンの統一
02 — 構成の設計
6万px超という極めて長い構成のため、読み進める中で情報が単調にならないよう、章ごとに視覚的なリズムを変化させました。
- 約61,000pxの長尺構成の設計
- 章ごとの視覚的リズム変化
- 成分・使用方法の段階的な説明
- スマートフォン専用レイアウトの併走
SCREENSHOT
ページ全体。
FULL PAGE — スクロールしてページ全体を確認できます
RESULTS
成果。
女性向けの繊細さと育毛剤としての力強さを両立させ、長尺でも読み進められる構成としたランディングページにまとめました。
