FiTin WEB AGENCY — 事業ダッシュボード

店舗向けWeb集客サイト事業の全体像

ジム・スタジオ・サロン等の店舗向けに「集客サイト制作＋月次運用」を 1〜2時間でデモ量産 → 営業 → 月次運用まで回す受託事業。単一モノレポ store-web-agency で全店を一括管理。

現況: デモ10件 / 営業送信 8件 / 返信 1件 / 契約 0件 更新: 2026-06-22 送信元: kok.sugiyama@fitin.co.jp

01事業概要・料金

売るのは“サイト”ではなく「検索・Googleマップ・AIに見つけてもらえて、問い合わせが増える」という結果。制作・更新・MEO・SEO・AIOを、AIで運用コストを潰すことで月額パッケージにまとめている。サイト・記事・データはすべて店の資産（解約時に引き渡し）。

ターゲット

  • 顧客単価が高く、すでに集客に投資している店
  • パーソナルジム／ピラティス・ヨガ／ゴルフスクール／美容・整体
  • 10店舗展開以下の独立系単独店。大手チェーンは除外
  • 避ける：月会費数千円の格安業態（支払い意欲低）

正規料金

  • 初期（制作）：15〜30万円（テンプレベース・1〜2週間）
  • 月額スタンダード：¥45,000（最低6ヶ月／立ち上げ期¥55,000）
  • 月額ライト：¥18,000（ホスティング＋軽微修正のみ）
  • GBP整備・構造化データ・週2〜3本ブログ込み

現在の特別オファー 実績集め

  • 初期費用：無料（通常15〜30万円）
  • 月額（ブログ運用）：¥20,000〜
  • 最初の数社限定。デモ先出しで信頼を取る
  • 効果試算：問い合わせ+4/月→成約+2/月、CPA約2.5万円
なぜ安くできるか：運用の頭脳は Claude Code（追加費用ゼロ）。全店を1リポジトリで一括管理し、ブログは「AI下書き→人が承認→LINE無料枠で配信」で従量課金なし。1店の月次運用を2〜3時間以内に設計 → 10店で月40〜50万のストック収益。

02現況と店舗ステータス

Notionリード台帳と連動。デモ10件中9件が営業送信済み（返信1件）、見送り6件、発掘・未制作の保留1件。

10
デモ制作・デプロイ
9
営業送信済み
1
返信あり
0
契約
6
見送り

営業パイプライン全段（左→右に進行）。0件の段も枠で表示。横スクロールで全段を確認できます。

① 未制作（発掘・保留） 1
personal GYM X
名古屋・丸の内／連絡先取得済み。フォームのみ・サイト立派で売り薄＝優先度低で保留
フォーム
制作判断・保留中
② 制作中 0
なし
③ デモ完成・営業待ち 0
なし
④ 初回送信済み（フォロー前） 4
ESTADIOA S&C
サッカー選手のS&C特化／6-22 メール送信
メール
フォロー電話
BTC（名古屋）
競技パフォーマンス・元日本代表監修／6-22 フォーム送信
フォーム
フォロー電話
ZEN PRIVATE GYM
理学療法士×元プロボクサー／6-22 LINE送信
LINE
フォロー電話
MODESTO BODY STUDIO
第1号・全店の雛形／プロ野球選手サポート・宮代町（杉山の地元接点）／6-19 メール送信
メール
フォロー（未実施）
⑤ フォロー済み・返信待ち 3
EVERLIFT
フリーウエイトジム（筑紫野）／6-15送信・6-21フォロー済
メール / X DM
最終フォロー判断
G-KEN Training
S&C・ラグビー強豪校実績／6-19送信・6-21フォロー済
メール
最終フォロー判断
東考三PT
元ラグビー日本代表S&C／6-19送信・6-21フォロー済
メール
最終フォロー判断
⑥ 返信あり 0
まだありません
⑦ 商談・契約 0
なし
✕ 見送り・失注 6
PULS
松本市／他社に制作依頼中で失注（競合導入済み）
IG DM
クローズ
すのこまい
名古屋／電話返信・印象◎だったが集客足りており見送り（デモは高評価）
電話
実績ページに掲載
ミラ（MILA）
名古屋／制作済みだが送信窓口なし（フォームのみ）で見送り
窓口なし
クローズ
きいろいジム
名古屋・女性専用／公開メール無し・予約フォーム/IGのみ（未制作）
窓口なし
クローズ（email無し）
MIC
名古屋／公式ドメイン失効・事業休止疑い（未制作）
窓口なし
クローズ
Just Body 丸の内
名古屋／実在を特定不可・窓口なし（未制作）
窓口なし
クローズ

