出張ケアサロンのLP制作

出張ケアサロンの予約ページ(PC・スマホ表示)
サイト

privatemstyle.com/lp/

制作期間

約3週間(2026年5月〜6月)

業種

女性専用・完全予約制の出張プライベートケア

対応地域

練馬区・杉並区・武蔵野市・西東京市

担当

企画・構成・ワイヤーフレーム・デザイン・コーディング・公開・アクセス解析と検索向けの設定

規模

ランディングページ+特定商取引法の表記・プライバシーポリシー

ページのねらい

  1. 女性のお客様が感じる不安に、先回りして答える
  2. 出張で受けられる価値と、お支払いの方法をはっきり伝える
  3. InstagramからLINE、ご予約へとつなげる

デザインは「清潔感・やわらかさ・自然な高級感」を軸に、白とアイボリーにセージグリーンとゴールドを合わせ、明朝体とゴシック体を組み合わせました。

主な工夫

女性専用を成立させる運用ルールの欄。1日2〜3件の限定対応、事前の顔写真と資格証の共有

「女性専用」を言葉で終わらせない運用ルール

「女性専用を成立させる6つの運用ルール」の欄を構成の柱として設け、1日2〜3件の限定対応や、事前の顔写真・資格証の共有といった具体的な約束事で安心感を伝えています。

スマートフォンの画面下部に追従するLINEのボタン

読み進めるとあらわれるLINEのボタン

人気のメニューまで読み進めると、スマートフォンの画面下部にLINEのボタンがあらわれます。予約の入口はLINEにまとめ、どこを読んでいてもすぐ相談できる形にしました。

公開時の品質チェック

  • 98点
    Lighthouse パフォーマンス(パソコン)
  • 95点
    Lighthouse パフォーマンス(スマートフォン)
  • 0件
    W3C検証のHTML・CSSエラー

2026年6月の公開前の計測です。初回はパソコン76点・スマートフォン56点でしたが、写真の再圧縮(合計43%削減)とフォントの読み込みの見直しで改善しました。

そのほかの対応

  • 営業日をGoogleカレンダーで表示(パソコンは月の表、スマートフォンはリストに出し分け)
  • 対応地域とメニューを記述した構造化データ(JSON-LD)とOGPを設定
  • Chrome・Safari・Firefox・Androidの実機で表示を確認。文字は最小14pxで、「視差効果を減らす」設定の端末にも対応

公開と計測の設定まで

  • サーバーへの公開と、常時SSL・URLの統一を確認
  • Googleアナリティクス4とSearch Consoleを設定し、サイトマップの送信とインデックス登録の申請を実施
  • LINEボタンが押された回数を見られる計測イベントを作成
使用技術

HTML / CSS / JavaScript(静的サイト)

納品後

公開後1ヶ月間の無料アフターサポート付き