ホームページ制作の流れと期間｜依頼から公開まで、何をいつ決めるか

ホームページを頼むと決めても、「このあと何をするのか」「いつ公開できるのか」が分からないと、社内の予定が立てられません。制作の流れは会社によって少しずつ違いますが、進める順番はほとんど同じです。

この記事では、相談から公開までの流れを6つの段階に分けて、それぞれで決めることと、期間の目安を紹介します。あわせて、依頼する前に社内で決めておくこと、契約で確かめること、公開が延びやすい理由、公開後にやることも、制作する側の目線でまとめました。先に全体が見えていると、どこで自分たちの手が必要になるかが分かり、公開の日もずれにくくなります。

全体の流れと、依頼する側の役割

まず、全体の流れを表にまとめます。右の列は、それぞれの段階で依頼する側にお願いすることです。

段階	主にすること	依頼する側にお願いすること
1. 相談	目的、困りごと、時期、費用の目安を話す	目的と、公開したい時期を伝える
2. 構成	ページと、載せる内容を決める	載せたい内容を出し、構成を確かめる
3. 文章と写真	ページに載せる材料をそろえる	資料や写真を用意する、聞き取りに答える
4. デザインと組み込み	見た目を決め、実際に動くページにする	デザインを確かめ、意見をまとめて伝える
5. 確認と修正	公開前に、全体を見直す	内容に間違いがないかを確かめる
6. 公開	公開し、古いサイトからの切り替えをする	名刺や署名などのアドレスを確かめる

こうして並べると、依頼する側の手が必要なのは、最初の相談だけではないことが分かります。特に「構成」「文章と写真」「確認」の3つは、自分たちが動かないと先に進みません。反対に、「デザインと組み込み」の段階は、制作する側の作業が中心になり、依頼する側は待つ時間が増えます。社内の忙しい時期と、自分たちの手が必要な段階が重ならないように予定を組むと、無理なく進められます。

依頼する前に、社内で決めておくこと

制作会社に連絡する前に、社内で次のことを話しておくと、最初の相談から話が具体的になります。きっちり決まっていなくてもかまいません。

• 何のために作るか：問い合わせを増やしたい、採用に使いたい、取引先に会社を説明したい、など。いちばん大切なものを一つ選んでおきます。
• 誰に見てほしいか：発注先を探している会社の担当者、仕事を探している人など、読む人を思い浮かべます。
• 予算の幅：「〇〇万円まで」と上限が決まっていると、それに合わせた進め方を提案してもらえます。
• 公開したい時期：展示会、求人の開始、期の変わり目など、決まっている予定があれば伝えます。
• 窓口になる人と、最後に決める人：制作会社とやりとりする人と、社内で「これでよい」と決める人を決めておきます。

特に最後の「窓口と、最後に決める人」は、あとの進み方に大きく関わります。窓口の人が決めた内容が、最後に社長の一言でくつがえる、ということが起きると、それまでの作業がやり直しになります。大事な場面では、最後に決める人にも早めに見てもらうようにしましょう。

自分たちで作るか、制作会社に頼むか

いまは、ひな形を選んで文章と写真を入れるだけでホームページを作れるサービスもあります。自分たちで作るか、制作会社に頼むかは、次のように考えると決めやすくなります。

	自分たちで作る	制作会社に頼む
費用	抑えやすい	制作の費用がかかる
時間と手間	社内の人の時間がかかる	打ち合わせや確認の時間はかかるが、作業は任せられる
中身	何をどう伝えるかを、自分たちで考える	話を聞いて、伝えることを一緒に整理してもらえる
向いている場合	社内に作業できる人と時間がある、まず簡単に始めたい	問い合わせや採用につなげたい、社内に時間がない

どちらがよいかは、会社の状況によります。ただ、自分たちで作る場合も、この記事で紹介する流れ（目的を決める、構成を決める、文章と写真をそろえる、確認する）は同じです。順番を飛ばさずに進めることが、どちらの場合でも大切です。

依頼先を選び、見積りと契約を確かめる

依頼先を選ぶときは、作ったものの見た目だけでなく、自分たちの業種や規模に合った進め方をしてくれるかを見ます。選び方は、ホームページ制作会社の選び方で紹介しています。

