LP制作
制作サンプル
2026年2月
D2Cスキンケアブランド 商品LP
新ブランド立ち上げ時の商品ランディングページ。ストーリーテリングと購入導線の設計で商品の魅力を最大化。
Next.js Tailwind CSS Framer Motion Vercel
デモを見る
https://cleverlab.lol/demos/ec-launch-lp/
D2C(ネット直販)のスキンケアブランドが新商品を発売する際のランディングページの制作サンプルです。
「なぜこの商品が生まれたのか」というストーリーで共感を生み、自然な流れで購入へとつなげる構成を設計しました。
デザインのポイント
淡いラベンダーとオフホワイトを基調に、余白をたっぷり取ったミニマルなデザインで高級感を表現しています。
見出しにはセリフ体(明朝系)、本文にはサンセリフ体(ゴシック系)を使い分け、「上品さ」と「読みやすさ」を両立させました。
商品の質感が伝わるよう、テクスチャーや使用シーンの写真をセクション間に大きく配置しています。
工夫した点
01
ストーリーテリング構成
冒頭で開発者の想いを語り、成分紹介→使い方→レビューと段階的に情報を提供。読み進めるほど商品への理解と信頼が深まります
02
レビューセクション
星評価・肌タイプ・年齢層を掲載した口コミ風デザインで、購入前の不安を解消
03
カウントダウンタイマー
「初回限定30%OFF」のオファーに期限を設け、購入を後押し
04
追従型の購入ボタン
スクロール中も画面下部に価格と購入ボタンを常時表示。「買いたい」と思った瞬間にすぐ行動できます
05
スマートフォン最優先
EC購入の大半がスマホ経由のため、モバイルでの見やすさ・操作しやすさを最優先に設計