※ ④初回送信済み=送信したがまだフォローしていない（MODESTOは6-19送信でフォロー未実施＝期限超過）／⑤フォロー済み=電話orメールで二の矢を入れ返信待ち。すのこまいは返信あり→集客不要で見送り（KPI「返信あり1」はこの1件）。MODESTOは全店の雛形でもあり、かつ実店舗として営業済み。everlift-v2 は EVERLIFT 改訂版。

03営業自動化パイプライン（5段＋承認2ゲート）

「発掘→連絡先→制作→デプロイ→営業」を半自動化。人が判断するのは2つの承認ゲートだけ。全段が Notion リード台帳に状態を読み書きする。

①

発掘

業態×地域で見込み店を列挙、受注確度スコアリング

②

連絡先取得

公式HP/IGから公開メール抽出。窓口の有無を判定

③

制作

テンプレ複製＋実画像収集＋site.ts充填＋診断

承認ゲート①

デモ確認

本人がデモを目視確認してOK

④

デプロイ

Vercel本番／*.fitin-demo.com付与

④.5

site-inspector点検

全ページ機械点検→HIGH 0まで修正

承認ゲート②

メール確認・送信

文面を本人が確認、送信ボタンは本人

⑤

営業＋フォロー

送信→翌日フォロー→返信→運用

ゲート①（デモ確認）：生成サイトの品質を本人が目視確認するまで営業に進まない。「目視サブエージェントを信用しない」原則で site-inspector の機械点検も併用。
ゲート②（メール確認）：文面を下書きまで自動生成し、本人が確認・編集して自分で送信ボタンを押す。自動一斉送信はしない（特定電子メール法・ブランド毀損対策）。

04営業フロー詳細

「リストは公開メールがある店だけ」「フォローは翌日・電話優先」が最新の確定ルール。

① 発掘 — リスト作成条件

  • 【ハード条件】公開メールアドレスがある店だけをリスト化（2026-06-22確定）
  • 公式HPの問い合わせ／特商法／会社概要／フッターで確認。無ければ発掘時点で除外
  • 10店舗展開以下の独立系。大手チェーン除外
  • 狙い目：独立系単独店 × サイトが弱い（古い/スマホ非最適/ブログ無し）
  • 制作中の気配がある店は除外（競合導入済みは刺さらない＝PULS失注）
  • メールを出す業態（整体・サロン・スクール・法人系）に寄せると母数増

受注確度スコアリング（0〜100）

  • 支払い能力（最大50）：高単価業態+15／集客投資+15／口コミ多+10／拡大志向+10
  • 伸びしろ（最大50）：サイト弱い/無い+20／ブログ無し+10／MEO未対応+10／構造化データ無し+5
  • 減点：格安業態−30／立派なサイト既存−20／チェーン−15／競合着手済み=実質スキップ
  • 80+ 最優先 ／ 60-79 有望 ／ 40-59 様子見 ／ 40未満 投入しない

② 連絡先取得

  • 公式HP全ページ＋IGをクロールし公開メール抽出
  • IG=Playwright実ブラウザ／X=Jina（r.jina.ai）
  • 採用窓口＝公開メール（基準を統一）
  • 予約専用フォーム・LINEのみ・電話のみは除外

⑤ 営業メール（確定テンプレ）

  • 誇張・主観の褒め言葉NG → 具体的事実に「着目して」
  • デモは「閲覧のみです」／サービスは価値で説明
  • 初期無料・月¥20,000〜／日程調整(spirinc)・返信・電話の3択
  • Gmail下書きはPlaywrightで作成（create_draftはURL化け）
  • HTML見た目プレーン・クリーンURL・装飾なし

