事業ルール総覧
—— 制作・営業・運用のすべてを1ページに

基本情報

屋号

LUMO Web Studio（語源：ラテン語 lumen＝光）

代表

山本 捻紀（やまもと なつき）

公式メール

lumowebstudio.01@gmail.com（Gmail 「u/1」アカウント）

業務携帯

080-9545-8511 ／ 原則 公開しない・営業文に書かない。フォーム送信時に「電話番号」欄が必須入力で要求された場合のみ入力する

事業者形態

免税事業者（年商1,000万円以下）。消費税は請求しない＝全価格は税込表記で統一

事業内容

地域の小さな商店・企業向けのホームページ制作代行（屋号活動）

並行事業

障害福祉SaaS（本業）。HP制作はそれと並行展開

ブランド設計

• 語感「ルモ」：モダン・短く覚えやすい・クラウドソーシング／地域営業の両方で通用
• アクセントカラー：グリーン系（フォレストグリーン）
• 運営者情報方針：実名・所在地・電話番号は HP本文・提案資料・メール本文には載せない（個人事業の印象を避け屋号でブランドを育てる）
• 連絡はメール（lumowebstudio.01@gmail.com）経由のみ

運営スタンス

関連リソース

戦略の核

制作費を 業界最安級まで下げて受注ハードルを劇的に下げる。獲得数を増やし、月額保守 5,000円／月 を主収益源として長期収益（ストック）を作るモデル。

売上シミュレーション

制作費の位置づけ

制作費（1万〜5万）は 獲得コスト・関係構築費 として割り切る。「制作費で利益を出す」のではなく「制作費を入り口にして保守で長く続ける」のが思想。

クロスセル戦略

HP制作を入り口にして、名刺・チラシ・封筒・ロゴ・会社案内PDF・GBP最適化・ブログ運用代行などのデザイン制作・運用代行をクロスセル。HP契約者には「セット価格」を適用して継続発注を引き出す。

価格刷新の歴史

3プラン比較表（2026-05-05〜）

納期の別記

提案資料に明示する納期はやや短めの目安：LP=3日／スタンダード=7日／プレミアム=10日（feedback_proposal_pricing_position.md）。実工程の上限としては上の表（1週間／2〜3週間／3〜4週間）。

各プランの中身

共通で含まれるもの

• スマホ対応（レスポンシブ）
• お問い合わせフォーム
• ブログ・お知らせ機能（クライアント自身で投稿。投稿マニュアル提供）
• Googleマップ埋込
• SSL証明書（自動）
• アクセス解析（Cloudflare Web Analytics）

プラン間差分

• 予約フォーム：LPは無し。スタンダード以上で標準装備（業種別：カフェ＝席予約／歯科＝診療予約／工務店＝相談予約／塾＝体験申込／税理士＝初回相談）
• イントロアニメ：原則プレミアムで実装。ただしAI が業種・現HPを見て要否を判断するのが正式ルール（→ 第9章）

別料金オプション

• 独自ドメイン取得代行：実費 + 3,000円/年
• ロゴ制作：→ 第5章「他サービス料金」参照
• 追加ページ（制作時）：15,000円/ページ

既送信クライアントへの方針

• 2026-05-05 より前に営業送信済のクライアント：本制作受注時に新プランを提示してOK（むしろ低価格になるので歓迎されるはず）
• 2026-05-05 以降の新規営業：すべて新プラン（1/3/5万＋保守5千）で営業文・/proposal を構成

主収益源としての位置づけ

新モデルの肝。5,000円／月（税込）。制作費を低く抑えてハードルを下げ、長期の安定ストック収入をここで作る。

含まれる内容

• 軽微な文言修正：月3回まで
• 画像差し替え対応
• お知らせ・ブログ追加（クライアント自身投稿のサポート）
• サーバー・SSL監視
• 不具合対応・緊急対応

含まれないもの（別途見積）

• 大幅リニューアル
• 新規ページ追加
• 機能の新規開発

契約条件

第1号特典

HP制作を入り口にしたクロスセル用の他サービス。「単品価格」と「HPセット価格」を絶対値で2列並列表示するのが鉄則。「+◯◯円」「同時申込で X円OFF」のような差額表記は 禁止。

価格表（全て税込）

適用ルール

• 提案資料・営業メールで他サービスの価格を書く際、必ず2つの実費を並べる
• 1セルにスラッシュで複数価格を詰め込みすぎない
• 提案資料側ではカード型でアイコン無し（絵文字・SVG禁止）の品格デザインで展開

確定スタック

デプロイフロー

ローカルで npm run build → wrangler pages deploy dist --project-name=<slug> --branch=main

PATH=/Users/natsuki/.local/node/bin:$PATH wrangler pages deploy dist \
  --project-name=<slug> --branch=main

