ホームページ制作の期間・流れ完全ガイド
依頼前に知っておきたい全工程

結論：制作期間の目安と「何で決まるか」

まず全体像です。ホームページ制作の期間は、サイトの規模（ページ数・機能）と、原稿や写真などの素材がどれだけ早く揃うかで決まります。一般的に公開されている各社の情報を整理すると、規模別の目安はおおむね次のとおりです。実際の期間は要件や進め方で前後するため、あくまで一般的なレンジとしてご覧ください。

ここで誤解しやすいのが、「期間＝制作会社が手を動かす時間」だと思ってしまうことです。実際には、上の期間の少なくない部分がお客様側の作業（原稿の用意・写真の準備・デザインの確認）と、そのやり取りの待ち時間で占められます。後述するとおり、ここが早いほど納期は短くなり、ここが滞ると規模が小さくても数か月かかってしまいます。費用面の目安とあわせて検討したい方はホームページ制作費用の相場もご覧ください。

制作の全工程：依頼から公開までの9ステップ

ホームページ制作は、大きく次の9つの工程で進みます。会社によって呼び方や区切りは多少違いますが、やることの中身はおおむね共通です。まずは全体の流れと、各工程のおおまかな期間配分を俯瞰しておきましょう。

以降のセクションで、各工程の中身と「お客様がやること／制作会社がやること」を分けて具体的に解説します。役割分担を最初に理解しておくと、どこで自分の出番が来るかが分かり、結果として全体がスムーズに進みます。

工程①〜②：ヒアリング・要件定義とサイト設計

最初の山場が、ヒアリング・要件定義です。ここで「何のために、誰に向けて、どんなサイトを作るのか」を固めます。土台がぶれると後の工程すべてに影響するため、急がば回れの工程です。

ヒアリング・要件定義でやること

制作会社は、目的（問い合わせを増やす・採用を強化する・信頼感を出す等）、ターゲット、競合、必要なページや機能、参考サイトのイメージなどをヒアリングし、サイトの「設計図のもと」を作ります。お客様側は、自社の強みや伝えたいこと、避けたい表現、予算・公開希望時期などを言語化して共有します。

サイト設計・構成でやること

続いて、ヒアリング内容をもとにサイトマップ（全体のページ構成）と、ワイヤーフレーム（各ページの骨組み・要素配置を線画で示したもの）を作成します。色やデザインを当てる前の「間取り図」だと考えると分かりやすいです。この段階で構成を確定させておくと、デザイン以降の手戻りを大幅に減らせます。

ポイントは、「お任せします」だけにしないことです。デザインの細部は任せてよいのですが、目的とターゲット、載せたい情報の優先順位は、お客様にしか分からない自社の核です。ここを共有できているほど、提案の精度が上がり、修正回数も減ります。

工程③〜④：デザインと、原稿・写真の準備

設計が固まったら、いよいよデザインです。そして実は、この時期に並行して進める原稿・写真の準備が、納期を左右する最大の変数になります。

デザイン工程の進み方

制作会社は、ワイヤーフレームに色・写真・あしらいを加え、まずトップページのデザイン案を作成します。ここでサイト全体の世界観（トーン＆マナー）が決まります。お客様はデザイン案を確認し、「もっと信頼感を」「色みを明るく」など具体的にフィードバックします。トップの方向性が決まれば、その世界観に沿って下層ページを展開していきます。

原稿・写真の準備（ここが最重要）

サイトに載せる文章（原稿）と写真は、多くの場合お客様側で用意する範囲が含まれます。会社案内のあいさつ文、サービス説明、スタッフ写真、店舗・商品写真などです。制作会社が取材・ライティング・撮影を代行することもありますが、その場合でも素材確認のやり取りは発生します。経験上、ここが遅れてプロジェクト全体が止まるケースが最も多いため、設計が固まった段階で早めに着手するのが鉄則です。

フィードバックのコツは、「なんとなく違う」ではなく「誰に・何を感じてほしいか」で伝えることです。例えば「高級感より親しみやすさを優先したい」「写真は人物を前面に」といった伝え方だと、制作側が意図を汲みやすく、やり取りの往復が減ります。修正が無制限のサービスでも、回数が少ないほど早く仕上がるのは同じです。

