ホームページ制作事例
福岡の整体・マシンピラティス・パーソナルジム
ホームページ制作事例
福岡・九州のホームページ制作会社「尭式RYOSHIKI」が制作した、福岡市中央区・六本松の女性専用スタジオのホームページ制作事例です。診断から始めるコンセプトを、見やすい構成と予約しやすい導線、そして検索で見つけてもらうためのSEO設計で形にしました。ご依頼の背景、制作時のポイント、こだわったポイント、SEO対策を順にご紹介します。
制作の概要
本事例のスタジオは、地下鉄七隈線・六本松駅から徒歩3分にある、整体×マシンピラティス、整体×パーソナルトレーニングを提供する女性専用のスタジオです。AI姿勢分析と足裏分析で身体の状態を測り、その結果をもとにメニューを提案する「診断からはじめる」スタイルが特長です。
- クライアント
- 六本松の整体×マシンピラティス・パーソナルトレーニング専門スタジオ（福岡市中央区）
- 業種
- 整体・マシンピラティス・パーソナルジム
- 制作内容
- ホームページのリニューアル（デザイン、WordPressオリジナルテーマ制作、体験予約フォーム、コラム連携、SEO設計）
- 対応デバイス
- パソコン・タブレット・スマートフォン
- 制作期間
- 【要確認】
ご依頼の背景
六本松は、駅周辺にパーソナルジムやピラティススタジオ、整体院が集まるエリアです。その中で「どこに通えばよいかわからない」と迷う方に、このスタジオならではの価値を、ホームページで正しく、わかりやすく伝えることが求められていました。
課題1：強みが伝わりきらない
このスタジオには、整体で身体を整え、ピラティスやトレーニングで育てていくという、整体との掛け合わせ（整体×マシンピラティス、整体×パーソナルトレーニング）という強みがあります。さらに、いきなり運動を始めず、AI姿勢分析と足裏分析で身体のクセを測ってからメニューを決める診断スタイルも特長です。この2つの強みを、初めて訪れた方にも一目で理解してもらえる形にする必要がありました。【要確認：実際のご相談内容に合わせて調整してください】
課題2：運動が苦手な方、初めての方の不安
来店のきっかけになるのは、「運動が苦手」「ジムに通ったことがない」「何から始めればよいかわからない」という方が少なくありません。女性専用でスタッフも女性であることや、休会・退会のしやすさ、契約期間の縛りや違約金がないことなど、安心して通える理由を、ページの中で丁寧に伝える必要がありました。
課題3：検索で見つけてもらい、そのまま予約につなげたい
「六本松 整体」「六本松 マシンピラティス」「六本松 パーソナルジム」など、地域名を含む検索で見つけてもらうこと。そして、見つけた方が迷わず体験予約まで進めることが、ホームページに求められる大きな役割でした。
制作時のポイント
上記の課題をふまえ、次の5つを制作の軸にしました。
ポイント1：「診断からはじめる」ストーリーでページを構成
ページの流れを、「身体の状態を知る診断」から「選ばれる理由」「3つのポイント」「コース」「料金」「お客様の声」へと、来店を検討する方の気持ちの流れに沿って並べました。読み進めるほど、安心感と納得感が高まる構成です。
ポイント2：パソコン・スマホそれぞれに最適なトップビジュアル
ファーストビューには、パソコン用の横長画像とスマホ用の縦長画像を用意し、画面幅に合わせて切り替えています。文字を画像の中に入れたトップビジュアルでも、見出し（h1）は別にテキストで持たせ、検索エンジンにも内容が伝わるようにしています。
ポイント3：WordPressオリジナルテーマで、更新しやすく
デザインをそのまま再現するオリジナルのWordPressテーマとして制作しました。トップページの「コラム」セクションは、投稿したコラムが自動で表示される仕組みです。新しい記事を公開するだけで、トップページとコラム一覧が更新されます。
ポイント4：迷わず進める「2ステップ」の体験予約フォーム
Contact Form 7を使い、STEP1で「お名前・電話番号・メールアドレス」、STEP2で「ご希望日時・サイトを知ったきっかけ」を入力する2ステップのフォームにしました。送信後は専用のサンクスページへ移動し、お申し込み者へは自動返信メールも届きます。
ポイント5：スマホの固定ナビで、いつでも予約へ
スマホでは画面下に「LINEで予約」「WEBで予約」の固定ナビを設置しました。「簡単30秒」の表示を添え、予約までのハードルを下げています。パソコンでもヘッダーに同じボタンを置き、どのページからでも予約できます。
こだわったポイント
こだわり1：世界観を統一するカラー設計
色は、ゴールド・グレー・白・クリームの4色に絞りました。色数を抑えることで、上質で落ち着いた雰囲気と読みやすさを両立しています。背景と文字の組み合わせも、読みやすさを確認しながら決めました。
こだわり2：予約までの操作を、とにかく簡単に
体験予約フォームのカレンダーは、1週間ごとの時間表から、タップで希望日時を選べる形です。営業時間（平日10:00〜22:00、土日祝10:00〜18:00）に合わせて選べる時間帯を変え、過ぎた時間は選べないようにしました。第二希望は「選択する」を押したときだけカレンダーが開き、入力の負担を減らしています。
こだわり3：動きで「選びたくなる」流れをつくる
体験予約のボタンには、ゆっくり大きさが変わる動きと、光が走る動きを加えました。ページ表示時のローディング、「選ばれる理由」の円が広がる動きなども、やりすぎない範囲で取り入れ、読み進める楽しさと、押したくなるきっかけを作っています。
こだわり4：スマホでも見やすい文字・余白・配置
スマホでは左右の余白や見出しの大きさ、写真と文章の並び順を、PCとは別に調整しました。メニューは、パソコンでは主要な項目をヘッダーに常時表示し、その他をハンバーガーメニューにまとめています。スマホではメニューが長くなっても最後までスクロールして選べるようにしています。
こだわり5：信頼につながる細部の表現
お客様の声には、お写真と星の評価を添え、星の色はGoogleの口コミと同じ黄色にして、見慣れた形で信頼感を伝えました。料金は「体験90分1,980円・入会金0円」「月会費」「チケット」を一覧で整理し、迷わず比較できるようにしています。
SEO対策は何をしたか
「六本松」と、「整体」「マシンピラティス」「ピラティス」「パーソナルジム」「パーソナルトレーニング」を掛け合わせたキーワードで見つけてもらえるよう、内部の構造から文章まで、次の対策を行いました。
1. 地域名×サービス名のキーワード設計
対策キーワードを「六本松＋整体」「六本松＋マシンピラティス」「六本松＋パーソナルジム」「六本松＋ピラティス」「六本松＋パーソナルトレーニング」に定め、見出しと本文に自然な形で配置しました。メニュー・料金、お客様の声、アクセス、よくある質問などの各セクションの説明文にも、同じキーワードを無理なく入れています。
2. 見出し（h1〜h3）の構造を整理
ページの主題を示すh1を1ページに1つに絞り、その下に各セクションのh2、必要に応じてh3を配置しました。見出しだけを追っても内容がわかる構造にして、検索エンジンにもお客様にも伝わりやすくしています。
3. タイトルとメタディスクリプションを最適化
ページごとにタイトルとメタディスクリプション（検索結果の説明文）を設定しました。トップ、会社概要、コラム一覧、体験予約でそれぞれ内容を書き分け、検索結果で読まれやすい長さに整えています。SNSで共有されたときの表示（OGP）も設定しています。
4. 構造化データで、店舗情報を正しく伝える
店名・住所・電話番号・営業時間などを、構造化データ（JSON-LD）としてトップページに記述しました。営業時間が変わったときは、ページの表示と構造化データの両方を同時に更新して、情報にずれが出ないようにしています。
5. 画像のaltと、地図のtitleを設定
すべての画像に、内容が伝わるalt属性を設定しました。装飾のみの画像は、読み上げが不要な指定にしています。Googleマップの埋め込みにも説明（title）を付け、アクセシビリティも意識しました。
6. よくある質問で、検索の疑問に答える
「運動が苦手でも大丈夫か」「休会や退会はできるか」「契約期間の縛りはあるか」「営業時間と場所は」といった、来店前の疑問をよくある質問にまとめました。お客様の不安を解消しながら、関連するキーワードをページ内に自然に含める役割もあります。
7. コラム記事と内部リンクで、情報量を育てる
コラムを投稿すると、トップページと、4列（スマホは2列）で見やすい「コラム一覧」に自動で反映されます。一覧は投稿日・アイキャッチ画像・見出しの順に並べ、ページ送りも見やすくしました。記事が増えるほど、サイト全体の情報量と、検索に出る入口が広がっていきます。
8. 表示速度とモバイル対応
画像の遅延読み込み（lazy load）、不要なWordPress標準CSS・スクリプトの停止、ファイル更新時にキャッシュが残らない仕組みなどで、軽く表示されるようにしました。スマホでも崩れないレスポンシブデザインにして、モバイルでの使いやすさも確保しています。
9. 検索に出したくないページは、noindexで除外
体験申込後のサンクスページは、検索結果に出ても意味のないページです。noindex（検索結果に表示しない指定）を設定し、検索エンジンには本来見てほしいページだけを評価してもらえるようにしました。
まとめ
本事例のホームページ制作では、「診断からはじめる」というお店の考え方を軸に、わかりやすい構成、迷わない予約導線、そして検索で見つけてもらうためのSEO設計を組み合わせました。整体・ピラティス・パーソナルジムなど、地域でお客様に選んでいただく店舗型ビジネスのホームページに、共通して活かせる考え方です。
制作後も、コラムの追加や営業時間の変更など、お店の状況に合わせて更新しやすい仕組みを整えています。【要確認：公開後の成果（問い合わせ数、検索順位、予約数など）をご共有いただける場合は、ここに追記してください】
