「ホームページを作りたいけれど、何から始めればいいの?」
「制作会社に頼むと、公開までどんな流れで進むの?」
結論から申し上げると、ホームページ制作は「目的を決める→載せる内容を整理する→設計→デザイン→組み込み(コーディング)→確認→公開→運用」の順番で進みます。いちばん大切なのは最初の2つです。目的と載せる内容が固まっていれば、途中のやり直しが減り、公開までがスムーズになります。
この記事では、総合広告代理店フリーザロックエージェントが、ホームページ制作の流れを8つのステップに分けて、各ステップで発注する側が準備することと、つまずきやすいポイントをまとめます。
ホームページ制作の全体の流れ
ホームページ制作は、おおまかに次の8つのステップで進みます。ページ数や機能によって期間は変わりますが、順番はほぼ同じです。
| ステップ | やること | 発注する側が準備すること |
|---|---|---|
| 1. 目的を決める | だれに、何をしてもらうためのサイトかを決める | 目的、届けたい人、成果の目安 |
| 2. 内容を整理する | 載せる情報を洗い出し、ページの一覧を作る | 会社の情報、サービスの資料、写真 |
| 3. 設計 | ページの構成と、各ページの情報の並びを決める | 構成案の確認 |
| 4. デザイン | 見た目(色、文字、写真の配置)を作る | ロゴ、指定の色、デザインの確認 |
| 5. 組み込み | デザインを、ブラウザで動くページにする | 原稿の最終版 |
| 6. 確認 | 表示、リンク、フォームの動きを確かめる | テスト環境での確認 |
| 7. 公開 | サーバーに上げて、だれでも見られるようにする | ドメイン・サーバーの情報 |
| 8. 運用 | お知らせの更新、数字の確認、改善 | 更新の担当者 |
ステップ1:目的を決める
まず、「このサイトで、だれに、何をしてもらいたいか」を決めます。目的によって、必要なページや見せ方が大きく変わるからです。
・問い合わせを増やしたい:サービスの説明、料金の目安、事例の見せ方、問い合わせフォームを重視します。
・会社の信頼を高めたい:会社概要、代表のあいさつ、沿革、取り組みなどを重視します。
・採用を強めたい:仕事の内容、働く人の声、募集要項、応募フォームを重視します。
・来店を増やしたい:場所、営業時間、メニュー、予約の方法を重視します。
目的が複数ある場合は、優先順位をつけます。すべてを同じ重さで載せると、何を伝えたいサイトなのかがぼやけてしまいます。
ステップ2:載せる内容を整理する
次に、載せる情報を洗い出します。ここで作るのが「サイトマップ(ページの一覧)」です。トップページの下に、どんなページを、どの順番で置くかを表にします。
このステップで、原稿や写真をどちらが用意するかも決めます。会社の沿革やサービスの細かい説明は、発注する側にしかわからない情報です。制作会社が文章を書く場合でも、もとになる資料やヒアリングが必要です。
・手元にある資料を集める:会社案内、パンフレット、営業資料、過去のチラシなど。
・使える写真を確認する:だれが撮ったか、使ってよい写真かを確かめます。
・撮影が必要か決める:社屋、スタッフ、商品の写真が足りない場合は、撮影を計画します。
ステップ3:設計
設計では、各ページの情報の並びを決めます。「ワイヤーフレーム」と呼ばれる、線と文字だけの簡単な図で確認するのが一般的です。デザインの前に情報の順番を決めておくと、見た目の好みに引っぱられずに中身を判断できます。
いまはスマートフォンでサイトを見る人が多いため、スマートフォンでの見え方を先に考えることが大切です。総務省「令和7年通信利用動向調査」(2026年5月公表)によると、スマートフォンを持っている世帯の割合は91.8%でした。スマートフォンの小さな画面で、知りたい情報にすぐたどり着けるかを確かめます。
ステップ4:デザイン
設計にもとづいて、色、文字、写真の配置を決めます。まずトップページのデザインを作って方向性を決め、そのあとで下のページに広げていく進め方が一般的です。
・ロゴや会社の色を渡す:ロゴのデータや、決まっている色があれば最初に共有します。名刺やパンフレットと見た目をそろえると、会社の印象が残りやすくなります。
・確認する人を決めておく:社内の確認者が途中で増えると、方向性が変わって修正が増えがちです。最終的に決める人を最初に決めます。
・好みより目的で判断する:「このデザインで、届けたい人が目的の行動を取りやすいか」を基準に確認します。
ステップ5:組み込み(コーディング)
デザインを、ブラウザで表示できるページにする作業です。お知らせや実績を社内で更新したい場合は、CMS(専門知識がなくてもページを更新できる仕組み)を入れることが多くあります。
このステップに入ってから原稿を大きく変えると、作業のやり直しが増えます。原稿は、組み込みの前に最終版にしておくのが理想です。
ステップ6:確認
公開の前に、テスト用の環境で表示と動きを確かめます。見落としやすい点を挙げます。
・パソコンとスマートフォンの両方で、表示がくずれていないか
・リンク切れや、まちがったリンク先がないか
・問い合わせフォームが届くか。自動返信メールの文面は正しいか
・会社名、電話番号、住所、料金に誤字がないか
・写真やイラストに、使ってよい根拠(権利)があるか
ステップ7:公開
確認が終わったら、サーバーにデータを上げて公開します。ドメイン(サイトの住所にあたる「〇〇.com」など)とサーバーを、だれの名義で、だれが管理するかを決めておくことが大切です。名義や管理の情報があいまいなままだと、将来、制作会社を変えるときや更新の手続きのときに困ることがあります。
リニューアルの場合は、古いページのURLから新しいページへ自動で移動する設定(リダイレクト)も検討します。検索エンジンや、ほかのサイトからのリンクを生かすためです。
ステップ8:運用と改善
ホームページは、公開してからが本番です。アクセス解析のツールで、どのページが見られているか、どこで離れているか、問い合わせが何件あったかを確認します。
・お知らせや事例を更新する:情報が古いままだと、見る人に「動いていない会社」と思われるおそれがあります。
・数字を見て直す:読まれていないページや、問い合わせにつながっていないページの内容を見直します。
・広告とつなげる:WEB広告や印刷物からサイトに来てもらう場合は、受け皿になるページの内容を広告とそろえます。
依頼するときに伝えたいこと
制作会社に相談するときは、次のことを伝えると、提案と見積もりが正確になります。
| 伝えること | 例 |
|---|---|
| 目的と届けたい人 | 法人からの問い合わせを増やしたい。担当者は総務部の方が多い |
| ページ数の見込み | トップ、サービス3ページ、会社概要、お知らせ、問い合わせ |
| 必要な機能 | 問い合わせフォーム、お知らせの更新、採用の応募 |
| 原稿と写真 | 原稿は社内で用意。写真は撮影したい |
| 公開の希望時期 | 展示会の前に公開したい |
| 予算の目安 | 上限の金額があれば伝える |
また、制作の発注には、取引の条件を書面で示すルールがあります。2026年1月1日に施行された「中小受託取引適正化法(取適法)」や、2024年11月1日に施行された「フリーランス・事業者間取引適正化等法」では、発注の内容、代金、支払期日などを、書面や電子メールなどで示すことが求められています(政府広報オンライン、厚生労働省の案内より)。対象になるかどうかは、会社の規模や相手によって変わります。発注内容は、口約束ではなく書面で残しておきましょう。
つまずきやすいポイントと対策
ホームページ制作でよくあるつまずきと、その対策をまとめます。
| よくあるつまずき | 起きる理由 | 対策 |
|---|---|---|
| 原稿がそろわず、公開が遅れる | 社内で書く人と締切が決まっていない | ページごとに担当者と締切を決める |
| デザインの修正が終わらない | 確認する人が多く、意見がまとまらない | 最終的に決める人を1人決める |
| 公開後に更新できない | 更新の方法や担当が決まっていない | CMSの使い方を教わり、更新の担当を決める |
| 問い合わせが増えない | 目的に合った導線(次に何をすればよいかの案内)がない | 各ページの最後に、問い合わせや資料請求への案内を置く |
| 見積もりにない作業が発生する | どこまでを依頼するかがあいまい | 原稿作成、撮影、更新作業の範囲を見積もりの段階で確認する |
とくに多いのが、原稿の遅れです。制作会社の作業が早く進んでも、会社の情報や写真がそろわないと公開できません。公開日が決まっている場合は、そこから逆算して、原稿の締切を早めに決めておきましょう。
よくある質問
Q. 原稿は自分たちで書かないといけませんか?
A. 制作会社に文章の作成まで頼むこともできます。ただし、会社の考えやサービスのくわしい内容は、発注する側にしかわかりません。ヒアリングや資料の提供は必要です。
Q. 公開したあとの更新も頼めますか?
A. 多くの制作会社が、更新や保守の契約を用意しています。社内で更新するか、外に頼むかを、制作の前に決めておくと、CMSの入れ方や見積もりの内容が決まりやすくなります。
まとめ:目的と内容を先に固める
・ホームページ制作は「目的→内容の整理→設計→デザイン→組み込み→確認→公開→運用」の順で進む
・最初に目的と届けたい人を決め、載せる内容と原稿・写真の担当を整理しておく
・スマートフォンでの見え方を先に考える(スマートフォンを持つ世帯は91.8%)
・ドメインとサーバーの名義・管理者を決め、公開後は数字を見て改善する
制作費の目安は広告クリエイティブ制作の費用相場、問い合わせにつながるページの作り方は成果が出るLP・バナーの作り方をご覧ください。