工程⑤〜⑧：実装・CMS構築・テスト・公開

デザインと原稿が揃えば、ここからは主に制作会社側の作業が中心になります。お客様の出番は「確認」が中心です。

コーディング・実装とCMS構築

承認されたデザインを、ブラウザで正しく表示・操作できる形に組み上げる工程です。パソコン・スマートフォン・タブレットのどの画面でも崩れないレスポンシブ対応もここで行います。あわせて、WordPressなどのCMS（自社でページや記事を更新できる仕組み）を構築します。CMSが入ることで、公開後に「お知らせを自分で追加する」「文章を直す」といった更新が、専門知識なしでもできるようになります。

テスト・確認

公開前に、表示崩れ・リンク切れ・問い合わせフォームの送受信・主要ブラウザでの動作・スマホ表示などを一通りチェックします。制作会社が動作確認を行い、お客様には記載内容（社名・住所・電話番号・料金・誤字脱字）の最終確認をお願いするのが一般的です。文字情報の正誤は、お客様にしか判断できない部分が多いためです。

公開

最終チェックが終わったら、サーバーに本番反映して公開します。独自ドメインの設定やSSL（通信の暗号化、URLの「https」化）もこの段階で整えます。公開直後は念のため、本番環境で表示やフォームを再確認すると安心です。

なお、サーバーとドメインの契約は、会社によって「制作費に含む」「実費のみ」「割増の管理費を上乗せ」など扱いが分かれます。年間コストに関わる部分なので、契約前に確認しておくとよいでしょう。費用の落とし穴については「追加料金なし」の本当の意味で詳しく整理しています。

期間が延びる主な原因と、その対策

「予定では2か月だったのに、半年かかった」——こうしたケースの原因は、制作会社の遅さよりも進行上のボトルネックにあることがほとんどです。よくある原因と対策を一覧にまとめます。

共通して言えるのは、遅れの大半は「素材」と「意思決定のスピード」に集約されるということです。逆に言えば、この2つを先回りで準備しておけば、制作期間は驚くほど短縮できます。

スムーズに進めるための準備チェックリスト

依頼前・依頼直後にこれだけ用意しておくと、見積もりも提案も正確になり、その後の進行が一気に速くなります。すべて完璧でなくても構いません。「分かる範囲で」決めておくことが大切です。

目的・方針に関する準備

• サイトの目的：問い合わせ獲得／採用／信頼感の付与など、優先順位を決める。
• ターゲット：誰に見てほしいか（業種・年代・立場など）。
• ゴールの指標：何が増えたら成功か（問い合わせ件数・電話など）。
• 参考サイト：「こういう雰囲気が好き」を2〜3サイト挙げる。

素材・情報に関する準備

• 掲載したい情報：会社概要、事業内容、実績、料金など。
• 原稿のもと：既存パンフ・会社案内・既存サイトの文章。
• 写真・ロゴ：使える写真、ロゴデータ（あれば）。
• 必要な機能：問い合わせフォーム、ブログ、予約、多言語など。

進行・体制に関する準備

• 窓口担当者：やり取りの窓口を1人に決める。
• 決裁者：最終OKを出す人を明確にしておく。
• 公開希望日：いつまでに公開したいか（逆算の起点）。
• 確認のリードタイム：確認に何営業日かけられるか。

準備のコツは「100点満点を目指して止まらない」ことです。8割の情報でも着手でき、残りは制作会社と一緒に詰めていけます。まず相談してみて、足りないものを教えてもらう進め方でも十分にスムーズです。

公開はゴールではない：公開後の運用とサポート

意外と見落とされがちですが、ホームページは公開してからが本番です。公開後にどう運用し、どんなサポートが受けられるかも、依頼前に確認しておきたいポイントです。

公開後にやること

• 更新・情報の追加：お知らせ、実績、料金改定などを最新に保つ。CMSがあれば自社で更新できる。
• 効果測定・改善：アクセス状況を見て、見られているページ・離脱の多いページを把握し、少しずつ改善する。
• 保守・管理：サーバー・ドメインの更新、CMSやプラグインの更新、バックアップなど。
• 不具合対応：公開直後に見つかる表示崩れや、フォーム不達などへの対応。

