WEB / CLIENT WORK

ふじもと整体院
Webサイトリニューアル

長年サイトに蓄積されてきた院長の人柄、施術方針、料金、お客様の声、雑誌掲載などの情報を活かしながら、初めての方がスマートフォンで必要な情報を見つけ、電話予約まで進みやすい構成へ整理しました。

SMARTPHONE / BEFORE & AFTER

読みやすく、予約しやすく。
スマホでの違いをご覧ください。

特徴や料金を確認しやすい構成に加え、画面下部には「地図を見る」「電話で予約・相談」を固定。読むところから、次の行動までを整えました。

BEFORE 改修前
改修前のスマホ表示。案内バナー、院長写真、説明文が並ぶトップページ。画面を拡大 ↗
情報を読みながら、必要な内容を探す

案内バナーや院長のメッセージなど、これまでの情報を掲載。

AFTER リニューアル版(確認用)
リニューアル版のスマホ表示。特徴・初回料金・予約ボタンと、画面下部の地図・電話の固定メニュー。画面を拡大 ↗
特徴・料金・予約方法をまとめて案内

スマホで読みやすい文字と余白。画面の下には、地図と電話の固定メニュー。

Chromeのスマートフォン表示機能で撮影した画面です。端末や表示設定により見え方は異なります。リニューアル版は確認用URLの画面です。

画面下部のボタンにも、ひと工夫。

予約したい。そのとき、すぐに。

電話番号を探さず、予約・相談へ

ボタンから端末の電話機能へ進めます。番号を覚えて入力し直す手間を減らします。

住所を入力せず、地図を開く

所在地を指定したGoogle マップへ。来院前の場所の確認に使えます。

電話・地図の起動方法は端末や設定により異なります。

DESKTOP / BEFORE & AFTER

パソコンでも、伝わる情報を整理。

これまでの情報を活かしながら、院の特徴・料金・予約方法を見つけやすい構成へ。トップページの改修前後をご覧ください。

BEFORE 改修前
改修前のトップページ。青い案内バナーと左側のメニュー、院長の写真とメッセージ。画面を拡大
豊富な情報を、メニューから探す構成

院長紹介・料金・施術の流れなどを、左側のメニューから各ページへ案内しています。

AFTER リニューアル版(確認用)
リニューアル版のトップページ。院の特徴を伝える見出しと施術写真、初回料金、電話予約ボタン。画面を拡大
特徴・料金・電話予約を、最初の画面に

施術写真と短いメッセージで院の特徴を伝え、料金の確認から電話予約へ進める構成にしました。

同じブラウザ表示サイズで撮影したトップページ上部の比較です(2026年9月21日撮影)。リニューアル版は確認用URLの画面で、正式公開後に内容が変わる場合があります。画像を選ぶと拡大できます。

既存サイトの良さを、今の見られ方に合わせて整理

リニューアル前のサイトには、院長メッセージ、料金、施術の流れ、お客様の声、雑誌掲載、アクセス情報など、初めて来院する方の安心につながる情報がすでに豊富にありました。

そこで、情報を大きく削るのではなく、「見つけやすく・読みやすく・予約につながりやすく」再構成。トップページから主要情報へ短く移動できるようにし、スマートフォンでの閲覧と電話予約を意識して導線を整えました。

リニューアル前

情報は充実している一方、必要な内容が複数ページに分かれており、目的の情報を探す場面がありました。

現行サイトを見る ↗

リニューアル版

特徴・料金・施術の流れ・FAQ・アクセスなどを来院前の疑問に沿って整理し、主要箇所に電話予約の導線を配置しました。

リニューアル版を見る ↗

30秒PR動画

文章をじっくり読まない方にも、院長・施術の雰囲気・料金・場所を短時間で伝えられる紹介動画をトップページに掲載しています。

※掲載時点ではリニューアル版は確認用URLです。正式公開後はリンク先を更新します。

主なリニューアル内容

最初の画面で特徴を伝える

「肩や腰のつらさを、気軽に相談できる整体院」「バキバキしない、手技中心の整体」を中心に、初めての方にも特徴が伝わる構成へ。

料金・営業時間・駐車場を見つけやすく

来院を検討するときに確認したい情報を、トップページからすぐ見つけられるよう配置しました。

電話と地図を画面下部に固定

スマートフォンでは「地図を見る」「電話で予約・相談」を画面下部に固定し、読んでいる位置から予約や場所の確認へ進めるようにしています。

院長の人柄と施術方針

「よくなってほしい」という思いや、一人ひとりの話を聞く姿勢、手技中心の施術方針を写真と文章で整理しました。

来院前の不安を整理

施術の流れ、服装、駐車場、メニュー外の相談などを「初めての方へ」「よくあるご質問」にまとめました。

既存コンテンツを引き継ぐ

お客様の声や「まるはり」掲載実績など、これまで積み重ねてきた信頼材料を、新しいサイトでも活かす構成としました。

画面と導線で変えたこと

情報への到達

複数ページから探す構成 → トップから主要情報へ短い導線で案内。

スマートフォン

電話番号を探して予約 → 画面上で予約ボタンを見つけやすい構成へ。

初回来院の安心

情報が分散 → 料金・流れ・FAQ・アクセスを来院前の疑問に沿って整理。

院長・施術方針

文章中心 → 写真とメッセージを組み合わせ、考え方が伝わる見せ方へ。

動画

紹介動画なし → 30秒のPR動画をトップページに掲載。

技術面

既存構成を継続 → スマートフォン前提の構成、ページ情報、画像説明、店舗情報を整理。

制作で大切にしたこと

この案件では、デザインを新しくすること自体を目的にせず、ふじもと整体院様が長く発信してきた「一人ひとりに、まごころを」という良さを、現在のスマートフォン利用者にも伝わりやすい形へ整えることを重視しました。

既存サイトに長年蓄積された内容を制作側の判断だけで削らず、一度リニューアル案へ反映したうえで、現在の運用や院長様の考え方を確認しながら最終調整する進め方を採用しています。

STEP 01現行サイト整理
STEP 02構成・導線設計
STEP 03Web・動画制作
STEP 04確認・公開調整

既存サイトのリニューアルもご相談ください

今ある情報を活かしながら、見せ方・スマートフォン対応・問い合わせ導線を整理します。

Web制作について相談する