Yoshiki Web Studio
HP制作から
営業までの進め方
候補探しから、デモ制作、提案、見積・合意まで
HP制作 1ヶ月伴走サポートHP制作から
OVERVIEW
候補探しから公開までの流れ
01候補を選ぶ比較されやすい事業かを見る
02公開情報を調べる事実と仮説を分ける
03デモを作る一枚で提案を見せる
04提案を送る窓口と時間を選ぶ
05聞いて合意する範囲を決めて見積へ進む
デモ完成から提案、合意までを続けて扱います。合意後は正式な内容で本制作し、動作を確認して公開します。
01 / PROSPECT
提案する相手を選ぶ
候補を見る観点
比較して選ばれるサービスか
実績・人柄・料金などをサイトで伝えられるか
公開情報から提案の入口が見つかるか
適切な連絡先が公開されているか
確認しておくこと
地域や既存のつながりを生かせるか
連絡手段の利用条件に合うか
すでに連絡した相手ではないか
評価点や「サイトが古い」だけで決めません。相手の事業と、サイトで補える役割を見ます。
EXAMPLES
候補になりやすい業種の例
工務店・リフォーム会社
施工事例、対応エリア、相談方法を比べられる。
整骨院・歯科医院
施術内容、初診の流れ、予約方法を伝えられる。
士業
対応分野、相談の進め方、人物像を見せられる。
不動産・葬祭業
料金や選択肢、相談前の不安を整理できる。
これは例です。自分が調べやすく、相手の強みをサイトで伝えられる業種を選びます。
02 / RESEARCH · 架空例：Aリフォーム
公開情報から、提案の材料を集める
架空設定の公開情報
Aリフォームの情報
那覇市周辺で水回りを改修。公式サイトには施工事例が3件あり、連絡先は電話のみ。
同業と比較して調べる
利用者が探す情報
事例の費用と工期、対応地域、相談から着工までの流れが見えるか。
こちらの提案
一枚の構成案
施工事例、対応地域、相談の流れを並べる。順番が適切かは相手に聞く。
Aリフォームは説明用の架空会社です。実際は出典を残し、未確認の数字・口コミ・写真を事実として載せません。リサーチ用プロンプトを見る
03 / DEMO SCOPE · 架空例：Aリフォーム
Aリフォームのデモで見せる範囲
一枚のデモに入れる
- 冒頭
「那覇市周辺の水回り改修」を示す - 施工事例の見せ方
写真は許可を確認し、まずは枠で配置 - 相談の流れ
仮案として示し、相手に確認する
受注後に確認する
- 正式な写真と実績
掲載の許可と説明文を確認する - 料金と工期
数字を推測で書かない - 問い合わせ先と更新
受信先と担当者を決める
Aリフォームは架空の例です。確認できない内容には「仮案」と明記し、相手の希望を聞いてから本制作の範囲を決めます。
04 / MAKE THE DEMO · 架空例：Aリフォーム
調査メモを制作指示に変える
01事実を渡す公開情報と出典をAIに渡す
02仮説を分ける事例→地域→相談の順は提案
03構成を作る一枚の見出しと順番を決める
04見た目を決める必要なら複数案を比べる
05実装・確認仮案表示とスマホ表示を確認
AIへの指示例
構成案：「公開情報は那覇市周辺・水回り改修・施工事例3件。実務では確認した公式URLも添える。事例→地域→相談の順で一枚の構成案を。出典のない施工事例の詳細や数字は作らず、未確認事項は仮案と記して。」
実装：「採用した構成案でスマホ対応の一枚を作成。写真・連絡先・料金は実データを入れず仮の枠にして。」
Aリフォームは架空の例です。画像案を作らず進めても構いません。公開情報の調査プロンプト
05 / READY TO SHOW
デモを見せる前に確認すること
URLが開き、スマホでも読める
社名・サービス・連絡先などの事実が正しい
その会社らしい強みが一つ入っている
社名・ロゴ・写真・口コミの使用許可を確認した
無許可の実名・連絡先・写真を公開デモに載せない
検索に表示しない設定と、削除依頼への対応を確認した
許可がない場合は架空名と権利を確認できる素材を使います。検索避けの設定だけでは転載の許可にはなりません。
06 / CONTACT
相手に合う連絡手段を選ぶ
メール
公開されている業務用メールアドレスへ送る。件名で用件が分かるようにする。
問い合わせフォーム
営業連絡を受け付けているか、案内や利用条件を確認してから使う。
公式SNSのDM
公式アカウントが連絡窓口として案内されている場合に使う。
相手が公開している窓口を使います。リベシティ内のDM営業は行いません。URLにプレビュー画像を添える方法は、結果を確かめながら使います。
07 / TIMING
送る時間を選ぶ
営業時間を見る
公式サイトやGoogleマップで、営業日と営業時間を確認する。
忙しい時間を避ける
予約、来店、現場作業が集中しやすい時間を避けて送る。
結果を残す
送信日時・手段・反応を記録し、自分の対象業種で確かめる。
電話、訪問、郵送も、地域性、費用、相手への配慮、利用ルールを確認して選びます。フォームの送信制限などは回避しません。
08 / MESSAGE
私が実践している営業文の組み立て
最初に書くこと
確認した一点
公開情報を見て、相手固有の内容に触れる。
次に書くこと
デモの説明
何を意図して作ったかを短く伝える。
続けて書くこと
提案の仮説
サイトで補えそうな役割を、断定せずに伝える。
最後に書くこと
見てもらう方法
URLと一枚のプレビュー画像を添え、次の行動を示す。
これは私が実践している例です。正解は一つではありません。相手の状況と自分の言葉に合わせて変えてください。成果の保証、根拠のない緊急性、相手の現行サイトを否定する表現は使いません。
09 / RECORD
少量ずつ送り、反応を記録して見直す
| 候補名 | 確認した事実・根拠 | 提案の仮説 | 送信手段・日時 | 到達・返信 | 面談・見積 | 次の判断 |
|---|---|---|---|---|---|---|
| 会社名 | URLと確認内容 | サイトで伝える強み | メール等／日時 | 送達・返信の状況 | 日付・内容 | 続ける／見直す |
最初の検証
まずは5〜10候補を一つの単位にして、文面・手段・送る時間を見直す。
見るべき結果
送信数だけでなく、到達、返信、面談、見積、受注のどこで止まったかを分けて見る。
10 / RESPONSE
返信が来たら、必要な範囲を聞く
現在の課題
今のサイトや発信で、何に困っているかを聞く。
制作の範囲
必要なページ、原稿・写真、予約や問い合わせなどを確認する。
公開後の運用
編集方法、更新の担当、名義、希望時期、予算を確認する。
デモを見せて終わりにせず、相手の要望を聞いてから、正式な制作内容を組み立てます。
11 / CATALOG
細かい質問には、見積カタログを使って説明する
商談用カタログの見せ方（例）
スマホ・タブレット対応 ?対応範囲を説明
問い合わせ方法 ?受信先と対策を説明
公開後の更新 ?担当と費用を説明
私のカタログは、項目名の「？」から説明を確認できる形です。掲載する項目、料金、対応範囲は商談前に見直し、正式な条件は見積書に記します。
12 / ESTIMATE
見積と条件を合意してから本制作へ進む
- 確認した内容を整理する ページ数、素材、機能、修正、公開後の更新を明らかにする。
- 見積と条件を文書で提示する 金額、含む作業、含まない作業、納期、修正、保守を分けて示す。
- 相手の合意を確認する 開始条件と担当を決め、合意後に本制作を始める。
デモの価格表をそのまま当てはめず、聞いた内容に合わせて決める
13 / PRODUCTION
合意後は、正式な内容で制作・公開する
原稿と素材を確定
掲載する文章、写真、実績、連絡先を相手に確認してもらう。デモの仮置きを残さない。
本番の動作を確認
スマホ表示、リンク、問い合わせの送受信、表示内容を実機で確かめる。
公開後を決める
ドメインの名義、編集権限、更新担当、保守の範囲を合意して引き渡す。
必要なページや機能、公開方法は見積時に決めた内容に合わせます。フォームの安全対策は実装内容を確認し、送受信テストまで行います。
SUMMARY
全体の流れをもう一度確認する
01候補を選ぶ比較される事業かを見る
02調べて作る公開情報から一枚のデモへ
03送る窓口と時間を選ぶ
04反応を記録する文面と手段を見直す
05聞いて合意する範囲を決めて本制作へ
デモは営業のための提案です。相手の要望を聞いて条件を決めたら、正式な原稿と素材で本制作し、確認して公開します。
CLOSING
次に進める候補
この資料を閉じる前に
次に進める候補を一つ決める
候補がまだない
調べやすい業種か既存のつながりから、候補を3件探す。
デモを作る
確認した事実をもとに、一枚のデモを作る。
提案を送る
窓口の条件を確認し、文面を見直す。
依頼を受けた
制作範囲と公開後の担当を文書で確認する。
面談では、作業中に迷ったところを持ち寄り、次の1件をどう進めるか整理します。