初めてホームページ作成をプロに依頼する時、「どんな手順で作業が進んでいくのか」の流れを知っておくと安心です。
この記事では問い合わせから正式発注、デザイン制作、テスト、そしてサイト公開に至るまでの全体の7つのステップをわかりやすく整理して解説します。
この記事でわかること
- ホームページ制作の全7ステップの流れ
- 各ステップで依頼側が準備・対応すべきこと
- 依頼側と制作会社、それぞれの役割分担
- トラブルなくスムーズに進行させるポイント
全体の流れをひと目で
7つのステップは、依頼側（クライアント）と制作会社が交互にバトンを渡しながら進みます。まずは全体像を図で確認してから、各ステップの詳細を見ていきましょう。
flowchart LR
S1["STEP1<br/>お問い合わせ"] --> S2["STEP2<br/>ヒアリング"]
S2 --> S3["STEP3<br/>見積もり・契約"]
S3 --> S4["STEP4<br/>構成案・素材準備"]
S4 --> S5["STEP5<br/>デザイン・コーディング"]
S5 --> S6["STEP6<br/>テスト・最終確認"]
S6 --> S7["STEP7<br/>公開・運用保守"]
さらに、どの作業を依頼側と制作会社のどちらが主に担当するのかを整理すると、次のようになります。準備物の抜け漏れを防ぐ意味でも、着手前に一度確認しておくと安心です。
flowchart TD
subgraph client["依頼側の主な作業"]
C1["目的・予算・納期の共有"]
C2["強み／ターゲット像の共有"]
C3["原稿テキスト・写真素材の準備"]
C4["デザイン確認・修正依頼"]
C5["テスト環境での最終チェック"]
end
subgraph agency["制作会社の主な作業"]
A1["ヒアリング・要件整理"]
A2["構成案・見積書の作成"]
A3["デザイン制作・コーディング"]
A4["テスト・不具合修正"]
A5["公開作業・保守体制の案内"]
end
C1 --> A1 --> A2 --> C2
C2 --> C3 --> A3 --> C4
C4 --> A4 --> C5 --> A5
STEP 1：お問い合わせ・事前相談
まずはWebフォームや電話、LINE等で制作会社へ問い合わせを行います。制作の目的（集客、会社案内、採用など）や希望の納期、予算感を大まかに伝えます。
この段階では細かい仕様まで固まっていなくても問題ありません。「今のホームページが古くなった」「そもそも作ったことがない」といった漠然とした相談でも、制作会社側で目的や優先順位を一緒に整理していきます。問い合わせ時にざっくりとした予算レンジと、いつまでに公開したいかの希望納期を伝えておくと、次のヒアリングがスムーズに進みます。
STEP 2：ヒアリングと打合せ
対面やオンライン（Zoom等）でヒアリングを受けます。自社の強みやターゲット客層、希望のデザインテイストや参考にしたい他社サイトなどをすり合わせます。
ヒアリングでは「誰に」「何を伝えて」「どんな行動をしてほしいか（問い合わせ・来店・採用応募など）」というサイトのゴールを言語化していきます。競合他社のサイトや好みのデザインの参考URLを2〜3件用意しておくと、イメージのすり合わせが格段にスムーズになります。この場ですり合わせた内容が、次の構成案・見積もりの土台になります。
STEP 3：企画提案・見積もり・ご契約
ヒアリング内容をもとにサイトの構成案（ワイヤーフレームの基礎）と見積書が提示されます。内容・料金・契約条件に納得できたら正式発注・契約を結びます。
見積書は「含まれる作業範囲」「修正回数の上限」「追加料金が発生する条件」まで確認してから契約するのが安心です。不明点はこの段階で必ず質問し、口頭でのやり取りだけでなく書面（見積書・契約書）に残してもらうようにしましょう。契約後の「言った・言わない」のトラブルを防ぐ、最も重要なステップです。
STEP 4：サイト構成案の策定・原稿・素材の準備
トップページや各下層ページのレイアウト設計（構成案）を決定します。並行して、掲載するテキスト文章やロゴ・写真画像素材を用意します。
構成案では各ページにどんな情報を、どの順番で配置するかを決めます。並行して依頼側は、会社概要や事業内容などのテキスト原稿、ロゴデータ、掲載したい写真を準備します。ここでの提出スピードが全体のスケジュールを大きく左右するため、着手前から素材を集め始めておくと後工程が滞りません。
STEP 5：デザイン制作・コーディング（構築）
決定した構成をもとにトップページや下層ページのカンプデザインを作成し、確認を受けます。承認後にHTML/CSSやAstro/WordPress等でのプログラム構築を行っていきます。
デザイン確認では、パソコン画面だけでなくスマートフォンでの見え方（レスポンシブデザイン）も必ずチェックしましょう。デザインが確定した後の大幅な変更は追加費用や納期遅延につながりやすいため、この段階で違和感なく納得できるまで、遠慮なく修正依頼を出しておくことが大切です。
STEP 6：テスト検証・最終確認・修正
構築されたテスト環境（確認用URL）で、文字間違いやスマホでの見え方、お問い合わせフォームの送信テスト等を実施し、必要な修正を行います。
テスト環境では、誤字脱字や表示崩れだけでなく、各種ボタンやリンクが正しい遷移先につながっているか、お問い合わせフォームが実際に自社に届くかまで、一つずつ実際に操作して確認します。可能であればスマートフォン・タブレット・パソコンの複数端末、複数ブラウザで見え方をチェックしておくと、公開後の想定外の不具合を減らせます。
STEP 7：本番公開と運用・保守開始
サーバーに本番ファイルを設置し、ドメイン設定を行ってインターネット上に一般公開します。公開後はアクセス解析や定期更新などの運用・保守フェーズへ移行します。
公開直後は、実際の本番URLで表示崩れやリンク切れがないかを改めて確認しましょう。また、Googleアナリティクス等のアクセス解析ツールを導入しておくと、公開後にどれくらいの人がサイトを訪れているかを把握できます。公開はゴールではなくスタートであり、その後の更新・保守体制まで含めて依頼先と認識をすり合わせておくことが、長く成果につながるホームページ運用のポイントです。
よくある質問
依頼側で一番大変な作業は何ですか？
掲載するテキスト原稿や写真素材を揃える作業です。Webcanvasでは文章制作サポートや素材選定のサポートも行っていますのでご安心ください。
原稿執筆に慣れていない場合、「何を書けばいいかわからない」「文章を書く時間が取れない」という声が多く聞かれます。あらかじめ質問シートに答える形でヒアリングし、それをもとに制作会社側で文章の骨子を作成する進め方であれば、依頼側の負担を大きく減らすことができます。
まとめ
ホームページは、作ること自体がゴールではありません。会社やお店の魅力を正しく伝え、検索した人に安心してもらい、問い合わせや来店など次の行動につなげることが大切です。
Webcanvasでは、鹿児島の個人事業主・中小企業の方にも分かりやすいホームページ制作を心がけています。現在は、シンプルなホームページ向けの「スタート」10万円〜、デザインにもこだわりたい方向けの「スタンダード」14万8,000円〜、完全オリジナルをご希望の方向けの「プレミアム」30万円〜をご用意しています。
「自分の場合はいくらくらい？」「何を準備すればいい？」という段階でも大丈夫です。ホームページ制作をご検討中の方は、お気軽にWebcanvasへご相談ください。