API Token の保管

• ~/.zshenv に CLOUDFLARE_API_TOKEN を永続保存
• 絶対にソースコードに直書きしない（→ 第17章 NG行為）

制作物のディレクトリ規約

/Users/natsuki/claude-work/
├── lumo-portal/                  # LUMO自社HP
└── hp-samples/
    └── <client-slug>/
        ├── src/
        ├── public/images/        # ChatGPT生成 + フリー素材 + 現HP画像
        ├── design/lp-design.png  # LPデザイン承認画像
        └── docs/inquiry-mail.md  # 営業メール本文

Cloudflare Pages プロジェクトの FIFO 入れ替えルール

ルール

• 新規 HP 制作で Cloudflare Pages プロジェクトを作る時、最古のプロジェクトを削除してスロットを空ける
• FIFO（First-In, First-Out）方式：作成日（created_on）が最も古いものから順に削除
• 例外：lumo-web-studio（LUMO自社HP）は永久保持・削除禁止

削除フロー

1. 新規プロジェクト作成前に、API で全プロジェクトを取得
2. created_on 昇順でソート
3. lumo-web-studio を除外
4. 先頭（最古）を削除
5. 新規プロジェクト作成

実装スクリプト（抜粋）

import json, urllib.request, os
token = os.environ['CLOUDFLARE_API_TOKEN']
account_id = '41f18bfb8eae93f4267551561f758efe'

# 全プロジェクト取得
all_projects = []
for page in range(1, 11):
    req = urllib.request.Request(
        f'https://api.cloudflare.com/client/v4/accounts/{account_id}/pages/projects?page={page}',
        headers={'Authorization': f'Bearer {token}'})
    d = json.load(urllib.request.urlopen(req))
    for p in (d.get('result') or []):
        all_projects.append(p)

# 古い順にソート（lumo-web-studio 除外）
projects = sorted(
    [p for p in all_projects if p['name'] != 'lumo-web-studio'],
    key=lambda p: p['created_on']
)

# 最古を削除
oldest = projects[0]
req = urllib.request.Request(
    f'https://api.cloudflare.com/client/v4/accounts/{account_id}/pages/projects/{oldest["name"]}',
    method='DELETE',
    headers={'Authorization': f'Bearer {token}'}
)
urllib.request.urlopen(req)

削除する際の注意

• 削除前に memory の対応 project_*_hp.md があれば、ステータスを 「URL失効・営業終了」 に更新
• スプシ G列のURL（pages.dev）は削除後に機能しなくなるが、スプシ自体は履歴として残す
• 営業先にURLを送った後の削除も許容（ユーザー指示の方針：古い案件は事実上失注済み）

HP制作・営業の標準フロー。Step 1〜2 はOK待たずに自動進行可。Step 3 は必ず止まる（gate）。Step 4 は承認後 即時送信（同日）。

Step 1 ── AI: 業者検索・選定（自動）

• 優先業種（士業／建築／サロン／クリニック／葬儀／伝統工芸／教育／B2B）から探す
• 予算余地（法人格・複数スタッフ・専門資格）で絞り込む
• MEMORY.md の project_*_hp.md で 重複チェック
• sankoudesign.com の業種フィルタからランダム1件を 先に決めて 参考にする
• メールアドレス／フォームのいずれも公開していない先は 探索段階で除外

Step 2 ── AI: HP制作・デプロイ（自動）

• 現HPの全機能を洗い出し → 新HPに引き継ぐ（テンプレ思考禁止）
• アニメ要否を判断：ベテランマーケター視点で業種・現HP・クライアント特性を見て決める
• アニメを入れる場合は トップページのみ（他ページには入れない）
• ChatGPT（gpt-image-2 / DALL-E）で画像生成し、各ページ 2〜5枚配置（業種・配色完全一致・他案件流用禁止）
• /proposal ページ作成（サンプルHPバナー＋全プラン＋他サービス必須）
• Cloudflare Pages にデプロイ

Step 3 ── ユーザー: 最終チェック（必須gate）

• 完成HPをユーザーが確認
• 修正指示あり → 戻って修正
• OK → 次へ
• ユーザーから返事がない場合：未承認案件として保留し、次のクライアントへ進む（→ 第20章 自動化フロー）
• ユーザーがログインしたら、未承認案件をまとめて提示する

Step 4 ── AI: 営業送信＋スプシ記録（自動・承認後即実行）

• メールまたはフォーム送信
• 承認直後に送信（承認日 ＝ 送信日）
• 送信元は必ず lumowebstudio.01@gmail.com（u/1 タブ）
• スプシ全14列（A〜N）を埋める（→ 第14章）
• MEMORY.md に project_*_hp.md を追加・MEMORY.md インデックス更新

Step 5 ── ユーザー: 返信確認・対応

