WEBデザイン / 美容液ブランド向け
美容液ブランドのLP
企画・デザイン・ライティング・コーディング・広告運用まで…「購入」に至るまでの導線を一貫して設計・制作しました。
※クライアント名が特定されないよう、掲載内容を一部控えております
〈案件概要〉
「話題の成分が気になるけど、どれを選べばいいかわからない」
「高級美容液は試したいけど、続けられない」
PDRN×スピキュールという話題の成分を配合した、1回使い切りタイプの美容液のLPです。
成分名だけでは伝わりにくい商品の価値を、「悩みへの共感」→「実感の証拠」→「なぜ効くのか」→「なぜこの価格なのか」という流れで一つずつ解消し、初回購入へと導く構成にしました。
企画から広告運用まで一貫して担当することで、広告のクリエイティブとLPの訴求にズレのない導線設計を目指しました。
〈制作内容〉
■範囲
- 企画・設計
- デザイン
- ライティング
- コーディング
- 広告運用
■企画・設計
- ターゲット分析（20〜40代・くすみ／ハリ／コスパに悩む女性）
- 競合リサーチ（サロン専売スピキュール美容液との比較）
- LP構成設計・コンセプト立案（「"白さ"ではなく、光を纏う肌へ」）
■デザイン
- ワイヤーフレーム作成
- ファーストビューデザイン
- 全セクションのビジュアルデザイン
- サーモンピンクを基調とした配色設計
- フォント選定・階層設計
- 成分・メカニズムの図解デザイン
- 他社比較表のデザイン
- 画像選定・編集・レタッチ
■ライティング
- キャッチコピー作成
- 全セクションの文章作成
- お悩み・使用体験・FAQの文章作成
- 薬機法を意識した表現チェック・注釈設計
■コーディング・実装
- HTML/CSS/JavaScript
- レスポンシブ対応
- スクロールアニメーション実装
- お悩み・FAQのアコーディオン実装
- 追従購入ボタン（スクロール連動で表示）
- LINE友だち追加ボタン設置
■広告運用
- 広告戦略・配信設計
- CV計測・タグ設定
- 広告クリエイティブとLP訴求の連動設計
〈技術・運用〉
HTML、CSS、JavaScript。フォントはGoogle Fonts経由で読み込み。スクロール時の処理を軽量化し、スマホでもなめらかに表示されるよう調整しました。
〈こだわり〉
■「自分ごと」にするお悩みセクション
「夕方になると肌がどんより」「ファンデを重ねてもくすみが隠れない」など、ターゲットが日常で感じている瞬間を5つのお悩みとして言語化。
タップで開くアコーディオン形式にし、読み手が自分に当てはまるものを選びながら読み進められるようにしました。
■成分の価値が伝わる図解と比較
- 「刺さる → 届ける → 整える」の3ステップでメカニズムを図解
- 8種の美容成分をひと目でわかるカード形式で整理
- サロン専売品との比較表で「¥1,980」の価格の価値を明確化
- 「72h」「8種」などの数字をカウントアップで印象づけ
■購入に繋がる導線設計
- ファーストビューで価格と商品の特徴を一度に提示
- 各セクションの区切りに購入ボタンとLINE友だち追加ボタンを配置
- ファーストビューを過ぎると画面下に購入ボタンが追従
- 使用感・アレルギーなどの不安はFAQで先回りして解消
■成果
広告配信の開始後に、成果を追記予定です。