Yoshiki Web Studio
HP制作 1ヶ月伴走サポート|手順ガイド
受注までの全体像:リサーチ → 業種選定 → デモHP制作(AI) → 営業 → 受注。 配布資料の内容はそのままに、初心者でも迷わないようSTEP0〜11の順番に整理しました。
学習の進捗0 / 12 STEP 完了(0%)
受注までの流れ
ロードマップ(STEP0〜11)
上から順番に進めてください。各STEPのチェックを付けると進捗バーに反映されます。
STEP
0
0
全体像を理解する
受注までの流れ全体と、この教材の考え方をつかむ
STEP
1
1
業種を1つ決める
営業をかける業種を1つに決める
STEP
2
2
営業先を探す(リサーチ)
営業先候補を5件リストアップする
STEP
3
3
リサーチ用プロンプトで深掘り
候補会社をAIで網羅的に調べ、商談用の質問リストまで用意する
STEP
4
4
デモHP制作の2つの方法
デモHP制作の2つの方法の違いを理解する
STEP
5
5
Claude Design方式で作る
Claude Design方式でデモHPの叩き台を1日で作る
STEP
6
6
画像生成方式で作る
画像生成方式でデモHPを作り、2方式を体感で比べる
STEP
7
7
「その会社専用」に仕上げる
デモHPをテンプレ感ゼロの「その会社専用」に仕上げる
STEP
8
8
Cloudflare Pagesで公開
デモHPを公開URL化し、営業に持っていける状態にする
STEP
9
9
価格プランを決める
提示する3つの価格プランと「お約束」を固める
STEP
10
10
営業文を作って送る
刺さる営業文を作り、正しいタイミング・経路で送る
STEP
11
11
商談〜受注
反応後の動き方と商談台本をおさえ、受注につなげる
配布プロンプト
リサーチ用プロンプト
営業先候補の会社を AI に対話形式でヒアリングしながら網羅的に調査する固定プロンプト
営業文用プロンプト
デモHP URL を活かして温度感ある営業文を AI に書いてもらう固定プロンプト
営業管理ツール
営業管理ツール(無料・自分用に設置)
下門が実際に使っている営業管理ツールのテンプレート。優先度A/B/C・ステータス(未着手〜受注)・接触履歴・月額保守料(MRR)管理・CSV取込まで。「Use this template」で自分の GitHub にコピー → 自分の Cloudflare に設置して使えます(手順は README に同梱)。※顧客情報を扱うため、公開前に Cloudflare Access の設定を必ず行ってください。
💬 困ったとき・質問したいとき
資料を読んで分からない点・実際に手を動かして詰まった点があれば、お気軽にどうぞ。
リベシティ専用チャットルーム(推奨)受講生同士のナレッジシェアの場・平日24時間以内に下門が返信→DMのみ ─ @よしき@動画編集×Claude活用個別案件や緊急の相談(営業文添削・制作物レビュー等)→❓ よくある質問(FAQ)
いいえ。元サイト(Yoshiki Web Studio の配布資料)に書かれている内容はそのままで、順番と見せ方だけを「STEP0〜11」に整理しています。
STEP0(全体像を理解する)から順番に進めてください。左メニューまたはロードマップから各STEPに移動できます。
元資料で「公開予定」とされているページ(解説動画など)は、まだ作成中です。クリックするとページ下部の「準備中コンテンツ一覧」へ移動します。完成し次第、通常ページとして公開されます。
はい。各STEPのチェックリストはお使いのブラウザに保存され、次回アクセス時も維持されます(端末・ブラウザごと)。