• 返信がきたらユーザーがAIに伝える
• AIはスプシM列（ステータス）を「返信あり（商談中）」「返信あり（破談）」「契約完了」のいずれかに更新
• ステータス更新は ユーザー指示後のみ（AIの自動判断不可）

8.1 参考HPの選び方（sankoudesign.com）

1. クライアントの業種を確認する
2. sankoudesign.com にアクセス
3. 業種フィルターで クライアント業種に最も近いカテゴリ を選択
4. 表示された候補から1件を実際にクリックして開く
5. その実サイトのURL（例: https://j-ortho.jp/）を参考としてF列に記録する

8.2 参考HPと類似度を高める

「全く一緒にする必要はないが、ある程度同じにしてほしい」。参考サイトの核心デザイン要素を3つ以上抽出してから設計に入る。

1. レイアウト構造：ヒーローは横長1枚？写真2分割？縦長？スクロール表示？
2. タイポグラフィ：見出しのフォント・サイズ・色・字間（特殊フォントなら必ず採用）
3. 余白・密度：情報を詰める？大きく余白を取る？1スクロール=1セクション？
4. 配色：背景色・テキスト色・アクセント色の比率と濃度
5. シグネチャー要素：参考サイトの「これがあるからこのサイト」と一目で分かる装飾・モチーフ

最低限揃えるべき：ヒーロー構造／全体の余白密度／メインフォント／カラー比率。
確認方法：制作中に「参考サイトと並べて見て、同じデザイナーが作ったように見えるか？」を自問する。見えないなら不合格・リライト。

8.3 ナビ言語ルール

業種でラベル言語を使い分ける。

8.4 背景色：基本は明るい色

• 全HPの背景色は 基本「明るい色」。紙白・セージミスト・クリーム等の淡色がデフォルト
• ネイビー等のダーク色は業種により使用可だが、セクション背景全体には使わない
• ダーク背景（#2d4e3f 等）をセクション全体に使うのは禁止
• フッターは例外OK
• CTAは アンバー系（#c8a04a）ボタン on 淡色背景で対応

8.5 フォント

ナビ・本文は font-jp（Noto Serif JP / Noto Sans JP） + font-medium 以上を基本とする。視認性優先。
細い Cormorant Garamond 等の display フォントは eyebrow・装飾アクセントのみに限定し、ナビ・本文・見出しの主役には使わない。

8.6 デザインバランス

• 業種固有の世界観は保ちつつ、装飾を盛りすぎない
• 章番号は「01/02/03」など平易なナンバリング優先（「壱/弐/参」「卷一/序」は使うとしても1〜2箇所まで）
• 縦書きは1〜2箇所まで（全セクションで多用しない）
• 漢籍風表現（朱印・巻軸・古文書）は1ヶ所のアクセント程度
• 言葉は噛み砕く（「東アジア地域研究」→「東アジアの研究」など）
• 絵文字アイコンは 禁止。SVGアイコンも全面禁止（→ 第17章 NG行為）

8.7 業種別カラー方針（参考事例）

9.1 必須／不要の判断基準（AI判断）

イントロアニメは 全HP必須ではない。AI が 15年以上のベテランマーケター兼デザイナー視点で、現HP・クライアント・業種を分析した上で要否を判断する。

判断結果（入れた／入れなかった理由）は スプシ N列に1〜2行で必ず記載。

9.2 アニメ多様性

「黒背景×SVG線画×6〜8秒」パターンに偏らない。背景色・時間・スタイルを業種に合わせて変える。

背景色・カラースキーム

アニメーション時間

「長い＝すごい」ではない。短く・テンポよくが基本。

アニメスタイル例

9.3 必須要件（実装側）

• HPトップ（index）を開いた時のみ。他ページ（about/services/access 等）には入れない
• 初回訪問のみ表示（sessionStorage で1回のみ）
• スキップボタン必須（ESC キー対応も推奨）
• prefers-reduced-motion 対応必須
• スクロールロック（アニメーション中）
• アニメーション終了後にフェードアウト
• モバイル対応（小さい画面で要素サイズ調整）

9.4 技術スタック

• 純粋な CSS + SVG（外部ライブラリゼロ）
• stroke-dasharray + stroke-dashoffset でペン書き
• アニメーション完了後 setTimeout で overlay フェードアウト
• 参考実装：/Users/natsuki/claude-work/hp-samples/matsushima-studio/src/components/IntroAnimation.astro

10.1 全HPに画像必須

画像0個のページは絶対禁止。プレースホルダー単色（暗いグラデーション枠等）で完成扱いにしない。

10.2 画像ソースの使い分け（Mixed Source）

ChatGPT を使うべき箇所（3〜5枚）

