Works / Beauty Landing Page
肌悩みを自分ごと化し、購入まで迷わせない。
大人のゆらぎ肌に寄り添う美容液「LUMÉA」。商品の上質な世界観と、納得して購入できる情報設計を両立したランディングページです。


- INDUSTRY
- 美容・化粧品
- TYPE
- 商品LP
- SCOPE
- 構成・コピー・デザイン・実装
- PLATFORM
- HTML / CSS
01 / CHALLENGE購入前の迷いを整理
Project Background
感覚的な魅力だけでなく、「私に必要」と思える理由をつくる。
美容商材は、きれいなビジュアルだけでは違いが伝わりません。肌悩みへの共感、成分や使用感への納得、定期購入への安心感を一つのストーリーとしてつなぎ、検討中の不安を順番に解消しました。
01
商品の違いが伝わりにくい
「うるおい・キメ・透明感」という3つの美容アプローチに整理し、特徴を短時間で理解できるようにしました。
02
初めて使う不安が残る
使用感、フリー処方、使い方、利用者の声を段階的に提示し、購入前の疑問を減らします。
03
オファーまでの距離が遠い
興味が高まる節目にCTAを配置し、商品理解から初回購入まで自然につながる導線を設計しました。
DESIGN CONCEPT上質さの中に、
華美にしすぎず、肌と向き合う静かな時間を感じるデザイン。
やさしい説得力を。
Concept
ピンクの温度感と、余白のある編集的レイアウト。
淡いローズと深いプラムを軸に、ゴールドを小さく効かせて上質感を表現。写真・見出し・根拠情報の強弱を明確にし、スマートフォンでも読み疲れしないリズムに整えています。
共感から始まる構成
肌悩みを最初に言語化し、成分説明より前に「自分向けの商品」と感じられる入口をつくりました。
根拠を読みやすく整理
特徴、使用感、処方、使い方を視覚的なまとまりに分け、必要な情報を拾い読みできます。
購入条件を明快に表示
価格、割引、継続条件、保証を同じエリアに集約し、申し込み直前の迷いを減らしています。
02 / DESIGN制作内容
Project Scope
ブランドの世界観と、売れる順番を一つにする。
商品の魅力を保ちながら、ユーザーが知りたい情報を検討順に配置。ファーストビューからFAQまで、ページ全体を一つの接客体験として設計しました。
STRATEGY訴求軸・ペルソナ整理
WRITING構成・見出し・販売コピー
DESIGNPC・スマートフォンデザイン
BUILDHTML / CSS実装
Start a Project
商品の魅力が伝わるLPを、一緒につくりませんか。
商品写真や文章が揃っていない段階でも大丈夫です。訴求軸の整理から販売導線まで、一緒に設計します。
