ホームページのデザイン方法：ワークシート付きガイド
明確な提案と次の行動を軸にホームページを設計。訪問者の3つの目的をセクションに割り当て、モバイル優先の設計図に沿って作成し、概要書と公開前後のチェックリストを使えます。
ホームページは、初めて訪れた人に、何をしているか、誰向けか、次に何をすればよいかを数秒で伝える必要があります。ページのほかの要素はすべて、この3つの答えを支えるためにあります。このガイドでは「Riverside Family Dental」という架空の歯科医院を例に、提案から設計図、完成した概要書まで順に進めます。
1. 明確な提案を1つ、次の行動を1つ
顧客に伝わる一文で提案を書きます。「Riversideの家族向け歯科医院。夕方の診療予約も可能です。」次に、最も促したい行動を1つ選びます。「診療を予約する。」
- 見出し（H1）で提案を伝えます。
- 主ボタン1つで行動を促し、ヘッダーとページ末尾に繰り返し配置します。
- 電話や道順などの補助的な行動も掲載できますが、主ボタンより目立たせません。
2. 訪問者の実際の目的3つをセクションに割り当てる
ホームページに訪れる主な理由を3つ考え、それぞれに答えるセクションを設けます。例の歯科医院の場合：
| 訪問者の目的 | 答えとなるセクション |
|---|---|
| 「必要な診療をしている？」 | 診療一覧：検診、小児歯科、緊急診療、ホワイトニング |
| 「都合のよい時間に予約できる？」 | 夕方の枠を含む診療時間、予約ボタン、利用可能な保険 |
| 「信頼できる？」 | 資格を記した歯科医師紹介、実際の医院の写真、実際のレビュー |
実際の目的に答えていないセクションは削除するか、別のページに移します。
3. モバイル優先の設計図
地域ビジネスでは、ホームページへのアクセスの大半がスマートフォンからです。まず狭い画面向けに設計します。
[ ロゴ ] [ 予約 ]
------------------------------------------
H1：Riversideの家族向け歯科医院
夕方の診療予約も可能
短い説明：新患歓迎。多くの保険を利用できます。
[ 診療を予約 ] 電話（タップして発信）
------------------------------------------
診療内容（短いカード4つ。それぞれ詳細ページへリンク）
------------------------------------------
診療時間＋所在地＋地図リンク
------------------------------------------
歯科医師の紹介（写真、氏名、資格）
------------------------------------------
レビュー（実際の投稿者、出典付き）
------------------------------------------
よくある質問（実際によく尋ねられる3〜5問）
------------------------------------------
[ 診療を予約 ] フッター：住所、電話、診療時間デスクトップでは同じ順序のまま複数列に広げます。セクションの順番は変えません。
4. 事実に基づく根拠を示し、架空の主張をしない
- 資格、営業年数、利用可能な保険、価格または「〜から」の価格など、具体的な事実を記載します。
- 実際に受け取ったレビューのみを掲載し、許可された氏名の表記と出典を使います。
- 裏付けのない「地域で一番」「第1位」などの主張は避けます。具体的な事実のほうが誇張表現より説得力があります。
- 可能な限り自分で撮影した写真を使います。地域ビジネスのホームページでは、見知らぬ人のストック写真が信頼を弱めます。
5. コピーして使えるホームページ概要書
ホームページ概要書
事業＋地域：
提案の一文（H1）：
主な行動（ボタンの文言）：
補助的な行動：
訪問者の目的1 -> セクション：
訪問者の目的2 -> セクション：
訪問者の目的3 -> セクション：
実際に提示できる根拠：
スタイル（2〜3語）：We.Incにこの概要書を最初の説明として貼り付けると、ビルダーがホームページのデザインを作成します。その後、クリックして編集できます。
公開前後のチェックリスト
- 見出しに事業内容と地域が書かれ、「ようこそ」だけになっていない。
- スクロールせずに見える位置に主ボタンが1つある。
- 各セクションが訪問者の目的に答えている。
- サービスから各サービスの詳細ページにリンクしている。
- 連絡先と営業時間が画像だけでなくテキストでも書かれている。
- ページタイトルと説明文が設定されている（ウェブサイトタイトルの例を参照）。
- 見出しや画像テキストの不足がなく、ウェブサイト評価ツールの確認を通過する。
作成を始める
ビジネスサイトのテンプレートから始めるか、We.Incのウェブサイトビルダーの仕組みをご覧ください。Freeプランではwe.incアドレスのテンプレートサイトを最大3つ利用できます。AIによる作成と独自ドメインはStarter（月額$20）から利用できます（料金）。ウェブサイト費用計算ツールで選択肢を比較できます。ホームページ設計の詳細は、ホームページのデザイン方法をご覧ください。
よくある質問
ホームページには何を掲載すべきですか？
事業内容と対象顧客を示す見出し、主な行動を促すボタン、主な訪問理由に答えるセクション（サービス、利用可能時間、信頼性）、連絡先、詳細ページへのリンクです。
ホームページの長さはどのくらいが適切ですか？
訪問者の主な目的に答えるために必要な長さにし、それ以上は増やしません。多くの小規模事業者では短いセクションを5〜8個設けます。
Riverside Family Dentalは実在の歯科医院ですか？
いいえ。架空の例で、掲載したデザインもWe.Incがプロンプトから制作した例です。
無料で始める · クレジットカード不要
製品
- AI ホームページ作成ツール：作りたいサイトを普段の言葉で伝えるだけで、数分で公開
- ホワイトラベル プラットフォーム：自社ブランド、自社ドメイン、自社の利益で運営
- エンタープライズ：SSO、個別の SLA、専任サポート
- 開発者向け API：自社の SaaS にサイト生成機能を組み込み
ご利用いただける方
- 制作会社・代理店向け：自社ブランドで再販
- フリーランス向け：自分ブランドのビルダーを持つ
- ホスティング事業者向け：サービスにビルダーを追加
- SaaS プラットフォーム向け：API でサイト作成を組み込み
- スタートアップ向け
- 金融サービス向け
- 医療・ヘルスケア向け