Web制作を制作会社に依頼したとき、「今どの段階にいるのか」「次に何が来るのか」を知っていると、進行がスムーズになります。逆に把握できていないと、制作会社からの確認依頼に「何を決めればいいか分からない」という状態になりやすく、手戻りやスケジュールの遅延が起きやすくなります。
Web制作は、ヒアリング・提案から始まり、企画・設計、デザイン、開発・実装、テスト、公開・運用という流れで進みます。各工程で何が行われているか、発注側の担当者はどのタイミングで何を確認・決定すればよいかを把握しておくと、プロジェクト全体を適切にコントロールできます。
ここでは、各工程の内容と発注側の役割を合わせて解説します。
フェーズ1：ヒアリングと提案
制作の最初のステップは、制作会社との打ち合わせです。制作会社は「何のためにサイトを作るのか」「誰に向けて情報を発信するのか」「現状のサイトや競合との差別化ポイントは何か」といった情報を収集し、提案の骨格を組み立てます。
この段階で発注側が整理しておくとよい情報があります。
- サイトを通じて達成したいこと（問い合わせ増、採用強化、ブランディングなど）
- 現在のサイトの問題点や不満（あれば）
- ターゲットとなるユーザーの特徴
- 予算の感覚値と希望する公開時期
- 参考にしたいサイトの例
これらが言語化されていると、制作会社からの提案の質が上がります。「何でも提案してください」という状態より、課題と目標が明確なほうが制作会社も的確な提案を作りやすく、見積もりの精度も高くなります。
提案を受けたら、内容の確認と並んで「なぜそのアプローチを選んだか」を聞きます。制作会社の思考プロセスと自社の課題の理解度を確認できます。見積書の内容も工程ごとに分解して確認し、何が含まれて何が含まれていないかを明確にしておきましょう。
フェーズ2：企画・情報設計
契約が完了したら、プロジェクトが正式に動き始めます。まずキックオフミーティングを行い、スケジュール・体制・連絡手段・確認フローを共有します。
企画・情報設計フェーズでは、サイトの構成を設計します。具体的には、次の成果物が作られます。
- サイトマップ
- サイト全体のページ構成を一覧化したもの。どんなページが必要で、どういう階層・カテゴリーで整理するかを示す。発注側との認識合わせに使い、ここで合意してからデザインに進む
- ワイヤーフレーム
- 各ページの情報の配置と流れを示す設計図。デザインの前段階で、何をどの順番で見せるかを決める。ここで「このページにはCTAが必要」「この情報はここより上に出したい」という指摘をするのが最もコストが低い
- 仕様書
- 要件・機能・制作の前提条件をまとめた文書。後から「こういう機能が欲しかった」という追加要望が出た際の判断基準になる
ワイヤーフレームの確認は、発注側にとって最も重要な判断ポイントのひとつです。デザインが完成してから「このページの構成が違う」と気づいても、修正コストはワイヤーフレーム段階の何倍にもなります。ワイヤーフレームを受け取ったら、「各ページで訪問者に何を伝え、何をしてもらいたいか」という視点で確認しましょう。
フェーズ3：デザイン
ワイヤーフレームが確定したら、デザインに入ります。まず「トンマナ」と呼ばれるデザインの方向性（カラー・フォント・スタイルの傾向）を決めるための提案を受け、合意してから各ページのデザインカンプ（完成形のデザイン）を制作します。
トンマナの確認では、競合サイトとの差別化、ターゲットユーザーに与えたい印象、ブランドイメージとの整合性を軸に判断します。「なんとなく好き・嫌い」ではなく「このサービスを利用するユーザーに、このデザインは信頼感を与えるか」という視点で評価するのが適切です。
デザインカンプの確認では、視覚的な美しさだけでなく次の点も確認します。
- 最も伝えたいメッセージが最初に目に入るか
- CTA（問い合わせボタン・購入ボタン）が分かりやすく配置されているか
- スマートフォンでの表示も確認されているか（レスポンシブデザイン）
- フォントサイズが読みやすいか
修正の回数は契約で定められていることが多いため、「どこが気になるか」を具体的に言語化して伝えることが重要です。「なんとなくしっくりこない」という漠然とした感想より、「このボタンの色がブランドカラーと合っていない」「この余白が狭すぎて圧迫感がある」という具体的な指摘のほうが、デザイナーが修正方針を立てやすくなります。
フェーズ4：開発・実装
デザインが確定したら、コーディングと実装が始まります。この工程は制作会社側の作業が中心になり、発注側の確認作業は一時的に少なくなります。
主に行われる作業は次の通りです。
- デザインカンプをHTML・CSSでコーディング
- JavaScriptによる動的な機能の実装
- CMSの設定とテンプレートの実装
- フォーム機能の設置と動作確認
- コンテンツ（テキスト・画像）の入力・登録
この工程で発注側が行うべき主な作業は、コンテンツの準備と納品です。ワイヤーフレームの段階で各ページに必要な文章と画像の仕様が決まっているため、それに合わせて原稿と素材を揃えます。原稿の準備が遅れると開発が止まることがあるため、スケジュールを確認して早めに動き始めましょう。
開発中に「追加でこの機能も欲しい」という要望が出ることがあります。スコープ外の追加は追加費用と工期延長につながるため、変更前に制作会社に影響範囲を確認することが必要です。
フェーズ5：テストと品質確認
開発が完了したら、公開前のテストを行います。テストは制作会社側で行うものと、発注側（クライアント）が行うものがあります。
制作会社側では次のテストを実施します。
- 各ページの表示確認（PC・スマートフォン・タブレット）
- 主要ブラウザでの動作確認（Chrome・Safari・Firefox・Edge）
- フォームの送受信テスト
- リンク切れチェック
- 表示速度の計測と最適化
発注側（クライアント）が行う受け入れテストでは、ビジネス要件の充足を確認します。「当初の目的に対してこのサイトは適切か」「伝えたいメッセージが正しく伝わっているか」「誤字脱字はないか」「価格や住所などの情報が最新か」をチェックします。テスト環境（ステージング環境）が用意されている場合は、そちらで確認してから本番への公開を承認します。
テストで問題を発見した場合は、制作会社に「どのページの・どの要素が・どういう状態になっているか」を具体的に報告します。スクリーンショットと説明を合わせて送ると、対応がスムーズです。
フェーズ6：公開と運用
テストが完了し、発注側からの承認を得たら本番環境に公開します。公開直後に行うべき確認事項があります。
- 本番環境でのページ表示確認
- フォームの動作確認（実際に送信テストを行い、正しく届くか確認）
- Google アナリティクスとSearch Consoleの動作確認
- SNSでの表示確認（OGP画像とテキストが正しく出るか）
- サイトマップのSearch Consoleへの送信
公開はゴールではなく、運用の始まりです。アクセス解析でユーザーの行動を把握し、離脱の多いページや到達率の低いCTAを改善することで、サイトの成果が積み上がっていきます。
公開後の保守体制も確認しておきましょう。CMSの更新・バックアップ・セキュリティ対応を自社で担うか、制作会社に委託するかによって、必要な体制が変わります。更新担当者の確認と操作マニュアルの受け取りを公開時に行っておくと、運用がスムーズに始められます。
各工程で発注側が意識すること
プロジェクトを通じて発注側が押さえておくべきことをまとめます。
- ヒアリング段階で課題と目標を言語化しておく
- ワイヤーフレームの確認を丁寧に行い、大きな変更をここで出し切る
- 原稿と素材の準備はスケジュールを逆算して早めに始める
- 追加要望は都度ではなく、変更の影響範囲を確認した上で判断する
- テストは「使うユーザーの立場で見る」ことを意識する
制作会社との関係は、発注側が受け身になるのではなく、プロジェクトを共に進めるパートナーとして関与するほど良い成果につながります。「分からないことはそのままにせず聞く」「決定が必要なときは先延ばしにしない」という姿勢が、プロジェクトをスムーズに動かします。
まとめ
Web制作はヒアリングと提案から始まり、企画・設計、デザイン、開発・実装、テスト、公開・運用という流れで進みます。各工程で発注側が確認・決定すべきポイントを把握しておくことで、手戻りやスケジュール超過を防ぎ、意図したサイトが完成しやすくなります。工程の中で不明な点があれば、その都度担当の制作会社に確認することをためらわないでください。
無料相談のご案内
Web制作の進め方や各工程の内容でお困りでしたら、合同会社ギャラクタスにご相談ください。提案から公開・運用まで一貫して対応しており、各工程で発注側が何を準備すべきかも丁寧にご説明しています。「どこから始めればいいか分からない」という状態でも、現状のヒアリングから始められます。無料相談でご状況をお聞かせいただければ、貴社に合った進め方とプランをご提案します。
