ホームページ制作の流れは何から始まる？相談から公開・運用までの進め方

ホームページ制作の流れは、原稿や写真をすべてそろえるところから始まるわけではありません。最初に共有するのは、「なぜホームページが必要なのか」「今どこで困っているのか」「いつ頃から使いたいのか」「まだ何を決められていないのか」という四つ。そこから相談、企画と範囲決定、構成と素材準備、デザインと実装、確認と公開、運用へ進みますが、順番を決める基準は後戻りの影響の大きさです。

初めて外注する場合も、工程名を暗記する必要はありません。押さえたいのは、制作会社が手を動かす時間と、自社が内容を確かめて決める時間が交互に来るという構造。全体の流れと各工程の判断事項が見えていれば、原稿や写真が未完成でも、先に進める作業と待つべき作業を切り分けられます。

ホームページ制作は「目的と未決定事項の共有」から始まる

相談前に完成した企画書やサイトマップは不要です。ページ数やデザインを先に固定するより、ホームページを作ろうと思ったきっかけを言葉にする方が、制作の入口として役立ちます。たとえば「紹介を受けた人が事業内容を確認できる場所がない」「電話で同じ説明を繰り返している」「古い情報が残り、案内に使いにくい」といった現在の困りごと。

次に考えるのは、ホームページを見た人に何を理解してほしいか、どの行動へ進んでほしいかです。「サービスの対象を知ってほしい」「相談前に料金の考え方を確認してほしい」「電話ではなくフォームから連絡してほしい」のように事業上の変化へ置き換えると、必要なページや導線が見えてきます。反対に「アクセス数を増やす」「見栄えを良くする」だけでは、完成後の評価が曖昧なまま。目的は、公開後の判断に使える言葉で置くのが基本です。

未決定事項も、隠さず相談材料に含めます。写真を撮るか手元の画像を使うか、文章を誰が書くか、予約機能が必要か、公開日と内容の充実のどちらを優先するか——どれも相談前に片づける宿題ではなく、制作範囲と進め方を決める論点。「未定」で止めず、迷っている理由と決める期限まで添えれば、先に動かせる作業が見えてきます。

最初の相談メモは、次の五つで十分。

• ホームページが必要になったきっかけ
• 主に見てほしい相手と、伝えたいこと
• 見た人に取ってほしい行動
• 公開を希望する時期と、その理由
• 現時点で決まっていないこと

このメモは発注内容を確定する書類ではありません。制作会社と話しながら、調査が必要なこと、自社で決めること、提案を受けて選ぶことへ分けるための出発点になります。

相談から公開までは、決める順番をそろえて進める

ホームページ制作会社によって工程名や区切り方は異なります。発注側から見れば、相談・目的整理、企画・範囲決定、構成・制作・実装、確認・公開・運用の四区分が分かりやすい整理です。区切りごとに変わるのは、「次へ進むために何を決めるか」という判断の焦点。

相談・目的整理では、作る理由と現在地を共有する

初回の相談では、事業内容、現在の案内方法、困っていること、ホームページを使いたい時期などを共有します。既存サイトがあるなら、残したい情報、困っているページ、管理状況も確認対象。制作会社が知りたいのは完成形の細かな指定より、なぜ制作が必要になったのかという背景です。

発注側は、確定している事実と希望を分けて話します。「開業日は決まっている」は事実で、「その日までに全ページを公開したい」は希望。希望どおりの進め方が難しくても、会社案内と問い合わせ先を先に整える、撮影が必要なページを後から追加するといった別案なら、目的を保てる場合があります。事実・希望・未決定を混ぜないことが、現実的な提案を受ける土台です。

相談の終わりに決めたいのは、サイトの完成形ではなく次に確認する項目。制作会社が調べること、自社が持ち帰ること、次回までに選ぶことを分け、担当者と期限を置きます。ここが明確なら、一度の打ち合わせで答えを出し切れなくても制作は止まりません。

企画・範囲決定では、見積もりの前提と役割をそろえる

