ホームページ制作の流れとは？依頼から公開までを解説
ホームページを作りたいけれど、何から始まって、いつ公開できるのか分からない。
初めて制作を依頼するときは、そんな不安があると思います。
ホームページ制作は、決まった順番で進みます。
流れを知っておくと、自分がいつ何をすればよいかが分かり、打ち合わせもスムーズになります。
この記事では、依頼から公開までの流れと、依頼する側がやること、進みが止まりやすいところを解説します。
1.ホームページ制作は8つのステップで進む
依頼から公開までは、大きく次の8つのステップで進みます。
| ステップ | やること | 依頼する側がすること |
|---|---|---|
| 1. 相談・ヒアリング | 作る目的や困っていることを聞き取る | 目的や、見てほしい人を伝える |
| 2. 見積もり・契約 | 作るものの範囲と金額、スケジュールを決める | 見積もりの中身を確かめて、契約する |
| 3. 構成を決める | ページの数と、それぞれに載せる内容を決める | 載せたい情報に漏れがないか確かめる |
| 4. 原稿・写真の用意 | ページに載せる文章や写真をそろえる | 原稿、写真、ロゴなどを用意する |
| 5. デザイン | ホームページの見た目を作る | デザインを確かめて、直してほしいところを伝える |
| 6. ページの組み立て | デザインをもとに、実際に動くページを作る | 基本的には待つ。追加の素材があれば渡す |
| 7. 確認・修正 | 公開の前に、表示や動きを確かめる | 文章、表示、フォームを確かめる |
| 8. 公開 | インターネット上で見られるようにする | ドメインとサーバーの契約を確かめる |
このうち、依頼する側の出番が多いのは、1の「目的を伝える」、4の「原稿・写真を用意する」、7の「公開前に確かめる」の3つです。この3つが、制作の進み具合と仕上がりを大きく左右します。
※ステップの分け方や呼び方は、制作会社によって異なります。原稿づくりまで制作会社がおこなう場合や、構成とデザインを同時に進める場合もあります。
2.なぜ、この順番で進めるのか
この順番には理由があります。前のステップで決めたことが、次のステップの土台になっているからです。
たとえば、目的が決まると、誰に何を見てもらうかが決まります。それによって必要なページが決まり、ページが決まると、載せる原稿の量が決まります。デザインは、その原稿の量に合わせて作ります。
反対に、デザインができあがったあとでページを増やしたり、載せる内容を大きく変えたりすると、デザインを作り直すことになります。ページの組み立てが終わったあとなら、作り直す範囲はさらに広がります。
後のステップになるほど、やり直しにかかる手間と費用は大きくなります。最初の「目的」と「構成」をしっかり決めておくことが、結果的に早く、きれいに仕上げる近道です。
3.ステップごとにやること
1. 相談・ヒアリング
制作会社が、ホームページを作る目的や、今困っていることを聞き取ります。「問い合わせを増やしたい」「採用に使いたい」「お店の情報を正しく載せたい」など、目的によって必要なページや作り方が変わります。
次のことを伝えられると、話が早く進みます。
- ホームページを作る目的
- 見てほしい人（お客さまの年代や地域など）
- 参考にしたいホームページ（好きなもの、苦手なもの）
- 公開したい時期
- 今あるホームページやドメインの情報
2. 見積もり・契約
見積もりを見るときは、金額だけでなく、何が含まれているかを確かめます。
- ページの数
- 原稿や写真を誰が用意するか
- デザインを直せる回数
- ドメインやサーバーの費用が含まれているか
- 公開したあとの更新や管理をどうするか
あわせて、スケジュールと支払いの条件も、契約の前に確かめておきましょう。
3. 構成を決める
ホームページ全体にどんなページを用意するか（サイトマップ）と、それぞれのページに何をどの順番で載せるか（ワイヤーフレーム）を決めます。ワイヤーフレームは、色や写真を入れる前の、ページの設計図のようなものです。
この段階では、見た目よりも「載せたい情報が漏れていないか」「お客さまが知りたいことに答えられているか」を確かめます。
4. 原稿・写真の用意
構成に合わせて、ページに載せる文章や写真、ロゴなどをそろえます。会社やお店のことをいちばんよく知っているのは、依頼する側です。制作会社に原稿づくりを任せる場合でも、元になる情報は依頼する側が用意することになります。
- 完成した文章でなくても、箇条書きのメモで渡せるか相談する
- 写真は、手元にあるもので足りるか、撮影が必要かを早めに決める
- ほかのホームページの文章や写真を、許可なく使わない
5. デザイン
ホームページの見た目を作ります。多くの場合、まずトップページのデザインを作り、方向性が決まってから、ほかのページに広げていきます。
デザインを確かめるときは、「なんとなく違う」ではなく、どこをどう変えたいのかを伝えると、修正がスムーズです。好みだけでなく、最初に決めた目的に合っているかで判断しましょう。
6. ページの組み立て
デザインをもとに、ブラウザで見られる実際のページを作ります。この作業を「コーディング」と呼びます。WordPressのような、自分で更新できる仕組みを入れる場合や、お問い合わせフォームを作る場合も、この段階で進めます。
依頼する側は、基本的には待つ期間です。この間に、ドメインやサーバーの準備が済んでいるかを確かめておくと、公開の前に慌てずに済みます。
7. 確認・修正
公開の前に、テスト用のURLなどで、できあがったページを確かめます。次の点を中心に見ていきましょう。
- 文章の誤字や、電話番号・住所・営業時間などの間違い
- スマートフォンでの見え方
- お問い合わせフォームから実際に送ってみて、メールが届くか
- リンクを押して、正しいページが開くか
確認する人が途中で増えると、それまでに決めたことがひっくり返ることがあります。誰が確認して、誰が最終的に決めるのかを、あらかじめ決めておきましょう。
8. 公開
ドメイン（ホームページの住所）とサーバー（ホームページのデータを置く場所）を設定して、インターネット上で見られるようにします。今あるホームページを新しいものに差し替える場合は、切り替えのタイミングも相談して決めます。
公開したら、自分のパソコンとスマートフォンで開いて、表示やフォームをもう一度確かめましょう。あわせて、ドメインとサーバーが誰の名義で契約されているかも確認しておくと安心です。
4.進みが止まりやすいところ
制作の途中で進みが止まりやすいところと、その対策をまとめました。
| 止まりやすいところ | 起きやすい理由 | 対策 |
|---|---|---|
| 原稿・写真がそろわない | ふだんの仕事と並行するため、後回しになりやすい | 担当者と締め切りを決めて、スケジュールに入れておく |
| 確認に時間がかかる | 確認する人が多い、または決める人がはっきりしていない | 確認する人と、最終的に決める人を最初に決めておく |
| 終盤に大きな変更が入る | 構成やデザインの段階で、確認しきれていなかった | 構成とデザインの段階で、時間をとって確かめる |
| ドメインやサーバーの情報が分からない | 以前の制作会社や担当者に任せたままになっている | 契約先とログインの方法を、早めに探しておく |
※今あるホームページの契約やログインの情報が分からない場合は、契約書や、サーバー会社・ドメインの会社から届いたメールを探してみましょう。
5.よくある質問
依頼から公開まで、どれくらいかかりますか？
ページの数や機能、原稿の準備の進み具合によって大きく変わり、数週間から数か月までさまざまです。正確な期間は、見積もりの段階でスケジュールを出してもらいましょう。
原稿は自分で書かないといけませんか？
制作会社によっては、原稿づくりも依頼できます。ただし、会社やお店の強み、サービスの内容など、元になる情報は依頼する側から伝える必要があります。
途中で内容を変えることはできますか？
できる場合が多いですが、後のステップになるほど、手間と費用が大きくなります。どこまでの修正が料金に含まれているかを、契約の前に確かめておきましょう。
公開したあと、自分で更新できますか？
WordPressのような更新の仕組みを入れれば、文章や写真を自分で変えられるようになります。自分で更新したい範囲を、最初の相談のときに伝えておきましょう。
ドメインやサーバーは、自分で契約したほうがよいですか？
自分（自社）の名義にしておくと、将来、制作会社を変えるときの手続きが少なく済みます。制作会社に契約を任せる場合も、名義と、管理画面に入る方法は確認しておきましょう。
6.まとめ
ホームページ制作は、相談から公開まで、8つのステップで進みます。前のステップで決めたことが次の土台になるため、順番どおりに進めることが、やり直しを減らす近道です。
- 最初に、作る目的と構成をしっかり決める
- 原稿と写真は、担当と締め切りを決めて早めに用意する
- 公開前の確認は、確認する人と決める人をはっきりさせる
- ドメインとサーバーの名義を確かめておく
まずは「何のためにホームページを作るのか」を、ひと言で書き出すところから始めてみましょう。公開したあとの管理については、ホームページの管理で気をつけたいことで紹介しています。
浅草Web屋では、ホームページの制作から、公開したあとの更新・管理までご相談いただけます。「何から決めればいいか分からない」という段階でも大丈夫です。