設計・デザイン
ホームページ作成の目的・企画・要件定義
ホームページ作成では、デザインやツールを決める前に、目的、対象者、必要なページと機能、運用方法を整理します。企画と要件定義は、大規模サイトだけの作業ではありません。小規模なサイトでも、判断基準を一枚にまとめることで手戻りを減らせます。
企画で最初に決めること
目的
問い合わせ、予約、販売、会社案内、採用、広報、サポートなど、最も優先する目的を決めます。
対象者
誰が、どの場面で、何を知るためにサイトを見るのかを整理します。
期待する行動
問い合わせ、予約、購入、来店、応募、資料確認など、ページを読んだ後の行動を具体化します。
運用条件
予算、公開時期、確認者、更新担当、使える時間、保守方法を決めます。
設計・デザイン・機能のガイド
デザインの基本
色、文字、余白、写真、レイアウト、アクセシビリティの基本を確認します。
デザイン例・見本
参考サイトをそのまままねるのではなく、目的、情報の優先順位、導線を読み取ります。
テンプレート
無料・有料、編集性、ライセンス、SEO、スマートフォン表示から選びます。
必要な機能
問い合わせ、更新、予約、EC、会員、検索、外部連携など、目的に必要な機能を選びます。
スマートフォン対応
画面幅だけでなく、文字、画像、表、メニュー、フォーム、操作性を確認します。
問い合わせフォーム
必要項目、確認・完了画面、通知、迷惑送信、個人情報、安全性を確認します。
ホームページの主な目的
問い合わせ・予約を増やす
サービス内容、料金、実績、対応範囲、よくある質問、問い合わせ・予約方法を分かりやすく配置します。
商品・サービスを販売する
商品情報、価格、在庫、決済、配送、返品、法定表示、安全性を整理します。
信頼性と会社情報を伝える
会社・運営者情報、事業内容、実績、資格・許可、所在地、方針を確認しやすくします。
採用・広報・サポートに使う
求職者、取引先、既存顧客など、対象者ごとに入口と必要情報を分けます。
対象ユーザーと利用場面を整理する
年齢や属性だけでなく、どのような状況で、どの端末から、何を比較し、何を不安に感じるかを考えます。顧客、取引先、求職者など複数の対象者がいる場合は、優先順位を決め、ページを分けます。
要件定義で決める項目
ページ・コンテンツ
ページ一覧、各ページの目的、見出し、原稿・写真の担当、公開後の更新方法を決めます。
機能
フォーム、予約、決済、会員、検索、SNS、外部システム連携などを整理します。
デザイン
参考イメージ、ブランド、色、文字、写真、スマートフォン表示、アクセシビリティを整理します。
技術・安全性
作成方式、ドメイン、サーバー、HTTPS、バックアップ、権限、アクセス解析を決めます。
予算・日程・体制
初期費用、維持費、公開日、確認者、決定者、更新担当、外部依頼範囲を決めます。
企画書・要件定義書の基本構成
- サイトの概要
- 目的と期待する成果
- 対象者と利用場面
- サイト構成と掲載内容
- 必要な機能
- デザイン方針
- 技術・セキュリティ・運用
- 予算・日程・担当体制
小規模サイトでは、長い資料を作る必要はありません。決めた内容を一枚にまとめ、関係者が同じ前提で判断できる状態にします。
企画段階で避けたい失敗
- 目的よりデザインやツールを先に決める
- 対象者を広げすぎる
- 最初からページと機能を増やしすぎる
- 原稿と写真の担当が決まっていない
- 競合サイトの表現をそのまま転用する
- 成果指標をアクセス数だけにする
- 公開後の担当と費用を決めない
- リニューアルで既存URLを無視する
- 最終決定者が不明確
よくある質問
小規模サイトでも要件定義は必要ですか
必要です。ただし大規模な仕様書ではなく、目的、対象者、必要ページ、機能、予算、期限、更新担当を一枚にまとめる形でも構いません。
目的は複数設定してもよいですか
複数設定できますが、最優先の目的を決めてください。対象者や行動が異なる場合は、入口やページを分けます。
制作会社へ依頼する場合も自社で企画が必要ですか
すべてを確定する必要はありませんが、事業上の目的、対象者、事実、優先順位、予算、期限は依頼者側で整理します。制作会社は整理と具体化を支援できます。