スキンケアブランドLP - Webデザイン

OVERVIEW

・パーソナライズ診断をすることで10,000通りの組み合わせからあなたの肌質や好みにぴったりなスキンケアセットを提案している化粧品会社TO U。
・商品要素から効果的なキャッチコピーを考えてデザインしてください。  
( ※スクール課題のため、実在しません。)

TIMELINE

5日間

ROLE

Webデザイナー

TOOLS

Figma

TAEGET

  30代の女性
・いろいろな商品を試してみたがしっくりくる化粧品がまだ見つかっていない
・オーダーメイドやカスタマイズが好き
・ほかの人と同じものは好まない

GOALS

・WEB上での集客力UP 

・お問い合わせ数の向上

KEY DESIGN

情報設計

• お問い合わせ件数の向上のため、CTAをFVとフッター前の2か所設置しました。
• ユーザーがパット見ただけで想像がつきやすいように実際の写真を載せています。
• Zの法則での視線誘導を意識しつつ、できるだけすっきりまとめて、スタイリッシュさを壊さないように気を付けました。

デザイン

• FVで化粧品の会社だとわかってもらえるように、商品素材をFVにいれました。
• パーソナル診断で自分にあったスキンケアを見つけ出せるサービスなので、自分に合ったスキンケアであなただけあなただけの美しさを見つけ出す、というニュアンスをこめたコピーを作成しました。また洗練された印象を出すため、英語表記を追加することを提案。  
• 全体的に過度なあしらいも回避して、余白を多く取り入れ圧迫感のない高級感のあるデザインに。

STYLE GUIDE

LP - PC

LP - SP

Figma File