資産型AI運用WEB構築事例一覧へ戻る ↗

CASE STUDY / 03

整体施術院新URLで公開中

整体町田施術院

案内を整え、本人が確かめながら更新できるWebへ。

施術院の情報を整理した新サイトを公開し、情報更新を支える仕組みも整えました。ここでは、画面と案内の変化、今後の運用で確認することをご紹介します。

2026年9月9日 確認時点

BEFORE / AFTER

画面で見る、
整体町田施術院の変化。

既存のWordPressサイトと、新URLで公開したサイトを同じ画面幅で並べました。画像を押すと、別タブで拡大して確認できます。

DESIGN / 01

トップページの印象と入口

目次と文章から始まる画面を、施術院の外観写真・大きな見出し・案内ボタンを組み合わせた画面へ。濃紺と黄色を基調に、電話・予約への入口や基本情報をまとめました。

既存サイト
整体町田施術院のトップページの印象と入口・既存サイト。院名・メニュー・目次に続いて、施術院の説明を掲載。

院名・メニュー・目次に続いて、施術院の説明を掲載。

画像を拡大する ↗
新サイト
整体町田施術院のトップページの印象と入口・新サイト。外観写真と見出しを並べ、電話・予約ボタンと基本情報の枠を配置。

外観写真と見出しを並べ、電話・予約ボタンと基本情報の枠を配置。

画像を拡大する ↗

DESIGN / 02

スマートフォンから連絡する流れ

同じ390px幅の画面で比較。新サイトでは外観写真から案内を読み進められ、電話・予約のボタンを画面下に固定して表示しています。

既存サイト
整体町田施術院のスマートフォンから連絡する流れ・既存サイト。文章と目次を縦に掲載し、画面下にメニュー・上へ戻る操作を配置。

文章と目次を縦に掲載し、画面下にメニュー・上へ戻る操作を配置。

画像を拡大する ↗
新サイト
整体町田施術院のスマートフォンから連絡する流れ・新サイト。外観写真と大きな見出しを表示。画面下には電話・予約ボタンを固定。

外観写真と大きな見出しを表示。画面下には電話・予約ボタンを固定。

画像を拡大する ↗

DESIGN / 03

料金ページの見出しと目次

料金ページも色・書体・余白を統一。細かな項目まで並ぶ目次から、8つの大きな分類をたどる目次へ整理し、料金の税表示を上部の案内枠に置きました。

既存サイト
整体町田施術院の料金ページの見出しと目次・既存サイト。白地にページ名と、細かな項目まで階層化した目次を掲載。

白地にページ名と、細かな項目まで階層化した目次を掲載。

画像を拡大する ↗
新サイト
整体町田施術院の料金ページの見出しと目次・新サイト。濃紺の見出し、料金に関する案内枠、8項目の目次を配置。

濃紺の見出し、料金に関する案内枠、8項目の目次を配置。

画像を拡大する ↗

各ページ上部の画面を掲載しています。PC版は1440×1000px、スマートフォン版は390×844px。画像内の料金・案内は撮影時点の内容です。Webのデザインと情報配置の比較であり、施術の効果を検証したものではありません。
既存サイトを見る ↗ / 新サイトを見る ↗

01 / BEFORE

出発点にあったこと。

既存のWordPressサイトには、施術院紹介・アクセス、各種療法、料金、予約・問い合わせなどの案内がありました。新サイトは別のURLで公開しています。過去の更新時間や問い合わせ件数、院側が感じている負担の比較値は、今回の事例用には取得していません。そのため、既存運用の問題を決めつけず、まず案内と更新の土台を整える制作として紹介します。

02 / CHANGES

どこに手を入れ、
どう変えたか。

制作・画面・情報の変化を比較しています。事業上の効果を測定した比較ではありません。

案内の構成

既存サイト

WordPressのメニューと、各ページの目次から案内をたどる構成でした。

新URLで公開したサイト

トップ、施術院紹介・アクセス、療法紹介、料金、お客様の声、掲載実績、予約・問い合わせの7ページを新URLで公開。写真・見出し・案内枠の見せ方をそろえました。

予約・問い合わせへの入口

既存サイト

新サイトの導入前後で、予約数や利用者の迷いを比較した記録はありません。

新URLで公開したサイト

案内を読んでから予約・問い合わせへ進む入口と、サイト内の入力画面を公開。スマートフォンの電話・予約ボタンを画面下に固定しました。実予約の保存・通知到達は今後の確認事項です。

文章・画像の更新

既存サイト

従来の更新にかかった時間や、担当者の作業負担は未計測です。

新URLで公開したサイト

基本情報・文章・画像を管理する仕組みと、AIが作った編集案を本人が確認する流れを実装。変更内容を見て判断し、履歴を残せる土台を整えています。

03 / PROCESS

一つずつ、形にする。

  1. 01

    必要な情報をページへ整理する

    施術院の案内、料金、アクセス、予約など、利用者が確認する内容をページ単位で構成しました。

  2. 02

    更新の案と確認の流れを作る

    AIは文章の整理や編集案づくりを支援し、人が内容を確認します。診断や施術の判断をAIに任せるサービスではありません。

  3. 03

    表示を確認し、新URLで公開する

    7ページのPC・スマートフォン表示を確認し、新URLで公開しました。実際の予約や更新の運用確認は引き続き進めます。現時点で導入後の運用成果は示していません。

04 / WITH AI

Webを作る、その先の支援。

AI的伴走については、最初に扱う事業課題を選ぶ準備をしています。「何を変えたいか」「今はどう対応しているか」を確認し、優先する一つから進める予定です。既にあるWeb・管理機能の実装と、今後の伴走による改善は区別して記録します。

05 / ASSETS

この取り組みで残るもの。

  • 目的別に整理して公開した7ページ
  • 文章・基本情報・画像を更新する土台
  • 編集案を確認し、履歴を残す仕組み
  • 公開・確認・更新に向けた作業記録

画面に見える完成形とあわせて、確認した情報、進め方、判断の記録も次の更新へつなげます。

06 / NEXT

現在地と、次に確かめること。

新URLで公開済みです。既存の独自ドメインは旧サイトのまま。実際の予約・更新の運用確認と、最初の伴走テーマの合意を進めます。利用者の分かりやすさ、予約・問い合わせ、作業時間への効果は未確認です。施術の効果を示す事例ではありません。

新サイトを見る ↗