フォロー方針 最新

  • 送信の翌日にフォロー（1週間後は遅い）
  • 電話番号があれば電話、なければメール
  • カレンダーに翌日予定（営業方法・送信日を明記）
  • 7日閾値(followup-reminder.js)は「返信なし抽出」用で別物
送信ボタンは必ず本人：メール送信・フォーム送信・LINE・電話・DM、最終操作はすべてユーザー本人が行う。Claudeは下書き作成・フォーム入力・段取りまで。

05制作フロー（新店オンボーディング）

1店を 1〜2時間で。テンプレ複製 → 実画像収集 → 実装 → デプロイ → 機械点検 → 営業。

フェーズ0
5分

プロジェクト作成

テンプレート/site-template を 店舗/<新店名> に複製 → npm install

フェーズ1
15〜30分

リサーチ

店の「一番の武器」・一次情報（料金/住所/実績/トレーナー経歴）を収集

フェーズ2
10〜20分

素材収集（実画像が先）

sns-image-collect で Instagram＋公式HPから実画像を取得 → public/photos へ。フリー素材(Pexels)は不足の補完のみ

フェーズ2.5
2分

品質チェック（アーリーストップ）

research-quality-check.sh で100点採点。80+で実装へ、60未満は素材集めに戻る

フェーズ3
30〜60分

実装

lib/site.ts・lib/posts.ts・配色(azure)を店に合わせ差し替え。トップは「一番の武器」を主役に。決定的検証（getBoundingClientRect等）

フェーズ4
10分

デプロイ

vercel deploy --prod → add-demo-domain.sh <店名> で <店名>.fitin-demo.com。noindex維持

フェーズ4.5
15〜30分・必須

site-inspector 点検 → 全件修正ループ

全ページを機械点検。🔴HIGH（イラスト混入・画像重複・テーマ不一致・実画像ゼロ）が0になるまで修正

フェーズ5
—

営業

デモURL＋診断レポートで営業（営業キット参照）

フェーズ6
契約後

本番化

店名義ドメイン取得・noindex解除・本物写真へ差替・GBP整備・月次運用開始

ブログパッケージ

  • 専門性ジムには「専門性発信ブログ」提案が刺さる（S&C等の知見を継続発信→検索/AI検索で集客）
  • 記事は H2×5〜6・各段落に十分なボリューム。AI下書き → LINEで承認 → 公開
  • カバー画像と本文画像は別写真。本文画像は記事テーマと一致
  • 毎日大量自動投稿しない（週1〜3本）。薬機法配慮（「治る」「必ず痩せる」NG）

06サイト構成・技術スタック

MODESTOで確立した「型」。トップ #3「一番の武器」を店ごとに入れ替えるのが差別化の核。

ホームページ構成（上から）

  • 1. ヒーロー（暗・写真スライド＋特大コピー＋CTA）
  • 2. 実績数字バー（カウントアップ）
  • 3. 店の一番の武器（navy・店ごとに入替＝差別化の核）
  • 4. コンセプト（左テキスト＋右写真の非対称）
  • 5. 写真帯マーキー ／ 6. こんな方へ（For You）
  • 7. トレーナー（E-E-A-T）／ 8. 選ばれる理由
  • 9. 料金3カード ／ 10. FAQ（構造化データ連動）
  • 11. ブログ最新3件 ／ 12. アクセス（地図）
  • 共通：CTA帯・フッター

技術スタック（固定）

  • Next.js 15 (App Router) + Tailwind CSS
  • output:"export" 完全静的・trailingSlash:true
  • ホスティング：Vercel Pro（全店1チーム・1店約300円/月）
  • フォント3固定：Noto Sans JP（本文）/ Anton（数字）/ Montserrat（英字）
  • 配色：単色＋1アクセント（azure変数を店ごとに切替）
  • アニメ：RevealObserver＋Lenis、Parallax/PinSectionは要所のみ。reduced-motion対応

