🚀 新規事業
2026-05-19_デモ制作ワークフロー
最終更新 2026年05月19日 / 40_新規事業/TERASU/2026-05-19_デモ制作ワークフロー.md
TERASU デモ制作ワークフロー
概要
TERASUの営業用デモサイトを量産するためのワークフロー。参考HPを送るだけで、同業種の架空クライアント情報を生成し、デモサイトを制作する。
制作フロー
Step 1: 参考HPを選定
- デザインの方向性として参考にしたいHPのURLを用意
Step 2: 架空ヒアリングシート生成(Claude Code)
以下の依頼文テンプレートを使用:
# 架空お客様ヒアリングシート作成依頼
下記の参考HPを見て、同じ業種の架空のお客様を1社設定し、
その会社が「TERASUにHP制作を依頼してきた」という体で、
ヒアリングシートを創作して出力してください。
## 参考HP(デザインの方向性=この業種)
URL: <参考HPのURL>
## ルール(厳守)
- 業種は参考HPと同じにする
- 会社名・理念・サービス名・事業内容・強み・代表メッセージは
すべて完全オリジナルで創作(参考HPの実在企業の情報は一切流用しない)
Step 3: HPテンプレート化(/hp-template スキル)
- 参考HPのURLを渡してテンプレート生成
- デザイン・構成・フォント = 100%再現
- テキスト = ダミー文字に置換
- 画像 = グレースロット化
Step 4: ヒアリングシート内容を流し込み
- テンプレートにStep 2の架空クライアント情報を流し込み
- レイアウトを一切崩さずにテキスト・配色のみ変更
Step 5: デプロイ
- Cloudflare Pagesにデプロイしてデモサイト公開
ポイント
- 毎回HPを送るだけでデモが量産できる仕組み
- 参考HPの実在企業情報は一切流用しない(著作権・信用リスク回避)
- デザインの「ガワ」だけ参考にし、中身は完全オリジナル