WEBデザイン / 美容鍼サロン向け
美容鍼サロンのLP
ライティング・デザイン・コーディング…「初回予約」に至るまでの導線を一貫して設計・制作しました。
成果物は以下URLからご覧いただけます。
https://lumira.works/beauty
※サロン名が特定されないよう、一部内容を変更しております
※今回はスマホで閲覧を想定して作成してますので、PCで閲覧するとスタイルが崩れて見えます
〈案件概要〉
「美容鍼に興味はあるけど、痛そうで怖い」
「本当に効果があるのか不安」
そんな見込み客の不安を払拭し、初回予約へと導くLPを目指しました。
ターゲットの心理を徹底分析し、「痛み」「効果」「価格」という3つの不安要素に対して、明確な答えを用意。
企画からコーディングまで一貫して担当することで、ブレのない導線設計を実現しました。
〈制作内容〉
■範囲
- 企画・設計
- デザイン
- ライティング
- コーディング
- 予約導線設計
■企画・設計
- ターゲット分析
- 競合リサーチ
- サイト構成設計・コンセプト立案
■デザイン
- ワイヤーフレーム作成
- ファーストビューデザイン
- 全セクションのビジュアルデザイン
- 予約ボタンのデザイン・配置設計
- 配色設計（ブランドカラーの選定）
- フォント選定・階層設計
- 画像選定・編集・レタッチ
- アニメーション設計
■ライティング
- 全セクションの文章作成
- キャッチコピー作成
- お客様の声作成
■コーディング・実装
- 今回はスマホサイズのみでの制作
- HTML/CSS/JavaScript
- レスポンシブ対応
- スクロールアニメーション実装
- 予約ボタン設置
- Google Map埋め込み
〈技術・運用〉
HTML、CSS、JavaScript。フォントはGoogle Fonts経由で読み込み。
〈こだわり・成果〉
■不安を払拭するライティング
「え、もう刺さってるの?!」「全然痛くない!」というお客様の声を前面に出し、「痛みへの不安」を徹底的に払拭。
「次の日の朝、鏡を見て感動する」というベネフィットを明確に伝え、「試してみたい」という気持ちを引き出しました。
■予約に繋がる導線設計
- ファーストビューで「初回限定60%OFF」を大きく表示
- スクロールするごとに「予約ボタン」を配置
- お客様の声で信頼感を醸成
- 価格比較で「お得感」を強調
■成果に繋がるデザイン
訪問者が迷わず予約まで辿り着ける導線設計と、信頼感を与えるUI/UXを徹底。
CTAボタンの視認性を高め、スマホでの見やすさを最優先に設計しました。