慢性腰痛専門 整体院のLP制作

整体院の慢性腰痛専門ページ(PC・スマホ表示)
サイト

reboot-seitai.com/lp/back-pain/

制作期間

約2週間(2026年7月)

業種

慢性腰痛専門の整体・カイロプラクティック院(博多駅前)

規模

運用中のサイトに追加したランディングページ(1ページ)

担当

構成設計・デザイン・コーディング・本番公開・検索向けの初期設定・操作マニュアル動画の作成

ご支給

原稿のベース・院内や施術の写真

ページのねらい

  1. 経営者・多忙なビジネスパーソン層に、落ち着いた信頼感で届ける
  2. Web予約・LINE・電話の3つの入口から、迷わず予約に進めるようにする
  3. 別の症状のページへ、ご依頼主さまご自身で複製できる形にする

科学的な検査で痛みの「原因」を捉え、その場しのぎで終わらせない身体づくりを掲げる、完全予約制の院のページです。

主な工夫

スマートフォンのご予約の欄。Web予約、電話、LINEのボタンと、画面下部に追従する3つのボタン

いつでも押せる、3つの予約の入口

Web予約・LINE・電話の3つの入口を用意しました。スマートフォンでは画面下部にスクロールで追従するバーを置き、読んでいる途中でもすぐ予約に進めます。

よくあるご質問の欄。白地にネイビーの文字と、ブルーからグリーンのグラデーションの見出し

煽らず、落ち着いた信頼感を出すデザイン

白をベースにネイビーを主役に据え、ブランドロゴ由来のブルー→グリーンのグラデーションをボタン・見出し・区切りのアクセントに使いました。派手な煽りを排し、たっぷりの余白と実写で落ち着いた信頼感を表現しています。

そのほかの対応

  • 症例を開閉して読めるアコーディオンで表示
  • よくあるご質問などの構造化データ(JSON-LD)を付与し、検索向けのタイトルと説明文を設定
  • LINE・SNSで共有したときの表示(OGP)を設定
  • 公開前に375・768・1280pxの幅と、Safari・Android・Chromeの実機で表示を確認。文字は最小14pxで統一

別の症状のページへ増やせる作り

  • 色とトーンはデザイントークン(CSS変数)で一元管理し、ページを増やしても1か所で切り替え可能
  • 管理画面の標準ブロックを中心に組み、文章の打ち替えと複製で別の症状のページを作れる形に
  • 文章の打ち替え・ページの複製・画像の差し替え・検索向けの設定と公開の手順を、字幕付きの操作マニュアル動画でお渡し
使用技術

WordPress / HTML / CSS

納品後

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