見積りは、構成（どんなページを作るか）が見えてからのほうが、金額の理由が分かりやすくなります。見積りの見方は、見積書のチェックポイントを参考にしてください。

契約の前には、次のことを確かめておきましょう。

• 作業の範囲：文章づくり、写真の撮影、問い合わせフォーム、公開後の更新など、どこまでが費用に含まれるか
• 修正の回数や範囲：デザインや文章の修正を、どこまで受けてもらえるか
• 支払いの時期：着手のときと公開のときに分けるのか、など
• ドメインとサーバーの名義：会社の名義で契約するのか、制作会社の名義なのか
• 公開後の対応：不具合が見つかったとき、更新を頼みたいときに、どう対応してもらえるか
• 作ったものの扱い：制作会社が用意した写真や文章、デザインを、あとで作り直すときや制作会社を変えたときにも使えるか

ドメインとサーバーの名義は、あとで制作会社を変えるときや、作り直すときに大きく関わります。考え方は、ドメインとサーバーの話で紹介しています。

1. 相談：目的と、困っていることを伝える

最初は、なぜホームページを作りたいのかを伝えるところから始まります。きれいにまとまっていなくてかまいません。次の3つが分かると、話が早く進みます。

• 目的：問い合わせを増やしたい、採用に使いたい、取引先に見せる会社案内にしたい、など
• 今困っていること：スマホで見づらい、情報が古い、自分たちで直せない、など
• 公開したい時期：展示会、求人の開始、期の変わり目など、決まっている予定があれば

相談では、制作する側からも、次のようなことをお聞きします。どんなお客様から、どんな仕事を頼まれることが多いか。お客様から選ばれている理由は何か。よく聞かれる質問は何か。こうした話の中に、ホームページで伝えるべきことが隠れています。

費用の目安もこの段階で聞いておきましょう。費用の考え方は、ホームページ制作の費用は何で決まる？で紹介しています。

2. 構成：必要なページと、載せる内容を決める

次に、どんなページを作り、それぞれに何を載せるかを決めます。ここが、あとの作業すべての土台になります。

構成は、多くの場合、2つの形で確かめます。一つは、ページのつながりを図にした「サイトマップ（構成図）」です。トップページの下に、事業内容、会社概要、採用、というように、どんなページがあるかが一目で分かります。もう一つは、ページの中に何をどの順番で置くかを線と文字だけで描いた、間取り図のようなもの（ワイヤーフレームと呼ばれます）です。色や写真はまだ入っていませんが、何がどこに載るかを確かめられます。

構成が決まらないままデザインに進むと、あとから「このページも必要だった」となり、作り直しが起きます。ページの数と中身は、この段階でしっかり決めておくのがおすすめです。ページ数の考え方は、ホームページは何ページ必要？を参考にしてください。

構成の段階では、ページの数のほかに、次のようなことも決めていきます。

• トップページの最初の画面で、何をいちばんに伝えるか
• それぞれのページを、誰に読んでもらうためのページにするか
• 問い合わせの入口を、どのページのどこに置くか
• お知らせや実績など、公開後に自分たちで更新するページはどれか

ここで決めたことが、文章の中身やデザインの方向を決める物差しになります。あとで迷ったときも、「このページは誰のためのページだったか」に戻ると、判断しやすくなります。

見積りは、この構成をもとに出してもらうと、金額の理由が分かりやすくなります。

3. 文章と写真：材料をそろえる

構成が決まったら、ページに載せる文章と写真をそろえます。自分たちで用意する場合と、制作会社が話を聞いて文章をつくる場合があります。

この段階は、依頼する側の手が一番必要になるところです。日々の仕事の合間に進めることになるので、誰が、いつまでに用意するかを決めておくと止まりにくくなります。用意のしかたは、ホームページに載せる写真と文章の用意のしかたでくわしく紹介しています。

すべてがそろうのを待つ必要はありません。会社概要のように、すでにある資料から作れるものは先に渡し、事例や採用のように時間がかかるものは後から渡す、という進め方ができます。写真の撮影が必要な場合は、天気や現場の予定も関わるので、早めに日を決めておきましょう。

どこから手をつければいいか迷ったら、事業内容のページから始めるのがおすすめです。何ができる会社かが決まると、トップページに置く言葉や、実績で紹介する仕事も決まっていきます。反対に、会社概要のように決まった項目を埋めるだけのページは、すき間の時間でも進められるので、後回しにしても困りません。

