1. 概要(Executive Summary)
スタートアップホームページは会社紹介資料ではなく 3種類の訪問者を同時に相手とする営業窓口です。顧客は「この製品が私の問題を解くのか」を、投資家は「このチームがこの市場で勝てるのか」を、入社志願者は「ここで働けば成長できるか」を確認しに来ます。 3つの質問のいずれかが答えが空であれば、そのオーディエンスは静かに離脱します。
必須ページから答えると七つです。 ホーム、製品・サービス、会社紹介・チーム、顧客事例、採用、ブログ・リソース、お問い合わせ。 ただ、創業初日から七つをすべて揃える理由はありません。ワンページから始めて会社が大きい速度に合わせて広げる方がコストも、管理負担もずっと軽いです。
この記事では、3つのオーディエンスがそれぞれどのページで何を見るのか、最初の画面1行(バリュープロポジション)をどのような公式で使うのか、信頼要素をどこに置くのか、そして段階的にどのように拡張するかを順に取り上げます。
コアメッセージ
大企業のホームページは、すでに知っているブランドを再確認する空間です。スタートアップのホームページは異なります。 初めて聞く会社を15秒以内に信じさせなければならない空間です。
そのため、設計基準が反転します。 「私たちが言いたい言葉」ではなく、「訪問者が確認しに来たもの」から配置しなければなりません。
2. スタートアップホームページの三重オーディアンス
スタートアップホームページの訪問者は大きく3人です。製品の導入をスケールする 顧客、投資を検討中 投資家、離職に悩む 才能。 3人は同じ住所に入り、まったく異なるものを見ます。この違いを知らずに作ったホームページは、通常「私たちの会社沿革」で始まり、3人すべてを退屈にさせます。
2.1 顧客は製品価値を見る
顧客が最初の画面で確認したいのは、 「これが私の問題を解くものか」です。判断は速いです。見出し1行と最初のスクリーンショットを見て、スクロールするか戻るを押すかを決定します。
スクロールした顧客が次に探すのは3つのことです。私と似た会社がすでに使っているか(顧客事例)、価格がどれくらいか、問い合わせはどこにするのか。この銅線に壊れたものがある場合、遷移はそこで停止します。
2.2 投資家は市場・チーム・トラックを見る
審査役はミーティング前にIR資料よりホームページを先に開いてみることが多いです。確認ポイントは3つ、 市場(どんな問題を狙うか)、チーム(誰がするか)、トラクション(実際に転がっていくか)です。
ここで頻繁に飛び出す事故はメッセージの不一致です。 IRデッキには「B2B SaaS」と書いて、ホームページは消費者向けアプリのように話していると、審査役はチームの整列状態から疑います。チームページがまったくないか、ブログが1年目停止しているのも同じ信号で読まれます。
2.3人材は文化とビジョンを見る
応募者は採用公告を見た後、必ずホームページに立ち寄ります。年俸テーブルは公告にあるので、ホームページで探すのは違うものです。 この会社がどこに行こうとしているのか(ビジョン)、どんな人と働くのか(チーム)、会社が今生きているのか(ブログの最新投稿日)。開発者なら、技術ブログの記事レベルまで見てください。
| オーディエンス | 訪問ゲージ | 頭の中の質問 | 主に見るページ |
|---|---|---|---|
| 顧客 | 検索、広告、知人のおすすめ | 「私の問題を解決する製品なのか?」 | ホーム、製品・サービス、顧客事例、お問い合わせ |
| 投資家 | ミーティング前の事前レビュー、ディルソーシング | 「このチームはこの市場で勝つことができますか?」 | 会社紹介・チーム、顧客事例、ブログ |
| 才能 | 採用発表、コミュニティ、おすすめ | 「ここで働けば成長できますか?」 | 採用、会社紹介・チーム、ブログ |
では、最初の画面は誰の基準で作成する必要がありますか? お客様です。 3人の中で最も急いで最も簡単に去る訪問者だからです。投資家と人材は目的を持ってきたので、メニューから自分のページを自分で見つけていきます。最初の画面は顧客に提供し、残りの2つのオーディエンスには2つのクリックで到達する専用ページを保証するだけです。
3. 必須ページの構成
会社のホームページに必要な必須ページは7つです。ページ数自体が重要ではなく、下表の 役割このどこかに存在しなければならないという意味です。 2つの役割を1つのページにまとめるのは大丈夫ですが、1つの役割が丸ごと抜けた場合は、特定のオーディエンスを1つ失います。
| ページ | メインオーディエンス | 重要な役割 |
|---|---|---|
| ホーム | 3つすべて | 15秒以内に「何をする会社なのか」伝え、各オーディアンスをサブページに分岐 |
| 製品・サービス | 顧客 | 機能リストではなく、「導入すると何が変わるのか」 説明、価格案内、お問い合わせ銅線 |
| 会社紹介・チーム | 投資家、人材 | ミッションと「なぜこの問題を解くのか」、創業者・核心メンバーの履歴 |
| お客様事例・リファレンス | 顧客、投資家 | 実際導入結果の証明、トラクションの証拠 |
| 採用 | 才能 | オープンポジション、作業方法、サポート手順 |
| ブログ・リソース | 3つすべて | 会社が生きているという信号、検索・AI推薦流入の玄関 |
| お問い合わせ | 顧客 | 移行が実際に起こる点、できるだけ短いフォーム |
どのページから作成する必要がありますか?
順序は ホームとお問い合わせがまずです。この二人がいなければホームページではなくチラシです。その後が製品・サービス、その後が会社紹介・チーム。顧客事例は無理にするのではなく、最初の事例が生じる日にすぐに載せるページで、採用とブログは人を抜き始める時、コンテンツを積み重ね始める時にそれぞれ開くだけです。
ページが1つ増えたときに見積もりがどのように動くか ホームページ制作コスト構造 文で別々に扱いました。結論だけを移すと、ページ数より「ページごとにデザインが違うか」がコストを左右します。
会社紹介ページ、沿革一覧で埋めない理由
「2024年3月法人設立、2024年9月シード投資誘致…」 こういう年表は誰も読みません。投資家と志願者が実際に読むのは2つのことです。 創業者がなぜこの問題に飛び込んだのかと コアメンバーがどんな履歴を持っているか。 前職場でこの問題を直接経験したという一段落が、沿革の列よりも力強いです。沿革はその下に折りたたんでください。
お問い合わせフォームは3つのスペースで十分です
お問い合わせページから氏名、会社名、役職、電話番号、メール、予算、導入予定時期までお問い合せいただくと、作成途中に離脱します。 名前・連絡先・お問合せ内容、三箇所で十分です。 残りは最初のミーティングで聞いてください。
フォームの下に「営業日基準1日以内の返信」のように回答の約束を1行書き留めておくと、提出負担がもう一度減ります。もちろん、その約束は守らなければなりません。
4. メッセージ設計: バリュープロポジション
最初の画面の1行は公式で書かれています。 「[誰]の[ある問題]を[どのように]解決する。」 セカンが満たされた文章がバリュープロポジションです。これらの行が空の場合、デザインがどんなに好きでも、訪問者はスクロールしません。
なぜ「革新的な解決策」は失敗するのですか?
最初のスタートアップホームページの半分は、最初の画面に「イノベーション」、「リード」、「最適化されたソリューション」などの言葉です。問題は、これらの言葉 どの会社に持って貼っても言葉になるは点です。訪問者は自分の問題を指す単語を見つけに来ましたが、画面には誰の問題でもない単語だけが浮いているので、3秒で去ります。
公式の3つの部分を埋める方法
- 誰: 絞り込むほど強くなります。 「すべての企業」ではなく、「従業員50人未満のメーカー」、「ショッピングモールCSチーム」のように。ターゲットではない人が去るのは損害ではありません。どうせお客様じゃなかったからね。
- いくつかの問題: 顧客が実際に書く言葉で書く。内部用語(「オムニチャンネルコマースイネーブルメント」)ではなく、顧客の入末(「注文はチャンネルごとに散らばって決済が地獄です」)から出発します。
- どのように: 差別点を一つだけ選びます。速い、安い、自動です、三つ言うと、一つも記憶に残りません。
Before / After
Before: 「革新的なAI技術でビジネスのデジタル転換をリード」
After: 「ショッピングモールCSチームの繰り返し問い合わせ、AIが先に応対します」
After には、誰(ショッピングモール CS チーム)、問題(繰り返しの問い合わせ)、解決策(AI ファーストレスポンダー)が 1 行に含まれます。 Beforeを読んだ訪問者は何も知りませんが、Afterを読んだCSチームリーダーは「これは私たちの物語だ」と感じるでしょう。
サブコピーとCTAボタン
見出しの下のサブコピーは具体性担当です。見出しが約束の場合、サブコピーは根拠です。 「繰り返し問い合わせの数%をどのように処理するのか」を1、2行で支えます。
CTAボタンのフレーズは「詳細」を避けてください。押したときに何が起こるかボタンに書くのが原則です。 「無料で始める」、「デモを申請する」、「導入に問い合わせる」のように、アクションと結果が表示されるフレーズがクリックを作成します。ボタンは最初の画面に1つだけです。複数の場合、優先順位はぼやけます。
5. 信頼要素の配置
初めて聞く会社の自己紹介は、誰もそのまま信じません。信頼できるデバイスは信頼要素であり、種類は4つあります。 顧客ロゴ、数値トラクション、報道・受賞、認証・セキュリティ。 何を持っているのかほど、どこに置くかが転換を分けます。
- 顧客のロゴ: 最も力が強い要素です。ヒーローセクションの真下にロゴベルトで5~8個を置くのが定石です。訪問者が知っている1つのロゴが長い説明の列行に代わる。ただし、掲載前に契約書のロゴ使用条項を必ずご確認ください。
- 数値トラクション: 累積処理件数、使用企業数、維持率のように検証可能な数だけ書き込みます。 「基準:2026年2月」のように視点を併記すると、信頼が一段階上がります。
- 報道・受賞: メディア報道、政府支援事業選定、受賞履歴。ホームにはロゴや1行だけが公開され、詳細はニュースページに渡されます。
- 認証・セキュリティ: ISO 27001、ISMSなどのセキュリティ認証やベンチャー企業の確認など。 B2B SaaSなら装飾ではなく、顧客会社のセキュリティ審査を通過するための実務要件です。フッターとお問い合わせページの近くに配置します。
配置原則は一つです。 訪問者が疑う瞬間ごとに根拠を与えること。 ヘッドラインを読んで「本当に?」という気がする地点(ヒーロー直下)にロゴベルトを、価格を見て躊躇する地点にお客様の後期を、フォームを前に置いて躊躇する地点に認証マークを置く式です。
まだ立てるロゴがないなら?
初期のチームのほとんどがここで詰まっています。代替案があります。ベータテスター数や待機リストの規模もトラクションであり、パイロット顧客の後期を「国内中堅物流会社物流チーム長」のように匿名表記で載せる方法もあります(表記方式はお客様と合意する必要があります)。創業者の元職場履歴、デモ映像、詳細な技術ブログも初期段階の信頼資産です。要するに、ロゴがなければ 人と製品で証明できます。
膨らんだ数字は必ず戻ってくる
導入検討が真剣になると、顧客会社はリファレンスコールを回し、投資が真剣になると実写が入る。ホームページの数字はその時全部照合されます。 膨らんだ数字の1つがバラバラになると、残りの本当の数字まで疑われます。
数字が小さいと小さい通り更新日と一緒に正直に書くほうが、長く見ると唯一残る戦略です。
6. 成長段階別拡張ロードマップ
結論から。 最初はワンページで始まり、ページは会社が大きくなっただけに増やします。 プレシード段階で7ページのサイトを作成すると、埋める内容がなく空白ページができ、空白ページはありません。 「顧客事例:準備中です」というページが訪問者に与える印象を思い出してください。
| ステップ | サイトの構成 | この段階の目標 | ホームページ1ランク |
|---|---|---|---|
| MVP・フリーシード | ワンページ(ヒーロー+商品概要+チーム+お問い合わせフォーム) | 仮説検証、初めての顧客確保 | バリュープロポジション一行とお問い合わせ銅線 |
| PMFエクスプローラ(シード) | ホーム・製品・問合せ分離+初の顧客事例 | 繰り返し使用・再購入証明 | 顧客事例1件(広告よりも多い) |
| シリーズA前後 | + 会社紹介・チーム、採用、ブログ | 投資誘致、採用拡大 | チームページと採用ページの整備 |
| 成長期 | +リソースハブ、必要に応じて多言語 | インバウンド・ブランド強化 | コンテンツ運営体系(担当者・サイクル) |
ワンページには何を入れますか?
上からこの順序です。 バリュープロポジション→製品のスクリーンショットまたはデモ→信頼要素→チーム→お問い合わせフォーム。 注目すべき点は、このスクロールシーケンスが後でサイトを分離するときにそのままメニュー構造になるということです。ワンページの段階で順番をきちんとつけておくと、拡張するときに乗り換えることがありません。
いつページを分割するのですか?
信号は3つあります。ワンページスクロールが長すぎて問い合わせフォームまで届く人が減った時、顧客事例が二件をめくって独立ページにまとめる材料ができた時、そして採用を始める時。 3つのうちの1つがかかると、分離する時が来たのです。
拡張時点は、通常外注製作を検討する時点でもあります。企業を選ぶ基準と避けるべき契約条件は、 Webエージェンシー選定ガイドに別々にまとめました。
7. 結論とチェックリスト
スタートアップホームページ設計を一文に減らせばこんな感じです。 最初の画面は顧客基準で作られ、投資家と人材が探しているページを欠かさず、会社が大きい速度に合わせて広がる。
今ホームページがある場合は、下記6項目で確認してみてください。新しく作っているなら、企画書の横に置いて一つずつ消していけばいいです。
- バリュープロポジション: 一画面一行が「[誰]の[問題]を[どのように]」公式に当てはまるか
- オーディエンス銅線: 顧客・投資家・人材がそれぞれ探すページに2クリックで届くか
- 信頼要素: ロゴ・数値・報道・認証のうち少なくとも2種類が最初のスクロール内に見えるか
- お問い合わせフォーム: 入力欄が3つ以内で、モバイルから提出まで目詰まりがないか
- サバイバルシグナル: ブログ・ニュースの最新文が3か月以内か(止まったブログは止まった会社で読む)
- 空のページゼロ: 今段階で埋められないページを作成していませんか?
最後に一つだけ。ホームページは作って終わる成果物ではなく、会社のように育つ資産です。顧客事例が生じたらその日上げ、チームメンバーが合流したらその週にチームページを修正してください。訪問者は、ホームページの更新速度から会社の速度を読みます。