テンプレート構成 — 「1ファイル差し替え」設計

店舗固有情報を3点に集約。差し替えで次店に展開できる。

lib/site.ts 店名/料金/FAQ/武器/連絡先 lib/posts.ts ブログ記事 public/photos 実写真 app/ page・blog・price・trainer・access components/ Reveal・SmoothScroll・Parallax・PinSection・CountUp

07検証エージェント・自動化スクリプト

スキル本体は 自動化/workflows/ にGit管理（実行実体は ~/.claude/workflows/、sync.shで同期）。

site-inspector 検証エージェント

  • 全店の全ページを Playwright でデスクトップ＋モバイル巡回
  • 点検観点：実画像ゼロ／同一ページ画像重複／イラスト・AI調混入／記事テーマ不一致／顔切れ・低解像度・はみ出し
  • 問題を severity（🔴HIGH/🟡MEDIUM/🟢LOW）でレポート。コード修正はしない
  • デプロイ後に必ず実行（フェーズ4.5）。HIGH 0まで修正ループ

sns-image-collect 収集エージェント

  • 新店のInstagram＋公式HPから実画像を自動収集
  • docs/SNS収集/photos/ に保存 → public/photos へ選別配置
  • IG=Playwright実ブラウザ（ログイン壁回避）／署名URLはフルのままDL
  • 制作フローの最初に必ず実行（フェーズ2）
スクリプト役割使いどころ
add-demo-domain.sh<店名>.fitin-demo.com をVercelに割当（ワイルドカードCNAME済）フェーズ4 デプロイ後
research-quality-check.sh素材を100点採点（写真枚数/【】残り/Heroコピー/記事数/SNS）フェーズ2.5 アーリーストップ
template-build-check.shテンプレ変更時のビルドエラー検証テンプレ追加・変更時
followup-reminder.js送信から7日以上返信なしのリードを抽出返信なしリードの掘り起こし
sales-report.js失注理由の内訳を集計（発掘の質改善）定期レビュー
外部連携：Notion（リード台帳・営業管理。MCP 2ワークスペース接続）／Google Calendar（フォロー予定）／Gmail（下書きはPlaywright作成）／Vercel（デプロイ）。

08厳守ルール・デザイン品質

事業の厳守ルール

  • リポジトリは Private 固定（料金・契約・実写真を含む）
  • デモは全ページ noindex（営業用の限定URL）
  • 店舗写真・情報は契約前は仮配置。許諾後に本物へ
  • クライアントにリポジトリ自体は渡さない
  • ドメインは店名義（人質に取らない＝営業の安心材料）
  • 最低6ヶ月契約・軽微修正は月2回まで（scope creep防止）
  • node_modules / .next / out / .vercel はコミットしない

デザイン品質ルール（脱・AIっぽさ）

グラデ多用単色＋1アクセントに絞る
定番を定番順「一番の武器」一点突破
キリのいい数字具体的事実（例:プロ12名）
絵文字アイコン使わない（SVGで描く）
左端の色バー装飾面・余白・タイポで差し色
全部対称・角丸・ふわ影非対称・余白の強弱
画像の鉄則：イラスト・アニメ・AI調は絶対NG／同一ページで同じ画像2回以上NG／ブログのカバーと本文は別写真／本文画像は記事テーマと一致／ヒーロー・トレーナーは実写優先（不足分のみPexels補完）。

制作の技術的教訓（踏んだ罠）

  • スクロール演出は IntersectionObserver（CSS animation-timeline は背の高い要素で固まる）
  • 静的出力は trailingSlash:true（直リンクで開けるように）
  • フリー画像は Pexels CDN直リンク。取得後に内容を必ず確認
  • 検証は目視サブエージェントを信用しない（getBoundingClientRect等で決定的に）
  • SNS画像の署名付きURLはフルのままDL（クエリを削ると403）
  • Gmail下書きはPlaywright（create_draftはURLがgoogle.com/url化）。本文に「--」を入れると署名扱いで崩れる