• hero.png（最重要・ファーストインプレッション・必ず ChatGPT）
• キャッチコピー横や強み打ち出しの象徴的メイン画像
• 業種特化アニメと組み合わせる装飾系画像
• 業種・クライアント・コンセプトに「完全一致した世界観」が必須な箇所

フリー素材 or 現HP画像を使うべき箇所

• 一覧ギャラリー（gallery-1〜6 等）
• サブページのヘッダー画像
• アクセス周辺写真
• 一般的な業種シーン（オフィス・店内・人物等で固有要件が少ない）
• About ページの背景写真
• 装飾的な補助画像

10.3 フリー素材の取得先（優先順）

1. Unsplash（unsplash.com）— 商用利用可・クレジット不要
2. Pexels（pexels.com）— 商用利用可
3. Pixabay（pixabay.com）— 商用利用可

検索キーワードは英語推奨（ヒット率が高い）。

Unsplash は画像IDを 必ず実物URLを開いて確認してから使う（テキスト名で類推しない）。

10.4 現HP画像の取得方法

• クライアント現HP（jimdofree 等）から <img> の src を取得
• ブラウザでの直 DL or curl で取得 → public/images/ に配置
• ライセンス上は「営業用サンプル」として一時利用は許容範囲。本契約時に正規提供を依頼

10.5 業種・シーン・カラーに完全一致

ChatGPT で生成する画像はそのクライアント専用に合わせる。他プロジェクト・他クライアントの画像流用は絶対禁止。整骨院に日本庭園・奈良風景等は論外。

ChatGPT プロンプトに必ず含める要素

1. 業種・シーン（具体的に）
2. カラーパレット（そのサイトの色に合わせる）
3. 構図（横長ワイドorアスペクト比）
4. スタイル（リアルフォト風・清潔感・温かみ）

10.6 ファイル名・配置規則

• ChatGPT 生成画像のファイル名は規則通り：hero.png / about-hero.png / service-main.png 等
• フリー素材も同じファイル名で配置（src コード側で区別不要）
• Unsplash 画像は 1920x1280 等の高解像度で DL → リサイズして配置
• 配置先：/hp-samples/<クライアント>/public/images/

10.7 Mixed Source の構成例（1サイト10枚の場合）

10.8 写真ビジネスは実画像を優先

写真館・写真スタジオ・美容室・サロン・建築事務所など 「写真・ビジュアルそのものが商品」の業種 では、photo-placeholder（暗いグラデ枠）は絶対NG。実画像必須。

• クライアントの現サイトから抽出を最優先（提案サイトはnoindex・私的提案のため限定的使用は実務上許容範囲）
• 質が悪ければ Unsplash・Pexels 等のフリー素材（商用利用OK・帰属表記不要）
• 最終手段で ChatGPT 生成・補正

ヒーローは 全画面の大きな写真背景＋テキストオーバーレイ が基本。写真の力で業種を一瞬で伝える。

10.9 本契約後の画像差し替え

本契約決定後、画像は全てクライアント提供品 or LUMO 生成品に差し替える（現HP抽出画像・フリー素材は営業フェーズ限定）。

形式：縦長1ページ・スマホファースト。業種別カスタマイズはメイン色のみ業種カラーに合わせる（構成・順序は固定）。

10セクション構成（上から順）

1. ヒーロー＋オレンジバナー（ヘッダー直下に #c84220 系オレンジバナー。「▶ このページがサンプルサイトです」＋白ボタン「サンプルサイトを見る」を大きく）
2. ご挨拶・LUMO紹介（屋号・短いコンセプト3〜4行・「無料サンプルを作った理由」。開業時期は書かない。「○年の実績」は嘘になるので絶対書かない）
3. 御社サンプルHPの設計意図（業種別カスタマイズ。カラー選定理由・業種特化演出・構成のポイント3〜5項目）
4. なぜ今、HPが必要か（公的データ引用・SNS時代でもHPが効く理由・堅い業種／カジュアル業種両方に通じる論理）
5. HP制作 3プラン比較表（カード型・横並びPC／縦積みスマホ・「推奨」バッジをプレミアムに）
6. 月額保守プラン（5,000円/月・含まれる内容を明示）
7. 制作のこだわり・お客様の声（ハイブリッド型）
   • 上半分：制作のこだわり3カード（業種特化／現サイト分析／一点もの設計）
   • 下半分：Coming Soon × 3 ＋ 第1号特典：月額保守3ヶ月無料を強くアピール
8. その他のサービス（カードグリッドで全展開・絶対値2列）
9. 制作の流れ 5ステップ（ヒアリング → 構成・デザイン設計 → 制作 → 確認・修正 → 公開・運用開始）
10. よくあるご質問（5〜6問・解約／ドメイン持込／SSL／確認方法／スマホ対応／既存サイト移行）
11. お問い合わせCTA（メール：lumowebstudio.01@gmail.com のみ。電話番号は書かない）