相談内容を基に、誰に何を伝えるか、必要なページ、問い合わせまでの流れ、必要な機能、制作後の更新方法を整理します。ここで決めるのは単なるページ数ではなく、各ページの役割。会社案内、サービス紹介、実績、よくある質問のいずれも、何を判断してもらうページかによって、必要な原稿や写真が変わります。

見積もりや提案では、完成物と役割分担をセットで読みます。原稿作成、写真撮影、ロゴ調整、フォーム設定、既存サイトからの移行、公開後の更新について、制作費に含まれること、自社が行うこと、別途相談になることを一続きで確認するのが要点。未確認の項目を残すなら、誰がいつ確かめるかに加え、結果によって費用や日程が変わる可能性まで共有しておきます。

選択肢が複数ある場合は、機能の多さだけで比べないこと。今の目的に必要な範囲、公開後に自社で扱える範囲、後から追加しても支障のない範囲へ分けると、初回公開に含めるものが見えてきます。見送った内容も消さず、再検討する条件と一緒に残します。

構成・制作・実装では、内容の順番を画面へ移す

構成で扱うのは、サイト全体のページ関係と、一つのページの中で情報を見せる順番です。最初から色や装飾を選ぶのではなく、初めて見る人が何を知り、どこで不安になり、どの情報があれば次へ進めるかを並べる段階。構成案やワイヤーフレームは完成デザインではなく、情報の過不足と導線を確かめる設計図です。

原稿や写真は、構成と並行して準備します。制作会社が文章を整える場合でも、サービスの対象、提供条件、料金、営業時間、実績などの事実確認は自社の役割。一方で、見出しの付け方や説明の順番、読みやすい表現まで発注側が一人で完成させる必要はありません。どこまで支援対象にするかを決めることが、役割分担の要点になります。

デザインは、好みだけでなく目的に照らして確認します。「落ち着いた印象にしたい」「専門性を伝えたい」という方向性と、主要なサービスが見つけやすいか、問い合わせ方法が分かるか、写真が内容を正しく伝えているかという機能を分けて見るのが確認の軸。修正の理由が明確なら、直し方を細かく指定できなくても、制作会社から目的に合う案を受け取りやすくなります。

方向が決まったら、確定したデザインと機能要件を基に、ブラウザで表示・操作できる実装へ移ります。この後でページ構成や主要機能を変えると、複数の画面やテスト項目へ影響が広がるため、確認するのは変更の可否だけではありません。費用と日程、どこまで戻る変更なのかを見たうえで判断する段階です。

確認・公開・運用では、使える状態と担当を確定する

実装後は、見た目だけでなく内容と動作を確認します。会社情報やサービス条件、スマートフォンでの読みやすさ、リンクやフォームの動作、問い合わせの到達先、公開対象外の仮情報まで、一つずつ点検。発注側が判断するのは「何となく完成に見えるか」ではなく、当初の目的と仕様を満たし、事実として公開してよい状態かどうかです。

公開作業では、公開日時、既存サイトの扱い、ドメインや各種アカウント、公開後の連絡体制をそろえます。直後に修正が必要になったときの窓口まで決めておけば、問い合わせ先の誤りや表示上の問題にも動きやすくなります。その先に続くのが、古くなる情報を直す更新、表示や送受信を保つ技術的な保守、読者の反応を受けて説明や導線を見直す改善。

工程ごとに発注側が決めることは違う

制作会社へ外注しても、事業についての判断まで外部へ渡すことはできません。ただし、発注側がデザインやシステムの専門的な解決方法まで考える必要もないでしょう。自社は目的、事実、優先順位、公開可否を持ち、制作会社はそれを伝わる構成や画面、機能へ変換する——この分担が基本。丸投げにも作業の抱え込みにもなりにくい進め方です。

工程	制作会社が主に形にすること	発注側が主に判断すること	次へ進む前の確認
相談・企画	課題の整理、選択肢、制作範囲の案	制作目的、優先する相手、予算・時期の条件	今回作る範囲と見送る範囲が分かる
構成	ページの役割、情報の順番、導線	掲載するサービス、読者へ伝える事実、問い合わせ方法	必要な情報の抜けと重複を判断できる
原稿・写真	文章編集、見せ方、撮影や素材の提案	内容の正確さ、掲載許可、公開してよい範囲	仮素材と確定素材が区別されている
デザイン・実装	表現、レイアウト、機能、表示調整	方向性の承認、業務に合う動き、追加要望の優先順位	承認済みの範囲を基に実装できる
確認・公開	動作確認、修正、公開作業の準備	最終的な事実確認、公開可否、運用担当	誰が何を引き継ぐか説明できる