4. デザインと組み込み：見た目を決め、動くページにする

文章と写真の見通しが立ったら、デザインに進みます。多くの場合、まずトップページのデザインを見て方向を決め、そのあとでほかのページに広げていきます。

デザインを見るときは、好みだけでなく、次の点も確かめましょう。

• 最初の画面で、何の会社か、何を頼めるかが分かるか
• スマホで見たときに、文字が読みやすく、ボタンが押しやすいか
• 問い合わせの入口が、すぐに見つかるか

修正をお願いするときは、「なんとなく違う」よりも、「もっと明るい印象にしたい」「写真を大きくしたい」「この言葉をいちばん目立たせたい」のように、どうしたいかを伝えると、行き違いが少なくなります。参考にしたいホームページがあれば、それを見せるのも分かりやすい方法です。

デザインが決まったら、実際にブラウザで動くページに組み込んでいきます。この作業は、コーディングと呼ばれます。お知らせや実績を自分たちで更新したい場合は、管理画面から書きかえられる仕組み（CMS）を入れることもあります。代表的なものがWordPressです。必要かどうかは、WordPressは必要？で紹介しています。

組み込みの間は、依頼する側の作業は少なくなります。この時間に、残っている原稿や写真をそろえておくと、全体が早く進みます。

5. 確認と修正：公開前に、全体を見直す

ページができあがったら、公開の前に全体を確認します。確かめたいのは、次のようなところです。

• 会社名、住所、電話番号、営業時間などに間違いがないか
• 文章の内容が、今の事業の実際と合っているか
• お問い合わせフォームから送ったメールが、きちんと届くか
• スマホとパソコンの両方で、見づらいところがないか
• 押しても開かないリンクや、表示されない写真がないか
• 取引先の製品や図面、名前など、載せてはいけないものが写っていないか

確認は、パソコンだけでなく、社内の何人かのスマホでも見てもらうと、気づくことが増えます。iPhoneとAndroidのように、種類の違うスマホで見ておくと安心です。

公開する日は、確認と修正が終わる見通しが立ってから決めると安心です。問い合わせが多い日や、社内が忙しい日を避け、公開のあとに何かあってもすぐに確かめられる日を選びましょう。

修正は、気づいた人がばらばらに伝えるより、社内でまとめてから伝えるほうが、行き違いが起きにくくなります。ページの名前と場所、どう直したいかを一覧にして渡すのがおすすめです。

6. 公開：公開してからが始まり

確認が終わったら公開です。新しくドメインを取る場合は、この段階までにドメインとサーバーの準備をすませておきます。アドレスが「https」で始まるように、通信を暗号化する設定（SSL）もしておきます。くわしくは、「保護されていない通信」と出たらで紹介しています。

今のホームページを作り直す場合は、これまでのアドレスから新しいページへ案内する設定も、公開と同時に行います。この作業については、ホームページのリニューアル費用の相場と内訳でも触れています。

公開したあとは、名刺やメールの署名、Googleビジネスプロフィールに載せているアドレスも確かめておきましょう。そして、お知らせや実績を足していくことで、ホームページは少しずつ育っていきます。

公開したあとにやること

公開はゴールではなく、スタートです。公開から数週間のうちに、次のことをしておきましょう。

• 問い合わせフォームを、もう一度試す：公開後の環境で、メールがきちんと届くかを確かめます。
• Search Consoleを設定する：Googleの無料の道具で、どんな言葉で検索されているか、Googleにページが登録されているかを確かめられます。
• Googleビジネスプロフィールを整える：地図に出る会社の情報に、新しいアドレスを載せます。くわしくは、Googleビジネスプロフィールの基本で紹介しています。
• 社内に知らせる：営業の人が資料やメールでアドレスを案内できるようにします。
• 数字を見る日を決める：問い合わせの数やよく見られているページを、たとえば月に一度見る、と決めておきます。

公開から数か月たったら、一度ふり返りの時間をとるのがおすすめです。よく見られているページ、あまり見られていないページ、問い合わせの数や内容を確かめ、足りない情報を足したり、分かりにくいところを直したりします。お客様や求職者から「ホームページを見た」と言われたら、どのページを見たのかを聞いておくと、次の改善の材料になります。