料金プランの位置

料金プラン表は ページ上部（ヒーロー直後・課題提起の直後）に配置する。訪問者が最初に知りたいのは「いくらかかるか」。課題共感 → 料金確認 → 詳細読む、という自然な流れにする。

デザインルール

• 背景色は 明るい色（クリーム／紙白／淡色）
• ダーク背景をセクション全体に使うのは禁止
• CTAボタンは アンバー系（#c8a04a）on 淡色背景
• 業種カラーはサンプルHPと統一感を持たせる（提案資料はサンプルHPの一部として存在するイメージ）

「やらない」リスト

• ダミーお客様の声を捏造（嘘になる）
• 「○年の実績」と書く（嘘になる）
• 他クライアントのサンプルHP一覧を載せる（営業先への配慮）
• ダーク背景をセクション全体に使う
• 効果断定（「絶対集客できます」等）
• プレースホルダー画像のまま納品
• 提案資料の営業用コンテンツ（SNS時代でもHPが必要な理由 等）を サンプルHP本体に混入させる

12.1 件名フォーマット

士業でも法人形態（税理士法人 等）は、代表者名がわかれば「○○先生」、わからなければ法人名 + 様。フォーム送信の場合も件名欄に同じ文言を入れる。

12.2 全体方針

• 共通テンプレ80% + 業種別カスタマイズ20%
• カスタマイズパートはAIが現HPを分析して自動生成（クライアント固有2〜3行）
• URL は原則 /proposal の1つだけ。サンプルHPの直接リンクは提案資料側に置く

12.3 カスタマイズパートのガイドライン

「魅力を感じた点」と「改善の余地がある点」を 必ずペアで書く。具体例ベース、抽象論NG。

12.4 メール本文（フル版）

件名: ○○先生のホームページを拝見しました

○○様

突然のご連絡、失礼いたします。
ホームページ制作・運用を承っております LUMO Web Studio と申します。

【AIが現HPを見て自動生成・2〜3行のクライアント固有感想】
このたび、○○様のホームページを拝見し、〜〜の点に魅力を感じました。
一方で、〜〜の部分は今のお客様の閲覧環境を考えると、改善の余地があるよ
うに思いました。

そこで、僭越ながら○○様向けに 無料サンプルHP を制作いたしましたので、
ご覧いただければ幸いです。

▼ 提案資料・サンプルサイト
{proposal_url}

【制作プラン】
・LP（1ページ）10,000円（税込）
・スタンダード（5〜8ページ）30,000円（税込）
・プレミアム（8ページ＋業種特化アニメ）50,000円（税込）
・月額保守 5,000円/月（税込）

【その他のサービス】
HP制作以外にも、名刺・チラシ・封筒・ロゴ・会社案内PDF のデザイン制作、
HP更新運用を全てお任せいただける「丸投げプラン」もご用意しております。
詳細は上記の提案資料をご覧ください。

ご興味をお持ちいただけましたら、本メールにご返信ください。
ご不要でしたら、お手数ですがそのまま破棄いただければと思います。

末筆ながら、貴社のますますのご発展を心よりお祈り申し上げます。

────────────────
LUMO Web Studio
Mail：lumowebstudio.01@gmail.com
────────────────

12.5 フォーム短縮版テンプレ

件名: ○○先生/様のホームページを拝見しました

突然のご連絡、失礼いたします。
LUMO Web Studio と申します。

○○様のホームページを拝見し、〜〜の点に魅力を感じました。
一方で〜〜は改善の余地があるように思い、僭越ながら○○様向けに
無料サンプルHPを制作いたしました。

▼ 提案資料・サンプルサイト
{proposal_url}

【料金】LP 1万円／スタンダード 3万円／プレミアム 5万円＋月額保守5千円（全て税込）
※名刺・チラシ・封筒・ロゴ・会社案内PDF・丸投げプランもご用意しています。

ご興味があればご返信ください。ご不要でしたら破棄いただければ幸いです。

────────────────
LUMO Web Studio
lumowebstudio.01@gmail.com
────────────────

フォーム送信で「お名前」入力が必須の場合のみ LUMO Web Studio（担当：山本 捻紀） と入力する（→ 第13章 例外）。

12.6 送信元

• 必ず lumowebstudio.01@gmail.com（u/1 アカウント） から送る
• ブラウザURL：https://mail.google.com/mail/u/1/#inbox
• u/0 = 個人 Gmail（na.jackaaron@gmail.com）→ 営業に使わない
• 過去 mizukami@nla.tokyo 宛で u/0 から誤送信した事故あり。要注意

12.7 適用範囲

