• Skip to main content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Skip to footer
  • HOME
  • SugaiDesignOffice

横浜ホームページ制作|菅井デザインオフィススタッフブログ

Elementor
  • ホームページ制作の基礎知識
  • ホームページ運用・保守
  • AI活用
  • SEO・Web集客の基礎
  • システム開発・業務効率化
  • 経営・起業に役立つWeb活用術
  • その他
ホーム / ホームページ制作の基礎知識 / ホームページ制作の基本的な流れとは?発注から公開までのステップを解説

ホームページ制作の基本的な流れとは?発注から公開までのステップを解説

2026年4月2日

ホームページを新しく作りたい、あるいは古くなったホームページを作り直したいと考えたとき、多くの方が最初に迷うのが「何から始めればよいのか」という点です。制作会社に相談する前に全体の流れを知っておくと、打ち合わせの内容も理解しやすくなり、スケジュールの見通しも立てやすくなります。

この記事では、ホームページ制作を発注してから公開するまでの基本的な流れを、各ステップの目安期間とあわせてご紹介します。

1. 目的と要件の整理

最初に行うのは、ホームページを作る目的をはっきりさせることです。会社の紹介をしたいのか、商品やサービスを紹介したいのか、採用活動に使いたいのかによって、必要なページやデザインの方向性が変わってきます。

あわせて、予算やおおよそのスケジュール、公開したい時期についても、社内である程度整理しておくと、制作会社とのやり取りがスムーズになります。

目安期間:1週間〜2週間

2. 制作会社への相談・見積もり

目的が整理できたら、制作会社に相談し、見積もりを依頼します。この段階で、目的やイメージを伝えることで、どのくらいの規模のホームページが必要か、費用感やスケジュールの目安を提示してもらえます。

複数のページ構成やデザインの参考例を見せてもらいながら、自社のイメージに近いものを一緒に探していく流れになることが多いです。

見積もりの内容には、デザインやコーディングの費用だけでなく、公開後の保守・更新にかかる費用や、サーバー・ドメインといった維持費用が含まれているかどうかも、あわせて確認しておくと安心です。

目安期間:2週間〜1ヶ月

3. 企画・構成の検討(サイトマップ作成)

ホームページにどのようなページを用意するかを決める工程です。トップページのほか、会社概要、サービス紹介、お問い合わせなど、必要なページを洗い出し、ページ同士のつながりを整理した「サイトマップ」を作成します。

このサイトマップが、その後のデザインや原稿作成の土台になります。

目安期間:1週間〜2週間

4. デザインの制作

サイトマップをもとに、実際の見た目となるデザインを作成します。トップページのデザインを先に確認し、方向性を決めたうえで、他のページのデザインに展開していくことが一般的です。

色やレイアウト、写真の使い方など、会社の雰囲気が伝わるデザインになっているかを、この段階でしっかり確認しておくことが大切です。

目安期間:2週間〜1ヶ月

5. 原稿・素材の準備

ホームページに掲載する文章(原稿)や、会社の写真、ロゴなどの素材を準備します。原稿は制作会社が用意してくれる場合と、発注側で用意する場合があるため、事前にどちらが担当するかを確認しておくとよいでしょう。

この工程は、依頼する側の準備状況によって期間が大きく変わりやすいポイントでもあります。

目安期間:2週間〜1ヶ月(準備状況により変動)

6. コーディング・システムの実装

デザインが確定したら、実際にブラウザで表示できる形にする作業に入ります。お問い合わせフォームや、スマートフォンでも見やすくする対応なども、この段階で組み込まれます。

目安期間:2週間〜1ヶ月

7. テスト・確認

公開前に、パソコンやスマートフォンなど、複数の環境で正しく表示されるかを確認します。リンク切れがないか、フォームからきちんと送信できるかなど、細かな部分までチェックする工程です。

依頼側でも、実際に画面を見ながら誤字脱字や表現の確認を行っておくと安心です。

目安期間:1週間〜2週間

8. 公開

確認が完了したら、いよいよホームページを公開します。公開後すぐに検索結果に表示されるわけではないため、公開時期は余裕を持ってスケジュールしておくことをおすすめします。

9. 公開後の運用

ホームページは公開して終わりではありません。情報の更新や、不具合が起きていないかの確認など、公開後の運用も必要になります。運用をどこまで自社で行うか、制作会社に依頼するかも、あわせて検討しておくとよいでしょう。

スケジュールが延びやすいポイント

制作期間が当初の予定より延びてしまう主な原因は、実は制作会社側の作業ではなく、依頼する側の準備にかかる時間であることが少なくありません。特に、原稿や写真などの素材の準備、社内での確認・承認に時間がかかるケースがよく見られます。