公開後の更新を誰がするのかも、決めておきたいところです。自分たちで更新するのが難しい場合は、制作会社に頼む方法もあります。保守や更新の費用は、ホームページの保守・管理費用で紹介しています。

期間の目安

期間は、ページ数と内容によって変わります。マツケンスタジオでの一般的な目安は次のとおりです。

作るもの	期間の目安
1枚で完結するページ（LP）	数週間〜1か月ほど
会社のホームページ	1〜3か月ほど

同じ会社のホームページでも、ページ数が少なく、文章や写真がすでにそろっている場合は短く、ページ数が多い、撮影が必要、確認する人が多い、といった場合は長くなります。

公開したい日が決まっている場合は、最初の相談で伝えてください。その日から逆算して、いつまでに何を決めるかの予定を立てられます。

会社のホームページの、進み方の一例

会社のホームページを3か月ほどで作る場合、たとえば次のような進み方になります。ページ数や原稿の用意の仕方で変わるので、あくまで一つの例です。

時期	主にすること
1か月目	相談、構成の打ち合わせ、見積りと契約。原稿の聞き取りや、資料の受け渡しを始める
2か月目	文章と写真をそろえる。撮影があればこの時期に。トップページのデザインを確かめ、ほかのページに広げる
3か月目	組み込み、確認と修正、公開の準備。公開

この例でも分かるように、文章と写真の用意は、1か月目から2か月目にかけて、ほかの作業と並んで進みます。ここが遅れると、その分だけ後ろの予定がずれていきます。

1枚のページ（LP）の場合の流れ

1枚で完結するページ（LP）の場合も、進める順番は同じです。ただ、ページが一つなので、構成とデザインを確かめる回数が少なく、期間も短くなります。

LPで特に大切なのは、最初の「誰に、何を伝えて、どう行動してもらうか」を決めるところです。広告から来た人に問い合わせてもらうのか、展示会で名刺を交換した人に詳しく知ってもらうのかで、載せる内容の順番が変わります。くわしくは、ランディングページ（LP）とは？で紹介しています。

作り直し（リニューアル）の場合に増える作業

今のホームページを作り直す場合は、新しく作る場合の流れに、次の作業が加わります。

• 今のサイトの確認：ドメインとサーバーの名義、管理画面のIDとパスワード、契約の状況を確かめます。
• 残すページとやめるページを決める：よく見られているページや、長く載せてきた実績を確かめ、何を引き継ぐかを決めます。
• 古いアドレスの案内先を決める：アドレスが変わるページについて、どのページへ案内するかを一覧にします。
• 切り替えの日を決める：古いサイトから新しいサイトへ切り替える日を、問い合わせが少ない日などに合わせます。

今のサイトを作った会社と別の会社に頼む場合は、引き継ぎの手続きが必要になることもあります。進め方は、制作会社の乗り換えで、作り直すかどうかの判断は、ホームページのリニューアルを考えたい6つのサインで紹介しています。

公開が延びやすい3つの理由

予定より公開が遅れるとき、原因はだいたい次の3つです。

文章と写真がそろわない

一番多いのがこれです。自分たちで書くと決めたものの、仕事が忙しくて手がつかないまま時間が過ぎていきます。書くのが難しい場合は、話を聞いて文章にしてもらう方法を選ぶと、止まりにくくなります。

確認する人が決まっていない

誰が最後に「これでよい」と決めるのかがはっきりしていないと、確認のたびに時間がかかります。窓口になる人と、最後に決める人を、最初に決めておきましょう。

途中でページや機能が増える

作っている途中で載せたいものが増えるのは、よくあることです。ただ、増えた分だけ期間と費用も増えます。「最初の公開に必要なもの」と「あとから足すもの」に分けておくと、公開の日を守りやすくなります。

スムーズに進めるためのコツ

• 参考にしたいホームページを集めておく：好きな雰囲気や、まねしたい見せ方があるサイトを2〜3つ選んでおくと、言葉で説明するより早く伝わります。
• 返事の期限を決める：デザインや原稿の確認は、「〇日までに返事をする」と決めておくと、止まりにくくなります。
• 意見は社内でまとめてから伝える：人によって違う意見がそのまま届くと、どれに合わせればいいか迷います。
• 最初の公開と、あとから足すものを分ける：全部をそろえてから公開しようとすると、いつまでも公開できません。
• 分からないことは、その場で聞く：専門の言葉が出てきたら、遠慮せずに聞いてください。分からないまま進むと、あとで食い違いが起きます。