• 2026-05-10 以降の新規営業から本テンプレを使用
• 過去送信済み案件は遡及更新しない
• 各クライアントの hp-samples/<slug>/docs/inquiry-mail.md に展開して使う

13.1 問い合わせ先はメールのみ

• HP・提案資料・営業メール・フォーム送信本文・署名 ── どこにも電話番号を書かない
• 「Tel：080-9545-8511」「電話：080-…」等の表記は全て削除
• お問い合わせCTAボタンも「メールでお問い合わせ」のみ

13.2 電話・Web会議・対面：基本なし

• 電話対応：基本なし
• Web会議（Zoom／Meet／Teams 等）：基本なし
• 訪問・対面：基本なし

クライアントとのやり取りはメールで完結させる。

13.3 例外

• フォーム送信時の「電話番号」欄が必須入力で要求される場合のみ、080-9545-8511 を入力可
• 既送信のクライアントとは継続してメールでのみやり取り

13.4 契約後はLINEに統一

契約意思が確認できたタイミングで、以降のやり取りは LUMO公式LINE に統一する。文書管理（履歴の保存・検索性）の観点からも明示。

13.5 NG例 / OK例

14.1 スプシURL

https://docs.google.com/spreadsheets/d/1pSW_qMz0jZ1V_SxFZZsdZsw3IMuy4DU9_NkH5VudnKc/edit

14.2 14列構造（A〜N）

14.3 入力方法の禁止事項

• I/K/M列にメール文や全情報を詰め込む（例: 「メール送信済み（mail@xx・返信待ち）」）→ 禁止
• F列（参考HP）を空欄のまま転記 → 禁止。カテゴリURLも禁止、必ず実サイトのURL
• L列に営業日以外の日付（制作日・保存日）→ 禁止
• 日本語セル（B/C/D/I/K/N）で F2 なし type（オートコンプリート暴走）→ 禁止
• \t 一括 type 入力（A列に全部詰まる）→ 禁止
• 一括コピペでの転記禁止。1セルずつ手入力すること

14.4 視覚ルール

URL列（E/F/G/H）

• URLが入っているセルは 必ず青色（#1155CC）下線付き で表示する
• ハイパーリンク（クリックでジャンプ）も必須
• 単に link を付けるだけでなく、TextStyle に foregroundColor=#1155CC + underline=true を設定する
• 黒文字のままハイパーリンクだけ仕込む状態は不可

Apps Script 例

var blueStyle = SpreadsheetApp.newTextStyle()
  .setForegroundColor('#1155CC')
  .setUnderline(true)
  .build();
var rt = SpreadsheetApp.newRichTextValue()
  .setText(url)
  .setLinkUrl(0, url.length, url)
  .setTextStyle(0, url.length, blueStyle)
  .build();
cell.setRichTextValue(rt);

14.5 空行ルール

• データの最終行（最後のクライアント行）より後ろの空行は全て削除
• 仕上げ後の状態：maxRows === lastClientRow
• 新規クライアント追加時は appendRow で末尾に追加

14.6 営業対象外行は削除

営業対象外と判断したクライアント行は 行ごと削除（No列の連番は詰めて振り直す）。データは「現在のフロー対象」だけが見える状態を維持する。

探索の最重要軸

「予算が出せるクライアント」を最優先で見つける。判断材料：法人格／複数スタッフ・複数拠点／専門性・資格の積み上げ／既存サイトのボリューム／顧客単価が高い業種／B2B案件。

優先度A（積極的に探索）

1. 士業：税理士・行政書士・司法書士・弁理士・建築士・公認会計士（※社労士は飽和気味）
2. 建築・住宅系：注文住宅工務店・リフォーム会社・建築設計事務所・インテリアデザイナー
3. サロン系：高単価のもの（パーソナルジム・ピラティス／ヨガ専門スタジオ・エステ・トリミング・ネイル）
4. クリニック系：歯科・整骨院・整体・カイロ（皮膚科・美容医療は地雷多めで要警戒）

優先度B（HP品質が顧客信頼に直結する業種）

5. 冠婚葬祭・人生節目系：葬儀社・結婚相談所・写真スタジオ
6. 伝統工芸・高級工房：仏壇仏具・呉服・茶道具・高級和菓子・ジュエリー
7. 教育・教養（特化型）：医学部受験塾・音楽教室・茶道華道書道教室・専門学校
8. B2Bサービス（中小）：経営コンサル・人材紹介（特化型）・M&A仲介・翻訳事務所
9. 不動産系：不動産仲介・賃貸管理・リフォーム

優先度C（基本的に避ける／個別判断）

• カフェ・個人パン教室・個人ベーカリー・個人雑貨店
• 便利屋・印章店・花屋（個人事業規模）
• チェーン店・FC加盟店

完全除外（探索しない）

SNS時代でもHPが効く「堅い業種」を狙う戦略

