WIREFRAME v2 / INDEX 小池整骨院 HTMLモックアップ
本ページは、小池整骨院様のホームページリニューアル案件のHTMLモックアップ全12ページの起点ページです。
各ページのリンクから内容をご確認いただけます。
ABOUT THIS MOCKUPこのモックアップについて
目的
本モックアップは、ヒアリングのご回答の精度を高めていただくため、ホームページの全体構成・各ページの内容案を実際の画面イメージでご確認いただくものです。ご覧いただきながらお気づきの点をお知らせください。
本モックアップで反映済みの内容
- 既存サイトに掲載されている確定情報(電話番号・所在地・営業時間・HP限定割引価格など)
- 全12ページの構成・サイトマップ・ナビゲーション設計
- M式テクニック(手技)の中核訴求・「機械ではない」旨の明示
- 3軸予約導線(お電話・WEB予約・お問い合わせフォーム)
- HP限定割引バナー(既存資産の活用)
- 症状別カード一覧・他院との違い・院長紹介・施術の流れなどの基本構成
- レスポンシブ対応(PC・タブレット・スマートフォン)
ヒアリングご回答後に確定する事項
- 配色(ライトグリーン基調・温かみアクセントなど)の最終確定
- 院長プロフィール(資格・経歴・施術哲学・患者様へのメッセージ・写真)
- M式テクニックの正式名称・系統・公式説明・習得経緯
- 都内の仲間整骨院ネットワークの具体的な店舗情報
- 推薦文(同業整骨院・提携医師からのお声)の本文・お名前・ご所属
- ビフォーアフター写真(匿名化加工済みのもの)
- 既存お客様の声6件+新規取得分の本文と扱い
- 2回目以降の料金・回数券などの詳細料金体系
- 保険取扱の範囲(自賠責保険・労災保険など)
- 駐車場・駐輪場の有無
- お問い合わせフォームの項目構成・送信先メールアドレス
- 「ボキボキしない」などの施術内容に関する表現方針
- SEO記事10本の本文(WordPress構築段階で執筆予定)
ご覧いただく際のポイント
- 点線枠+斜線背景のブロックは、ヒアリング回答後に内容が入る場所を示しています。実際にはこのブロックがコンテンツに置き換わります。
- 文章・配色・写真は仮の状態です。最終確定はクライアント様のご確認後となります。
- ページ間の行き来は上部ナビゲーションからお試しください。
PAGES全12ページ一覧
各ページをクリックして内容をご確認ください。
-
トップページ
01-top.htmlM式テクニック中核訴求・症状別カード・他院との違い・院長紹介・予約導線・アクセス
-
症状別ページ(腰痛例)
02-symptom.html症状別下層ページのテンプレート例。共感ブロック・アプローチ・FAQ・予約導線
-
院長プロフィール
03-doctor.html資格・経歴・施術哲学・患者様へのメッセージ・M式採用理由(全てヒアリング後確定)
-
M式テクニック紹介(中核)
04-m-technique.html中核訴求ページ。「手技」明示・機械ではない明示・比較表・施術の流れ・対応症状
-
予約・お問い合わせ
05-contact.html3軸予約導線(電話・WEB予約・フォーム)・お問い合わせフォーム・アクセス
-
アクセス・営業情報
06-access.html院情報一覧・マップ・駅からのご案内
-
ビフォーアフターギャラリー
07-ba-gallery.html匿名化加工済み写真の掲載(クライアント提供素材後に画像差替)
-
推薦文ページ
08-recommend.html同業整骨院・提携医師からの推薦のお声(クライアント取得後に本文差替)
-
患者様の声
09-voice.html既存6件+追加分の患者様の声(クライアント確認後に内容確定)
-
料金
10-price.htmlHP限定割引(既存サイト掲載分)・通常料金・保険取扱・お支払い方法
-
プライバシーポリシー
11-privacy.html一般的なテンプレートを元にした構成(最終本文はクライアント確認後に確定)
-
SEO記事テンプレート(腰痛例)
12-seo-article.html全10本のSEO記事の構成テンプレート。本文はWordPress構築段階で執筆
FEEDBACKご質問・ご感想
ご覧いただいて気になる点、追加のご希望、修正のご要望などございましたら、メール・お電話でお気軽にお寄せください。
株式会社DP-GUILD
担当:石井 勇多