余裕を持ったスケジュールにしたい場合は、原稿の担当者をあらかじめ決めておく、社内の確認フローを事前に整理しておくといった準備が、結果的にスムーズな進行につながります。

まとめ

ホームページ制作は、目的の整理から始まり、企画、デザイン、原稿準備、実装、確認を経て公開に至ります。規模にもよりますが、全体でおおよそ2〜3ヶ月程度を見込んでおくと、余裕を持って進めやすくなります。

全体の流れを事前に知っておくことで、制作会社との打ち合わせもスムーズになり、スケジュールのずれにも落ち着いて対応できるようになります。これからホームページ制作を検討される方の参考になれば幸いです。

カテゴリホームページ制作の基礎知識

本記事の情報について
本記事は公開日時点で調査・検証した内容を掲載しています。掲載後のアップデートや仕様変更により、記載の手順・画面・価格などが現在と異なる場合があります。内容には十分注意を払っていますが、正確性・完全性を保証するものではありません。本記事を参考にした結果生じた損害等について、当方では責任を負いかねますので、あらかじめご了承ください。

最初のサイドバー

Entry

ホームページ制作の依頼先はどう選ぶ?制作会社とフリーランスの違い

2026年8月4日

AI対策は検索エンジン対策に置き換わるのか — 中小企業が押さえておきたい考え方

2026年8月2日

ホームページと連携させるSNSの選び方と、無理なく続ける運用のコツ

2026年8月1日

WordPressの更新通知、そのままにしていませんか — 更新が必要な理由

2026年7月31日

WordPressに向いたレンタルサーバーの選び方とおすすめ3社の比較

2026年7月30日

CATEGORY

  • ホームページ制作の基礎知識
  • ホームページ運用・保守
  • AI活用
  • SEO・Web集客の基礎
  • システム開発・業務効率化
  • 経営・起業に役立つWeb活用術
  • その他

TAG

AI活用 Elementor Gemini Notebook Search Console SNS Web活用 wordpress サーバー システム保守 セキュリティ ターゲット データ管理 パスワード不要 プラグイン プロンプト ホームページ ホームページ制作 ホームページ 更新 ホームページ更新 ホームページ運用 ホームページ 集客 ホームページ集客 ログイン方法 中小企業 中小企業 情報発信 仕組み 保守 写真 初心者 動画活用 問い合わせ対応 学習方法 文章作成 日本語フォント 検索エンジン 検索順位 業務システム 業務効率化 準備 独自ドメイン 生成AI 経営 航空法 運用 選び方

SEARCH

X

菅井デザインオフィス Follow 514 5

SugaiDesignOffice web designer, programmer, video creator/filmmaker, drone pilot, photographer I enjoy cars, traveling, and gaming.

SugaiDesign
Retweet on Twitter 菅井デザインオフィス Retweeted
cursor_ai avatar Cursor @cursor_ai ·
3 8月 2084376701539405904

Cursor can now read, write, and act across your Google Workspace.

New plugins give agents direct access to Gmail, Google Drive, Calendar, Docs, and Sheets.

Image for the Tweet beginning: Cursor can now read, write, Twitter feed image.
Reply on Twitter 2084376701539405904 184 Retweet on Twitter 2084376701539405904 359 Like on Twitter 2084376701539405904 5315 X 2084376701539405904
Retweet on Twitter 菅井デザインオフィス Retweeted
DJIGlobal avatar DJI @DJIGlobal ·
31 7月 2083091656677413016

Slowed 60x in the DJI Lab: a hovering #DJIMavic4Pro reveals steady, orderly tip vortices. Through blade shape, spacing, and more, airflow is efficiently turned into lift — keeping it stable and controllable.
What test would you like to see next?
#DJI #CameraDrone #DJILab

Image for the Tweet beginning: Slowed 60x in the DJI Twitter feed video.
Reply on Twitter 2083091656677413016 21 Retweet on Twitter 2083091656677413016 48 Like on Twitter 2083091656677413016 221 X 2083091656677413016
Retweet on Twitter 菅井デザインオフィス Retweeted
AnthropicAI avatar Anthropic @AnthropicAI ·
30 7月 2082965101083320543

In a review of our cybersecurity evaluations, we found three incidents in which a Claude model reached the internet from within or while interacting with a third-party evaluation environment, and then gained unauthorized access to the real systems of three different

Reply on Twitter 2082965101083320543 1947 Retweet on Twitter 2082965101083320543 2291 Like on Twitter 2082965101083320543 13644 X 2082965101083320543
Load More

Footer

LINK

  • Google Gsuite
  • Elementor
  • crocoblock
  • divi

CATEGORY

  • ホームページ制作の基礎知識
  • ホームページ運用・保守
  • AI活用
  • SEO・Web集客の基礎
  • システム開発・業務効率化
  • 経営・起業に役立つWeb活用術
  • その他

© 2026 Moon rose inc.