🚀 新規事業

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の実在企業情報は一切流用しない(著作権・信用リスク回避)
  • デザインの「ガワ」だけ参考にし、中身は完全オリジナル

関連ノート