サポート体制で確認したいこと

会社によって、公開後のサポート範囲は大きく異なります。「公開して納品、あとは別料金」という会社もあれば、一定期間の無料サポートや、月額保守で更新代行まで請け負う会社もあります。確認したいのは次の点です。

• 公開後のサポート期間と範囲（無料か、月額か）。
• 軽微な修正・更新は誰が・いくらで対応するか。
• 自社で更新できる仕組み（CMS）が入っているか。
• 解約・移管時にデータを引き継げるか。

制作会社の選び方そのものを詳しく知りたい方は、失敗しない格安ホームページ制作会社の選び方もあわせてご覧ください。

素材は「使える形」で渡すと制作が一気に速くなる

結論から言うと、原稿や写真は「とりあえず送る」のではなく、制作会社がそのまま使える形に整えて渡すだけで、やり取りの往復が減り、納期が目に見えて短くなります。素材を用意することの重要性は広く語られますが、見落とされがちなのが「渡し方」です。同じ写真でも、ファイル形式や解像度、共有方法が整っているかどうかで、制作側の作業時間は大きく変わります。ここでは、依頼側が少し意識するだけで効く実務的なポイントを整理します。

写真・ロゴデータの渡し方

写真は、できるだけ撮影した元データ（圧縮前の大きいサイズ）のまま渡すのが基本です。スマートフォンで撮った写真でも、メッセージアプリやメール本文に貼ると自動的に縮小・劣化することがあるため、ファイル添付やクラウド共有で「原寸のまま」送るのが望ましい形です。ロゴは、写真ではなく元データ（ai・eps・svgなどのベクター形式、なければ背景透過のpng）があると、拡大しても輪郭がぼやけず、さまざまな箇所にきれいに配置できます。手元になければ、ロゴを作成した制作会社や印刷会社に元データの有無を確認しておくとスムーズです。

文章（原稿）の渡し方

原稿は、テキストとして編集できる形式で渡すのが理想です。紙のパンフレットや画像にした文章は、制作側が打ち直す手間が発生し、その過程で誤字が混入するリスクもあります。Word・Googleドキュメント・メール本文など、コピーして使える形だと安全で速いです。完璧な文章である必要はありません。箇条書きの要点や、既存資料からの抜粋でも構わないので、「どのページに、どの情報を載せたいか」が分かる単位でまとめておくと、制作会社が構成に落とし込みやすくなります。

なお、手元に良い写真がない、文章をうまくまとめられない、という場合でも心配は要りません。撮影やライティングを代行してくれる会社もありますし、用意できる範囲の素材から相談して進めることもできます。大切なのは、完璧を目指して手が止まってしまうより、「今あるものを、使いやすい形で早めに渡す」ことです。

修正依頼の伝え方ひとつで、仕上がりと速さが変わる

デザインや原稿の確認段階では、フィードバックの「伝え方」が品質と納期を大きく左右します。修正が無制限のサービスであっても、伝え方が曖昧だと往復が増え、結果として公開が遠のきます。逆に、的を射た伝え方ができれば、少ない回数で理想に近づきます。ここでは、特別な専門知識がなくてもできる、フィードバックの実務的なコツを紹介します。

「感想」ではなく「意図」を伝える

最も効くのは、「なんとなく違う」で止めず、その奥にある意図まで言葉にすることです。「この色が好きではない」だけだと、制作側は次にどう直せばよいか分かりません。「もう少し落ち着いた印象にしたい」「年配のお客様にも信頼してもらいたい」と、誰に・どう感じてほしいかまで添えると、制作側が複数の解決策を提案でき、一度の修正で方向性が定まりやすくなります。デザインの正解は一つではないため、「答え」を指定するより「目的」を共有するほうが、結果的に良い提案を引き出せます。

修正は「箇所」を特定して、まとめて渡す

フィードバックは、どのページの・どの部分かを具体的に示すと伝達ミスが減ります。「上から3つ目のボタンの文言を〇〇に」「会社概要ページの住所を修正」のように、場所と内容をセットにするのがコツです。また、気づくたびに小出しにするより、一通り見てから一度にまとめて渡すほうが、制作側も全体を見て効率よく反映でき、伝え漏れも防げます。社内で複数人の意見がある場合は、窓口の方が意見を集約・整理してから一本化して渡すと、相反する指示で手戻りが起きるのを避けられます。

