Web制作会社が顧客向けデモページを見込み客に限定共有する方法

この業種で起きる共有課題

Web制作会社が顧客向けデモページを共有するとき、最も困るのは「URLを他の制作会社にも見せた」と後から知らされるケースです。競合他社にデザインやコードの構成を参考にされると、提案の差別化ポイントが失われます。コンペ期間中だけアクセスを有効にする有効期限設定と、特定の担当者だけに認証を限るメール認証の組み合わせで、このリスクを大幅に下げられます。

スマートフォンで閲覧するクライアントが多い中、デモページのレスポンシブ対応が不十分だと第一印象でマイナスになります。PCデザインを優先して制作したHTMLを送る前に、Chrome DevToolsのモバイルエミュレーターでiPhone 14とGalaxy S23の画面サイズを確認し、折り返しやフォントサイズに問題がないかをチェックしてください。

• 相手がログインなしで開ける状態か確認する
• PCとスマホで最低1回ずつ表示を確認する
• 内部情報・個人情報・不要な外部送信が残っていないか見る
• レビュー期限と修正時の差し替え方を決めておく

共有前に隠すべき情報

デモページのHTMLには、制作に使ったフレームワークのバージョン情報やビルドツールの設定ファイルパスがコメントに残ることがあります。技術スタックの詳細を競合に知られると模倣されやすくなるため、`<!-- Built with Next.js 15.2 / tailwind 4.0 -->`のような記述は削除してからクライアントに送付してください。

デモページに使用している仮のコンテンツ（フリー素材サイトの画像URL・サンプルテキスト）が実際の成果物と混同されないよう、「ダミーコンテンツ使用箇所」の一覧をメールの別紙として添付することを推奨します。クライアントがサンプル画像を自社の制作物として誤解してしまうトラブルが実際に発生しています。

おすすめ認証方式

顧客向けデモページでは、見込み客担当者1〜2名のメールアドレスを指定するメール認証が最も効果的です。相手が認証を通過した時点で「このデモを見た」という記録になるため、後の商談で「確認されましたね」と話を進めやすくなります。認証ログを活用した営業フォローアップも可能です。

コンペに参加している場合や提案期間が明確な場合は、提案期限に合わせた有効期限を設定してください。締切後にページが自動で閉じることで、「期限内の決断を促す」心理的効果も生まれます。受注後は認証設定を変えて制作フェーズのコミュニケーションURLとして再利用することもできます。

• 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
• 特定の相手だけ: パスワードまたはメール認証を使う
• 会社内だけ: 会社ドメイン認証を検討する
• 短期レビュー: 期限を設定して古いURLを残さない

送付文面とレビュー回収

デモページの送付メールでは、URLを送るだけでなく「どこを見てほしいか」の操作ガイドを3ステップで書いてください。「①トップページのアニメーションを最後まで見る、②スクロールしてサービス一覧セクションのホバー演出を確認する、③スマートフォンでも開いてフォームの入力しやすさを確認する」のように具体的な操作を示すと、見てほしいポイントが確実に伝わります。

フィードバックは選択式で回収すると集まりやすいです。「①このデザイン方向性で進めたい、②一部修正の上で進めたい、③別方向を検討したい」の3択に加えて、コメント欄を設けたフォームをメールに添付すると、担当者が手軽に返答できます。「特によかった点を教えてください」という質問を入れると、商談でのトークネタも得られます。

• 確認してほしい観点を3つ以内に絞る
• 期限と返信先を明記する
• 修正後も同じURLで見られるか伝える
• 最終版と途中版が混ざらないようタイトルを付ける