SNSと相性悪い「真剣な意思決定が必要な業種」を狙う。該当業種の特徴：

1. 真剣な意思決定が必要：契約・依頼・選任の前に家族や関係者と相談する
2. 公式情報・契約情報の確認場所が必要：料金体系・実績・資格・所在地 等
3. PCで複数タブ開いて比較検討される
4. 法的・社会的責任が大きい：依頼ミスで損害が大きい

避けるべきサイン

• 「親友が無料で作った」雰囲気のサイト
• 個人趣味のホームページ感（雑記ブログ風・趣味の延長）
• Instagram フォロワー数万＝SNSで集客完結している可能性
• 個人 Yahoo メール・Gmail のみ＋無料サブドメインのみ

医療（クリニック・整骨院）

• 医療広告ガイドライン遵守
• 効果断定NG（「絶対治る」「100%効く」等）
• 治療結果の比較写真NG・術前術後写真NG
• 提案文言は薄めに、安全側に振る

士業（弁護士・税理士・行政書士・司法書士・社労士・弁理士）

• 弁護士法・税理士法・各種広告ガイドライン遵守
• 比較広告NG（他事務所と比べて優位を示す表現）
• 効果断定NG
• 助成金は「受給保証なし」を明示必須

葬儀

• 「最安」「業界最安値」NG
• 効果断定NG
• 税込総額表示を徹底
• 派手な演出は不適。静謐・誠実なトーン

福祉

• 競合HPを参考にしない（ユーザー本業の競合支援になるため）
• そもそも探索段階で完全除外（→ 第15章）

ドメイン知識の取り扱い

業界固有の制度・フロー・業務慣行を述べる時は 確信度を明示（「私の理解では〜ですが合っていますか？」）。「安全のため」「一般的に」といった曖昧推奨をしない。技術的依存関係と運用判断を切り分けて説明する。業務側の仕様はユーザーに確認する（ユーザーは一次情報源）。

制作上の禁止事項

アイコンの代替手段

1. ChatGPT（DALL-E）で生成した画像（PNG/WebP で /public/images/ に配置）
2. 数字・テキストバッジ（「01」「02」「03」を Cormorant Garamond 等のセリフ書体で）
3. Unicode 幾何記号（▶ ◆ ・ — ── 控えめ・白黒のみ）

具体例（NG → OK）

営業実行不可（対象外として扱う）

制作完了したが営業対象外として保留中の案件

HP制作・デプロイは完了したが、連絡手段の制約で営業実行できない先がある。スプシには「営業対象外（連絡手段制約）」と記録する。

• 株式会社泰山園（横浜）── フリーダイヤル0120のみ
• 株式会社大橋石材店（横須賀）── フリーダイヤル＋公式LINE
• 御殿場オリエント馬事センター ── 電話＋FAX
• 株式会社宝研堂（硯工房）── 電話のみ
• シャーマン司法書士事務所（北海道釧路）── JimdoフォームにCAPTCHA
• 我孫子カイロプラクティックセンター（千葉県）── フォームCAPTCHA
• おぎのクリニック京都駅前 ── フォーム reCAPTCHA

FIFO で URL 失効した案件（2026-05-11 以降）

Cloudflare Pages 100件上限到達後、新規制作のたびに最古プロジェクトを削除する運用に移行（→ 第6章）。
削除された案件は project_*_hp.md のステータスを 「URL失効・営業終了」 に更新する。スプシは履歴として残すが、G列の pages.dev URL は機能しない状態となる。

承認待ちストック中の案件（参考事例：2026-05-11）

2026-05-11 時点で承認待ちストックに格納されている直近案件（営業前・ユーザー最終確認待ち）：

• ことの葉（書道教室）
• 矢野華風（書道家）
• はじめて補聴器（補聴器販売店）

これらは Mixed Source 画像方式（ChatGPT 3〜5枚 + Unsplash + 現HP抽出）の初期適用事例。ユーザー承認後にメール送信＋スプシ転記を実施する。

営業手段の方針（やる／やらない）

メール優先ルール（公開状況による分岐）

1. メールアドレス公開あり → メール送信のみ（フォームは使わない）
2. メールアドレス非公開・フォームのみ → フォーム送信
3. 両方ある → メールのみ（フォームは送らない）
4. どちらもない → 営業対象外（探索段階で除外）

19.1 ユーザーとの対話：関西弁・タメ口

ユーザーとのチャット応答（会話文・報告・確認）は 関西弁・タメ口（敬語なし） で行う。

強すぎる表現（「〜やんけ」「〜さらせ」等の荒いの）は避け、ナチュラルで読みやすい関西弁にする。敬語（「〜です」「〜ます」「〜ください」「〜いたします」）は使わない。

