ウェブサイト制作ヒアリングシート自動生成
営業・リード獲得Free
説明
ウェブサイト制作に必要な情報を5ステップで体系的にヒアリングするフォームを自動生成します。ビジネス理解、ターゲットとゴール、掲載コンテンツ(キャッチコピー・CTA・実績数字)、デザインの方向性(トーン・カラー・フォント・ファーストビュー・参考サイト・NGデザイン)、素材(ロゴ・写真・スクリーンショット添付)の5セクション28項目。実際のデザイナーがクライアントとの初回MTGで聞く内容を再現しており、回答が集まれば即座にデザインラフの作成に移れる精度の情報が揃います。
3ステップ
- 1
ヒアリングシート作成
5ステップ28項目のヒアリングシートフォームを作成
- 2
デザインカスタマイズ
フォーム自体のデザインをプロフェッショナルに調整
- 3
公開・共有
フォームを公開し、クライアントにURLを共有
プロンプト例
ウェブサイト制作用のヒアリングシートをFORMLOVAで作成してください。
以下の5ステップ構成で、マルチページフォームとして作ってください。
## フォーム設定
- タイトル: ウェブサイト制作ヒアリングシート
- 説明: サイト制作に必要な情報をお聞きします。ご記入いただいた内容をもとにデザインラフを作成しますので、できるだけ具体的にご回答ください。所要時間は約10分です。
- 言語: 日本語
- デザイン: 背景色 #FAFAF8、プライマリ #1A1A1A、アクセント #2563EB、フォント Noto Sans JP、角丸 6、余白 28
## Step 1: ビジネスについて(ページ 0)
- [statement] 「Step 1: ビジネスについて」説明: まずはあなたのビジネスのことを教えてください。サイトの土台となる情報です。
- [text/必須] 会社名またはサービス名
- [textarea/必須] 事業内容を一言で教えてください — 説明: 初めて会った人に30秒で説明するとしたら、どう伝えますか?
- [dropdown/必須] 業種 — 選択肢: IT / SaaS, コンサルティング / 士業, 小売 / EC, 飲食 / フード, 教育 / スクール, 医療 / ヘルスケア, クリエイティブ / デザイン, 不動産 / 建設, 製造 / メーカー, NPO / 社会貢献, その他
- [textarea/必須] 競合と比べたときの、一番の強み・違いは何ですか? — 説明: お客様があなたを選ぶ理由を教えてください。
## Step 2: ターゲットとゴール(ページ 1)
- [statement] 「Step 2: ターゲットとゴール」説明: 誰に向けたサイトで、見た人にどうなってほしいかを教えてください。ここが明確だと、デザインの方向性がブレません。
- [textarea/必須] メインのターゲットユーザーを教えてください — 説明: 年齢層、職業、役職、抱えている課題や悩みなど、具体的に書くほどデザインに反映できます。
- [dropdown/必須] サイトを見た人に最終的にしてほしいアクションは? — 説明: 一番重要なコンバージョンを1つ選んでください。選択肢: お問い合わせ / 相談予約, 商品購入 / 申し込み, 資料ダウンロード / ホワイトペーパー, 会員登録 / 無料トライアル, 来店 / 来場, 電話
- [textarea/必須] そのアクションを起こす「決め手」は何だと思いますか? — 説明: お客様が「ここにしよう」と決断する最大の理由を教えてください。これをサイトで最も目立たせます。
## Step 3: 掲載コンテンツ(ページ 2)
- [statement] 「Step 3: 掲載コンテンツ」説明: サイトに載せたい内容を教えてください。コピーや数字が具体的であるほど、完成度の高いデザインラフが出ます。
- [textarea/必須] キャッチコピー(ファーストビューの一言) — 説明: まだ決まっていなければ「伝えたいニュアンス」だけでも大丈夫です。
- [textarea] サブコピー(キャッチコピーを補足する2〜3行)
- [text/必須] CTAボタンの文言 — placeholder: 例: 無料で試してみる / まずは相談する
- [textarea] 掲載したい実績・数字 — 説明: 信頼感を生む具体的な数字があれば教えてください。
- [multi_select/必須] サイトに含めたいセクション — 選択肢: ヒーロー(キャッチコピー + CTA), 課題提起(ターゲットの悩み), 解決策(サービスの特徴), 機能紹介 / 3つの強み, 実績・数字, 料金プラン, 導入事例 / お客様の声, ご利用の流れ, よくある質問, チーム紹介 / 会社概要, ブログ / お知らせ, 最終CTA(ページ下部の行動喚起), お問い合わせフォーム
## Step 4: デザインの方向性(ページ 3)
- [statement] 「Step 4: デザインの方向性」説明: ここが一番大事です。ビジュアルの好みを教えてください。「こういう感じ」という画像があると精度が格段に上がります。
- [dropdown/必須] サイト全体の雰囲気 — 選択肢: モダン・先進的(テック企業、スタートアップ), 温かみ・親しみやすい(教育、福祉、地域密着), 高級感・洗練(ブランド、ハイエンドサービス), ミニマル・クリーン(余白重視、写真主役), 大胆・ダイナミック(スポーツ、エンタメ), 信頼感・堅実(金融、法律、医療)
- [text/必須] メインカラー — 説明: ブランドカラーがあればカラーコードを、なければ「青系」のように方向性だけでOK
- [text] サブカラー(あれば)
- [dropdown/必須] フォントの方向性 — 選択肢: ゴシック体(モダン、テック感), 明朝・セリフ体(格調、高級感), 丸ゴシック(親しみやすさ), 幾何学的サンセリフ(洗練、ミニマル), おまかせ
- [dropdown/必須] ファーストビューの構成 — 選択肢: 大きな写真 + テキストオーバーレイ, 左テキスト + 右画像(スプリット), イラスト + テキスト, テキスト中心(写真なし), 動画背景
- [textarea] 参考にしたいサイトやデザイン
- [textarea] これだけは避けてほしいデザイン
## Step 5: 素材とご要望(ページ 4)
- [statement] 「Step 5: 素材とご要望」説明: 最後に、お手元の素材と追加のご要望を教えてください。ロゴや写真があると、デザインラフの完成度が大きく上がります。
- [file] ロゴ画像 — 説明: PNG / SVG / PDF いずれかでお送りください。まだない場合はスキップしてください。
- [file] サイトに使いたい写真素材
- [file] 参考デザインのスクリーンショット
- [textarea] その他のご要望
作成後、プレビューURLを表示してください。
いいね
- ステップ
- 3ステップ
- 必要なプラン
- Free
- 必要な連携
- FORMLOVA