判断を制作会社へ返すときは、「好きではない」「もっと目立たせたい」だけで終わらせず、誰が何に迷うのか、どの目的に合っていないのかを添えます。直し方まで指定できなければ、目的を保てる案を提案してほしいと伝えれば十分。一方、料金や対応範囲などの事実に誤りがある場合は、正しい内容と確認者を示し、デザイン上の提案とは分けて修正します。

小規模な会社では、一人が連絡窓口、内容確認、最終決定を兼ねることもあります。それでも残したいのは役割の区別です。いま内容の正しさを見ているのか、制作方針を選んでいるのか、最終的な公開を承認しているのか。判断の種類を記録しておけば、後から変更理由を説明しやすくなります。

専門用語が分からないときは、言葉の意味だけでなく、採用すると利用者や社内運用がどう変わるかを聞くところから。たとえば「CMSを入れるか」では判断しにくくても、「誰が、どの情報を、どの端末から更新するか」へ置き換えれば、自社の条件と比較できます。技術の選択肢を決めるのは制作会社でも、業務上の条件を示すのは発注側。その境界が見えれば、専門知識がなくても判断に参加できます。

原稿や写真は「全部そろえる」のではなく状態を分ける

原稿や写真が未完成でも、構成や撮影計画、必要な情報の洗い出しは進められます。制作を止めるのは不足そのものではなく、完成しているように見える仮素材や、誰の確認待ちか分からない原稿。素材ごとに「確定」「仮」「要確認」「不足」の状態を付けると、使ってよいものと待つものを区別できます。

「確定」は、内容と権利を確認し、そのまま公開へ使える状態です。「仮」は構成やデザインを進めるための一時素材で、差し替える担当と期限を決めます。「要確認」は、内容や掲載許可を判断できる人の回答待ち。「不足」はまだ存在しない素材なので、作成、撮影、購入、公開後の追加のどれにするかを選びます。

たとえばトップページの主要写真が不足しているなら、写真なしで公開するのか、仮写真で構成だけ決めるのか、撮影日までデザイン確定を待つのかで工程が変わります。細かな実績写真なら、初回公開の対象から外し、掲載許可がそろってから追加できる構成も選択肢。すべてを同じ重要度で待たず、目的と公開判断への影響で優先順位を付けます。

原稿も同じ考え方で扱います。会社名、所在地、連絡先、主なサービス内容のように、誤りがあると案内そのものが成立しない情報は、公開前の確定が必要です。一方、実績の追加、細かなよくある質問、将来扱う予定のサービスは、現在の内容で誤解が生じないなら公開後の追加候補。何を後回しにできるかはサイトの目的と設計によるため、未完成を隠さず、扱いを相談して決めます。

素材一覧に必要なのは、ファイル名、状態、確認者、次の作業、期限です。「写真A・要確認・掲載許可は営業担当・金曜回答」のように書けば、制作会社はその写真を確定扱いせず、別の作業を先行できます。最新版が複数のメールやチャットに散らばらないよう、正本の保存場所は一つに。

制作期間を延ばしやすいのは、作業より判断待ち

制作スケジュールには、制作会社が作る日だけでなく、自社が内容を確認する日、関係者から回答を集める日、修正内容を一つにまとめる日も含まれます。担当者が通常業務の合間に確認するなら、その時間を工程へ置かないかぎり、締切だけが先へ進みかねません。制作期間を見るときは、作業日数と確認日数を分けて見るのが基本。

後戻りの影響が大きい節目は、構成の確定、主要デザインの方向決定、実装開始、公開承認の四つ。構成確定後に主要サービスを追加すれば、ページ関係や原稿量の見直しが必要になります。実装開始後にデザインの前提を変えると、作り直す画面やテストの範囲が広がる可能性も。変更を禁止するのではなく、費用、日程、他ページへの影響を確認して判断します。