よくある行き違いと、防ぎ方

「思っていたイメージと違う」

デザインが出てきてから、思っていたものと違うと気づくことがあります。最初の相談で参考にしたいホームページを見せておく、構成の段階でページの中身を確かめておく、という2つで、かなり防げます。

「この作業も入っていると思っていた」

文章づくり、写真の撮影、公開後の更新などが、費用に含まれていると思っていたら含まれていなかった、という行き違いです。見積りと契約の段階で、作業の範囲を一つずつ確かめておきましょう。

「この写真は使ってよかったのか」

インターネットで見つけた写真や、取引先の製品が写った写真を、確かめないまま渡してしまうことがあります。載せてよいか分からない写真は、渡すときにその旨を伝えておくと、制作する側でも確かめられます。

「公開したのに、何も変わらない」

公開しただけで、問い合わせがすぐに増えるとは限りません。何を増やしたいのかを最初に決め、公開後に数字を見て、ページを足したり直したりしていくことが大切です。問い合わせが来ないときの見直し方は、ホームページから問い合わせが来ない理由で紹介しています。

打ち合わせの進め方

打ち合わせは、顔を合わせて行うだけでなく、電話やオンラインでも進められます。現場の仕事がある会社では、移動の時間がかからないオンラインのほうが、日程を合わせやすいこともあります。

どの形で打ち合わせをする場合も、決まったことを文字で残しておくことが大切です。打ち合わせのあとに、決まったこと、次にやること、誰がいつまでにやるかを、メールなどで確かめ合っておくと、「言った、言わない」の行き違いが起きにくくなります。

打ち合わせの前に、聞きたいことや決めたいことをメモしておくと、短い時間でも話が進みます。社内のくわしい人に同席してもらう場面（事業の説明、採用の話など）は、前もって予定を押さえておきましょう。

窓口になる人がすること

社内の窓口になる人は、ホームページにくわしい必要はありません。次のことをしてもらえると、全体がスムーズに進みます。

1. 制作会社からの質問や確認を受けて、社内のくわしい人につなぐ
2. 社内の意見をまとめて、一つにして伝える
3. 原稿や写真の用意が、予定どおり進んでいるかを見る
4. 大事な場面で、最後に決める人に見てもらう

窓口の人が日々の仕事を抱えたまま担当することがほとんどなので、社内でも「この期間はホームページの仕事がある」と共有しておくと、無理なく進められます。

依頼する側が用意しておくもの

次のものが手元にあると、最初の相談から話が具体的になります。すべてそろっていなくても大丈夫です。

• 会社案内やパンフレット、これまでに作った資料
• 今のホームページのアドレスと、ドメインやサーバーの契約先が分かるもの
• 会社のロゴのデータ
• 使えそうな写真
• お客様からよく聞かれる質問
• 参考にしたいホームページ

マツケンスタジオでの進め方

マツケンスタジオでは、最初の相談から公開後まで同じ担当が進めます。途中で担当が変わらないので、相談のときにお聞きした目的や事情を、構成やデザイン、公開後の改善まで引き継げます。

文章は、お話を聞いてこちらでつくることもできます。原稿の用意が心配な場合も、そのままご相談ください。ドメインとサーバーはお客様の名義のまま進めるので、あとから困ることがありません。公開後の更新や改善も続けられ、更新が難しい場合は月額サポートで代わりに更新することもできます。

まとめ

ホームページ制作は、相談、構成、文章と写真、デザインと組み込み、確認、公開の順に進みます。期間を左右するのは、作る側の作業の速さよりも、文章と写真がそろう時期と、確認の進め方です。

依頼する前に、目的、予算の幅、公開したい時期、窓口と最後に決める人を社内で決めておき、契約では作業の範囲やドメインの名義を確かめておきましょう。全体の流れを先に知っておくと、社内の予定を立てやすくなり、公開の日もずれにくくなります。そして公開したあとは、Search Consoleなどで数字を見ながら、お知らせや実績、よくある質問を足していきましょう。更新を続けることで、ホームページは少しずつ育っていきます。