19.2 例外（標準語のまま）

• コード内のコメント・変数名
• HP制作のサンプルサイトのテキスト（クライアント向け）
• 提案資料・営業文・ドキュメント（docs/）
• メモリファイルの本文（中立的な記録）
• 技術ドキュメント・コミットメッセージ

19.3 屋号と個人名の使い分け

HP本文・提案資料・営業メール・WEB公開コンテンツでは原則 屋号「LUMO Web Studio」 を表記する。「担当：山本」等の表記もNG。「LUMO Web Studio」または「LUMOチーム」で代替。

例外：個人名OK

• 問い合わせフォームの「お名前」欄が必須で空欄不可の場合（「LUMO Web Studio（担当：山本 捻紀）」）
• 法的書類・契約書の代表者欄
• 銀行振込の振込人名義など、本人特定が必要な場面

19.4 報告スタイル

• 作業途中のスクショは ユーザーに送らない（自分の判断にのみ使う）
• 「進捗確認のスクショ」は不要
• ユーザーから「スクショ見せて」「画面確認したい」と明示要求があった場合のみ送る
• 作業完了報告は テキストで簡潔に（「○○件修正完了」など）
• 「念のため確認してください」「これで合ってますか？」を多用しない

20.1 承認待ちストック方式

ユーザーは常にPC前にいない。1件ずつ承認待ちで止まると進捗が止まる → 承認なしで次々制作を進める。

[1] AI: クライアント探索
[2] AI: HP制作・デプロイ・画像配置
[3] AI: 承認待ちストックに追加  ← ここで止まらない
[4] AI: 次のクライアント探索 → [1]へ戻る
（無限ループ）

[Trigger] ユーザーが「承認待ちストック出して」と指示
[5] AI: 全承認待ち案件を一覧で提示
[6] ユーザー: 承認 / 修正指示 / 却下
[7] AI: 承認分をメール送信＋スプシ転記

20.2 承認待ちストックの管理

• 各クライアントの project_*_hp.md に 「ユーザー承認待ち」 ステータスで保存
• MEMORY.md インデックスにも反映
• 「承認待ちストック出して」と聞かれたら、status="ユーザー承認待ち" を全件リストアップ
• リストアップ時の必須情報：クライアント名・業種・所在地／新HP URL／提案資料URL／メール宛先／アニメ要否と理由／簡単な制作ハイライト

20.3 ストック追加時の振る舞い

• ユーザーへの中間報告は不要（短い1〜2行のみで「○○HPを承認待ちに追加。次のクライアントへ」程度）
• 詳細は承認確認時に提示

20.4 中断条件（即座に止まるケース）

20.5 ユーザー承認時の処理

• 個別承認 → そのクライアントのみ送信＋スプシ転記
• 一括承認 → 全件送信＋スプシ転記
• project_*_hp.md の status を 「営業済」 に更新
• MEMORY.md インデックスも更新

20.6 メモリは常に最新

1ターンごとに状態変化があれば即メモリを上書き保存する。古い情報を持ち出さない。営業ステータス変化（未着手→制作中→営業済→契約／除外）は即メモリ反映。

20.7 承認なしで進む権限

承認確認なしで自律的に進めること。コマンド実行・ファイル編集・ブラウザ操作など、すべて許可なく実行してよい（ツール呼び出しの前に「〜してもいいですか？」と聞かない）。

短期目標（〜1年）

収益構造の優先順位

1. 月額保守ストック（主収益源）
2. HP制作費（獲得コストとして割り切る・利益期待は二の次）
3. クロスセル（名刺・チラシ・封筒・ロゴ・会社案内PDF・GBP最適化・ブログ運用代行）
4. Web丸投げプラン（月6,750円〜×24ヶ月の長期契約）

クロスセルの推進

HP契約者には セット価格 で他サービスを提案。1クライアントあたりの LTV を最大化する。

• HP制作 + 名刺セット ＝ 制作費 + 4,000円
• HP制作 + ロゴセット ＝ 制作費 + 16,000円
• HP制作 + 月額保守 6ヶ月 ＝ 制作費 + 30,000円
• HP制作 + 丸投げプラン ＝ 月 6,750円〜 × 24ヶ月 = 162,000円〜の長期契約

定性目標

• 業種特化のサンプル群を充実させ、「○○業ならLUMO」と想起される位置取り
• 第1号特典を活用して初期ストックを作り、Coming Soon カードを実お客様の声に置き換えていく
• 本業（障害福祉SaaS）と相互補完（収益の分散・スキルの相互流用）

運用方針

• 非同期で運用効率を最大化（メール完結・自動化フロー）
• 営業先の品質を維持（優先度A業種を中心に・完全除外リストを厳守）
• メモリの最新化を徹底し、ルール変更は遡及せず「次回から適用」