社内の意見が複数ある場合、制作会社へ別々に送ると、どれが正式な依頼か判別できません。連絡窓口が意見を集め、事実の訂正、目的に関する判断、好み、追加要望へ分類したうえで、一つの回答にまとめます。結論が出ていない項目は、決まったように見せないこと。決裁待ちなのか、制作会社から比較案が必要なのかを明記すれば、次の動きが分かります。

回答期限は「全員が空いたら」ではなく、次工程へ影響する日から逆算し、期限までに決められないと分かった時点で、先に進められる範囲、仮置きできる範囲、公開後へ回せる範囲を制作会社と分けます。遅れを隠して予定どおりに見せるより、影響が小さい段階で工程を組み替える方が安全です。

公開希望日が動かせない場合は、全工程を急ぐのではなく、その日までに何を使える状態にする必要があるかへ戻ります。会社案内と連絡先を先に公開し、撮影や事例ページを後から追加するのか。それとも機能確認を優先し、公開日を見直すのか。公開日、範囲、品質の三つを同時に固定できない状況では、優先順位を発注側が決め、制作会社から実現方法を提案してもらいます。

公開前に、運用の持ち主まで決めておく

ホームページ制作の終点を公開日に置くと、完成後に誰が情報を直し、誰が技術面を見て、どの連絡先へ相談するかが空白になりがちです。企画段階で公開後の扱いまで考えておけば、更新する人に合う仕組みや、制作会社へ任せる範囲を選びやすくなります。公開後の役割は、公開直前に付け足す条件ではなく、制作範囲を決める前提の一つ。

まず洗い出すのは、料金、営業時間、サービス内容、会社情報など、変わったときに速やかに直す必要がある情報。次に、自社で更新するものと制作会社へ依頼するものを分け、ログイン情報や原本資料の管理場所を決めます。問い合わせフォームがあるなら、受信担当者だけでなく、不在時、メールが届かないとき、送信先を変更するときの連絡経路までが確認対象。

公開後の作業は、情報の更新、技術的な保守、内容と導線の改善に分けると整理しやすくなります。更新は事実を最新に保つ作業、保守は安全に表示・送受信できる状態を支える作業、改善は問い合わせやよくある質問を見ながら説明の順番や内容を見直す作業。三つを同じ担当者が担う必要はありませんが、どこまでが自社で、どこからが外部なのかは説明できる状態にしておきます。

公開前に引き継ぐ項目は、少なくとも次の五つ。

• ドメイン、サーバー、CMSなどの契約者と管理者
• 自社で変更できる場所と、変更手順
• 制作会社へ依頼する作業と連絡方法
• フォームや電話など、問い合わせ経路の確認担当
• 公開後に追加・見直しを予定している内容

運用の担当が決まると、初回公開に含める情報も判断しやすくなります。後から自社で追加しやすい内容は段階公開の候補にできますが、更新手段がない重要情報を仮のまま公開するのは危険です。そのために必要なのが、作る工程と使い続ける工程をつなげる視点。

最初の一歩は、完成資料ではなく判断の地図を作ること

ホームページ制作の開始点は、目的と困りごと、希望する時期、未決定事項の共有です。その後は、企画と範囲、構成と素材、デザインと実装、確認と公開、運用の順に、各工程で必要な判断だけを進める流れ。全部を先に決めるのではなく、何が確定し、何を相談し、誰の確認を待っているかを見えるようにする——これが制作を動かす要点です。

相談前に一枚だけ作るなら、目的、現在の困りごと、公開希望時期、未決定事項、社内で最終的に決める人を書き出したメモで十分です。Bämが案内しているのも、原稿や写真がない段階から話を聞き、必要なページと伝え方を決め、公開後の更新まで一つの流れで相談する進め方。完成した発注書を用意するより、分かっていることと分からないことを分けて話し始める方が、必要な工程と役割を現実的に組み立てやすくなります。Bämについて | 相談から始めるホームページ制作

参考資料

• Bämについて | 相談から始めるホームページ制作｜Bäm（株式会社みやあじよ）｜公開・更新日不明（2026-08-15確認）