AIを使いこなして、営業に使えるLPを最速で作るための社内ナレッジをまとめました。
ターミナルで動くAIコーディングアシスタント。指示を出すと自分でファイルを読み書きし、外部サービスと連携して完成品を納品する。
ChatGPTやブラウザ版Claudeとは根本的に違う、「仕事をするAI」。
指示を出すと、自分でファイルを読み、コードを書き、コマンドを実行し、完成品を納品してくれる。「会話するAI」ではなく「仕事をするAI」。
拡張機能「Claude Code」をインストール → Cmd+Shift+P → 「Claude Code: Open」
| 操作 | やり方 |
|---|---|
| 指示を出す | 普通に日本語で打つ |
| ファイルを読ませる | このファイル読んで: src/index.ts |
| 画像を見せる | パスを貼る or ドラッグ&ドロップ |
| ツール実行の許可 | y で許可 / n で拒否 |
| 会話をリセット | /clear |
| 計画モードで相談 | /plan(実行せず計画だけ立てる) |
Claude Codeの最大の武器。プロジェクトのルート or 各フォルダに置くと、会話のたびに自動で読み込まれる。
プロジェクト概要、使うツール、禁止事項、ワークフロー、API情報など。
毎回同じ説明が不要に。新人に業務マニュアルを渡すのと同じ。
ルートに1つ + 各事業部フォルダに1つ。開いたフォルダのCLAUDE.mdが読まれる。
パスワード・個人情報・顧客の機密情報。Gitにコミットされるため、公開リポジトリでは特に注意。
MCP (Model Context Protocol) = AIが外部サービスのAPIを直接叩ける仕組み。
Web検索・最新情報の取得
下書きライティング・画像生成
スケジュール確認・予定作成
DB操作・ページ作成・検索
メール検索・下書き作成
デザインファイル読み取り
「Perplexityで競合調べて、Geminiで原稿書いて、Cloudflareにデプロイして」を1回の指示で全部やってくれる。人間はチェックと承認だけ。
Claude Codeに「専門家の知識」を追加できる仕組み。スラッシュコマンドで呼び出す。
| スキル | できること | 呼び出し |
|---|---|---|
| copywriting | CRO原則に基づくコピーライティング | /copywriting |
| ads-google | Google Ads 74項目監査 | /ads-google |
| ads-meta | Meta Ads 46項目監査 | /ads-meta |
| cro-optimization | LP改善提案 | /cro-optimization |
| seo-aeo-audit | SEO/AEO最適化 | /seo-aeo-audit |
| storybrand-messaging | 物語構造でメッセージング設計 | /storybrand-messaging |
新しいスキルを探す: /find-skills キーワード
インサイトラボのLP制作パイプライン。9フェーズで「1行の指示」から「公開済みLP」まで。
もみみん(釧路) — momimin-kushiro.pages.dev
リサーチから公開まで約43分。人間の作業は「確認してOK出すだけ」。
✘ 「いい感じにして」
✔ 「CTAの色を#D97706に、文言を"無料相談はこちら"に」
新しいルールが決まったら追記。チームの知見がAIに蓄積されていく。
大きなタスクの前に方針を確認。いきなり実行させると手戻りが多い。
違うと思ったらすぐ「それじゃなくて〇〇」。AIは怒らない。
「これ覚えておいて」で次回以降にも反映。好みや判断基準を学習させる。
「コミットして」「PRを作って」も対応。差分確認もやってくれる。
高CVR LPの設計原則と、インサイトラボの制作メソッド。
広告やSNSから来る人は「今すぐ解決したい」人。ホームページに飛ばすと迷って離脱する。LPは「1つの悩みに1つの解決策」を最短距離で伝えるページ。
ファーストビュー(スクロールしないで見える範囲)が全て。訪問者の73%はここだけ見て離脱する。
1秒で業種・サービスが分かるキャッチコピー
エリア名・年代・悩みが含まれている
CTAボタンがスクロールなしで見える
口コミ数・評価・実績が1つ以上ある
StoryBrand物語構造 × CRO原則。LPは「お店の紹介」ではなく「お客様の物語」。
キャッチコピー + 信頼数値 + CTA。5秒で「何を・誰に・なぜ」が伝わる
「こんなお悩みありませんか?」3〜5個。外的問題+内的問題(感情)まで言語化
店舗の特徴を3つ。「なぜこの店が解決できるのか」を数値付きで
STEP形式で視覚化。「行ったらどうなるか」の不安を解消
写真付き3〜4件。Google口コミの言葉をそのまま活用。捏造NG
顔写真 + 資格 + 経歴 + 想い。「誰が施術するか」で信頼が変わる
分かりやすい料金表。初回特典があれば強調
アコーディオン形式で5問。「でも…」という反論に先回り
Googleマップ埋め込み + 営業時間 + 最後の一押し
主人公(お客様)が悩みを持ち → ガイド(お店)が共感し導き → 行動した結果悩みが解決する。この物語を上から下に読む構造がLPの本質。
CTA(Call to Action)= 行動を促すボタン。LPの生命線。
売れるLPと普通のLPの最大の差。症状だけでなく「感情」まで書く。
「肩こりがつらい」
症状の説明だけ。「知ってるよ」としか思わない。
「また今日もつらいのか…と思う毎朝の憂鬱」
感情に触れる。「わかってくれてる」と感じて読み進める。
| 業種 | 外的問題 | 内的問題(感情) |
|---|---|---|
| 整体 | 腰が痛い | 「このまま悪化したらどうしよう」という不安 |
| 美容サロン | 肌荒れ | すっぴんに自信が持てない恥ずかしさ |
| パーソナルジム | 体重が増えた | 去年の服が入らない自分への嫌悪感 |
| スクール | スキルがない | 「今のままでいいのか」という焦り |
完成したLPを5つのペルソナ視点でセルフチェック。1人でも「離脱する」と思ったら修正。
スマホで3秒で判断。何屋か分かるか?
他店と並べて比較中。違いは明確か?
信頼ゼロ。証拠は十分か?
分からないと即去る。専門用語はないか?
「後で見よう」で消える。今動く理由は?
LP完成後、この5人になりきって読む。インサイトラボではPhase 4(編集長チェック)でAIが自動実行。
| 業種 | カラー軸 | FV必須 | 注意 |
|---|---|---|---|
| 美容サロン | ピンク(若年層)/ ベージュ×ゴールド(高級感) | キャンペーン + 予約 | 薬機法 |
| 整体・治療院 | グリーン×ネイビー | 院長の顔写真 | 医療法 |
| パーソナルジム | ダーク(男性)/ ライト(女性) | ビフォーアフター | 食事指導要否 |
| スクール | オレンジ×ホワイト | 「初心者○%」の数値 | STEP式カリキュラム |
9フェーズ・約43分でLP1本が完成。人間の作業は「Phase 5の確認」だけ。
| Phase | やること | 担当 | 時間 |
|---|---|---|---|
| 1 | 競合リサーチ・地域分析 | Perplexity + Claude | 5分 |
| 2 | ポジショニング・コンセプト設計 | Claude | 3分 |
| 3 | 原稿ライティング | Gemini | 3分 |
| 4 | 編集長チェック(CRO 13原則 + 5ペルソナ検証) | Claude | 3分 |
| 5 | 大西が確認・承認 | 人間 | 10分 |
| 6 | 画像生成 | Nano Banana Pro | 5分 |
| 7 | HTML実装 + SEO + 品質監査37項目 | Claude | 10分 |
| 8 | 提案ページ + 営業メッセージ | Claude | 3分 |
| 9 | Cloudflare Pagesにデプロイ | Claude | 1分 |
制作会社に頼むと2〜4週間 + 数十万円。インサイトラボでは1時間以内 + 全自動。
| テーマ | ポイント |
|---|---|
| Claude Code | ターミナルで動く「仕事をするAI」。CLAUDE.md + MCP + スキルで精度を上げる |
| ファーストビュー | 5秒で「何を・誰に・なぜ」+ CTAが見える |
| 黄金構成 | Hero → 悩み → 解決策 → 流れ → 声 → 紹介 → 料金 → FAQ → CTA |
| 内的問題 | 症状だけでなく「感情」まで言語化すると刺さる |
| CTA | 1段厳守 / 同じデザイン / 3箇所以上 / スティッキー |
| 制作フロー | 9フェーズ・約43分。人間は確認だけ |
質問があればいつでもどうぞ。
手を動かしたい人は、Claude Codeで /plan から始めてみてください。