「文章はこの方向で、写真は差し替えたい、色は今のままでよい」——このように「直す部分」と「直さない部分」をはっきり分けて伝えると、制作側は安心して修正に集中できます。良い点も一緒に伝えると、その長所を保ったまま改善が進みます。

もう一つ大切なのが、確認のスピードです。修正案が届いてから返信までの時間が空くと、その分だけ全体が後ろにずれます。多忙で時間が取れない場合は、「いつまでに確認できそうか」を先に伝えておくだけでも、制作側はスケジュールを立てやすくなります。丁寧に、しかし溜め込まずに返していく——この積み重ねが、結果的にいちばんの近道になります。

公開直前にやる「引き渡し確認」と、アカウントの整理

公開直前は、表示の最終チェックだけでなく、「サイトに関わる各種アカウントを誰の名義で持つか」を確認しておくことが、後々のトラブルを防ぐ最大のポイントです。ドメインやサーバー、解析ツールの設定は公開時にまとめて整えますが、その「所有権」が曖昧なまま進むと、将来の更新や引っ越しの際に困ることがあります。運用そのものについては別途解説しているため、ここでは公開の瞬間に確認しておきたい引き渡しの観点に絞ってまとめます。

独自ドメインとサーバーは「自社名義」が安心

独自ドメイン（例：あなたの会社名.comなど）は、サイトの「住所」にあたる資産です。できれば自社の名義・アカウントで取得・管理しておくと、将来どの会社に依頼しても引き継ぎがスムーズです。制作会社が代行して契約するケースもありますが、その場合は「契約者名義は誰か」「更新は誰がいつ行うか」「将来こちらへ移せるか」を公開前に確認しておきましょう。SSL（URLを「https」化し通信を暗号化する仕組み）が有効になっているかも、公開時にあわせて確かめておくと安心です。

アクセス解析・各種IDの確認

公開後にサイトの成果を測るには、アクセス解析の設定が欠かせません。公開のタイミングで、解析ツールが正しく動いているかを確認しておきましょう。あわせて、検索エンジンにサイトを認識してもらうための登録（サーチコンソール等）も、この段階で済ませておくと、公開直後からデータを蓄積できます。これらは無料で使えるものが中心ですが、設定アカウントを自社で把握しておくと、後で見たいときに迷いません。

最後に、公開後に自社でお知らせや情報を更新する予定があるなら、CMS（WordPressなど）の管理画面のログイン情報を受け取り、簡単な更新方法を教わっておくとよいでしょう。これらの引き渡し範囲は会社によって異なります。心配な点は遠慮なく確認し、不明なまま公開を迎えないことが大切です。料金に含まれる範囲は「追加料金なし」の本当の意味で詳しく整理しています。気になる点があれば、お問い合わせからお気軽にご相談ください。

参考：格安HP屋の「最短2週間」スケジュール例

最後に、進行の具体例として当社「格安HP屋」（東京都千代田区神保町・2020年創業）の標準的なスケジュールを紹介します。これは小規模サイトを最短2週間で公開する場合の一例で、お客様の原稿・写真の準備や確認がスムーズに進んだケースを想定しています。規模や素材の状況によって前後する点はご理解ください。

当社はHP新規制作を税込25万円、リニューアルを30万円、LPを8万円で提供しており、いずれも完全オリジナルデザイン（テンプレート不使用）です。標準でWordPress（CMS）、多言語、レスポンシブ、SEO基本対策、問い合わせフォーム、資料ダウンロードを備え、修正回数は無制限・追加料金なし。サーバー・ドメインは実費（年1〜2万円程度）のみで、公開後サポートも付きます。

もちろん、ページ数の多い中規模サイトや、撮影・取材から一括で依頼したい場合は、相応の期間をいただきます。大切なのは、希望の公開時期から逆算して、余裕をもって早めにご相談いただくことです。実際の制作例は制作実績で、料金の詳細は会社概要やお問い合わせからご確認いただけます。他のテーマはコラム一覧からどうぞ。