![\"\"](\"https:\/\/revedesign.jp\/blog\/wp-content\/uploads\/2023\/07\/IMG_3822-3-150x150.jpg\")
Mariko<\/span><\/div>小規模なホームページ制作から200ページ以上にわたるWEBサイト制作まで携わってきた経験から、一般的なホームページ制作の流れを分かりやすくご説明していきます。<\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n ホームページには、コーポレートサイト、ブランドサイト、ブログサイトなど様々な種類があり、ホームページの種類や規模、依頼先（Web制作会社もしくはフリーランスなど）によって制作期間や流れは異なります。本記事でご紹介するホームページ制作の流れは、以下の条件をもとにご紹介いたします。<\/p>\n\n\n\n この条件で制作する場合の全体の制作の流れは以下の通りです。紫色の部分は依頼者側での作業が必要<\/span><\/strong>となります。<\/p>\n\n\n\n 小規模のホームページでも、オリジナルデザインのホームページを企画からしっかりと作り込むと制作期間は3ヶ月はかかります。 オリジナルのテーマではなく、WordPressの既存テーマを使用して制作する制作者が増えていますが、この場合は費用を削減でき、制作期間もグッと短縮できます。制作者によって変わってきますが、表の「サイト設計」のフェーズがなくなり、「制作フェーズ」の工数もおおよそ1\/3程度に短縮できます。どちらが良いのか制作者さんに相談して、それぞれのメリットやデメリットを確認しましょう。<\/p>\n\n\n\n ここからは各フェーズで依頼者側がやるべきことや流れを一つずつ説明していきます。<\/p>\n\n\n\n 企画フェーズはホームページを制作する上で、最も重要なフェーズ<\/span><\/strong>です。コンセプト設計やターゲット選定などの企画フェーズが、ホームページの成功を左右すると言っても過言ではありません。 ホームページ制作を依頼するには、まずはホームページのお問い合わせフォームなどから気になる制作者さんにコンタクトをとってみましょう。その際には、以下の2つを伝えておくと問い合わせ後もスムーズに進むのでおすすめです。<\/p>\n\n\n\n ここが明確になっていないと、制作者からのご提案やお見積もりが不十分になってしまうことがあるので、良い提案をもらうためにも時間をかけてじっくり考えておきましょう。<\/p>\n\n\n\n お問い合わせをした後は、制作者からご提案と見積もりに必要なヒアリングシートが送られます。ホームページ制作の目的やターゲット、サービスや商品の強みや特徴、デザインのイメージや伝えたい内容など細かくヒアリングすることが多いので、せっかくの機会ですので、今一度自分の事業やコンセプトを見直してみましょう。<\/p>\n\n\n 私の方で制作する場合は、一緒にブランディングやコンセプト設計からサポートすることも可能ですので、自分で考えるのがご不安な方はお気軽にご相談くださいね＊ ヒアリングシートで伝えた内容をもとに、制作者がご提案とお見積もりを作成します。私の場合はオンラインミーティングで最初のご提案とお見積りについて、直接ご説明させていただいています。その提案とお見積りをもとにさらに詳細をヒアリング・ご相談をし、ご要望に応じて最終的なご提案とお見積りをお出しします。<\/p>\n\n\n\n ここでは依頼者側が準備するものは特にありません<\/span><\/strong>。制作者からの提案を聞いて、正式に依頼するかどうか検討しましょう。<\/p>\n\n\n\n せっかく直接プロの制作者とお話する機会ですので、わからないことや不安に思っていることは遠慮せずに直接聞いてみましょう！<\/p>\n\n\n\n 発注後は契約書の締結や着手金の支払いなどの手続きをして、制作開始になります。（契約書締結の有無や支払い金額は制作者によって異なります。）<\/p>\n\n\n\n 制作フェーズでは制作者が進行管理を行うので、基本的には制作者からの依頼に応えていればスムーズに進みます<\/span><\/strong>。<\/p>\n\n\n\n 制作フェーズで一度確定したサイトの全体像（サイトマップ）やサイト設計（ワイヤーフレーム）に後から修正が発生すると、時間ロスになるだけでなく、追加作業が発生すると費用が追加になるケース<\/span><\/strong>もあります。制作フェーズでは制作者からの確認依頼があった場合はこまめに確認し、大きな認識の差異が生まれないようにすることが重要<\/span><\/strong>です。 サイトマップやワイヤーフレームというものでWEBサイトの構成を決めていきます。基本的には制作者側がデザイン性やユーザーにとっての使い勝手、SEOなどのバランスを考慮して構成を提案してくれるので、依頼者側はそれを確認し、気になる点があれば制作者に伝え、修正を繰り返してサイトの構成を確定します。<\/p>\n\n\n\n ホームページ制作の中で最も依頼者側での作業が必要な工程<\/span><\/strong>になります。確定したサイト設計に沿ってテキスト文と挿入する画像素材を用意します。 原稿・画像準備と同時進行で、制作者側ではデザイン案を作成していきます。原稿と画像が確定したページからデザインを作成し、実際にどのようにWEB上で見えるのかをイメージできるような形でご提案します。<\/p>\n\n\n\n 確定したデザイン案をWEB上で見れるよう、コーディングとシステム開発の作業を制作者側で行います。このフェーズでは依頼者側で必要な作業は特にない<\/span><\/strong>のでご安心ください。 この段階でドメインとサーバーが必要になるため、ご自身で取得する場合はこのフェーズに入るまでに取得をして情報を制作者に伝えましょう。<\/p>\n\n\n 私の方では、ドメイン・サーバーの取得サポートも無料※で行っていますので、お気軽にご相談くださいませ。ご希望に応じて、取得代行も承っています＊ コーディングとシステム開発が終わったページから、実際にWEB上で確認できるようになります。制作者から確認があったページから、順次チェックしていく作業<\/span><\/strong>になります。 納品後の修正は追加費用がかかってしまうケースがほとんど。最終確認はしっかりと時間をとって確認しましょう。<\/span><\/strong><\/p>\n\n\n\n テスト環境で問題ないことが確認できて、修正も完了したらいよいよ本番公開（誰でも見れる状態）になります。 ホームページ集客のための運用にはSEO対策やコンテンツマーケティングなどWEBマーケティングの専門知識が必要になります。WEB制作者を選ぶ際には、事前に「Webマーケティングの知識や実績があるのか」を確認しておくと良いでしょう。<\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n 最後に、ホームページ制作の流れのポイントをまとめておきます。<\/p>\n\n\n\n 制作者に「丸投げ」では、なかなか成果の出るサイトは作れません。プロの制作者にサポートしてもらいながら、二人三脚で質の高いホームページを育てていくという意識の元取り掛かると、一生物の資産になるくらいの質の高いホームページを持つことができるはずです＊<\/p>\n\n\n\n 私の方では制作前の企画から制作・運用までを、初心者の方にも丁寧に分かりやすくサポートすることを心がけています。 無料相談のご依頼・お問い合わせはこちら<\/a><\/p>\n\n\n\n 公式LINEご登録者限定！<\/strong> 肩肘張らない自然体な「私」で選ばれる<\/strong> をプレゼント中です＊<\/p>\n\n\n\n その他、新サービスやモニター募集、期間限定の割引クーポンなど、お友だち限定の最新情報をお届けしています。<\/p>\n\n\n\n <\/a><\/p>\n\n\n\n メルマガ登録者限定！<\/strong> 疲弊と不安ゼロのWEB集客で、「時間」と「お金」の自由を手に入れる7日間メール講座<\/span><\/strong><\/p>\n\n\n\n も配信中！<\/p>\n\n\n\n その他、WEB集客やホームページ制作、SEO<\/a>、ブランディングなど、ブログでは伝えきれない女性のビジネスに役立つ情報を定期的に配信しています。<\/p>\n\n\n\n\n
ホームページ制作の依頼〜公開までの流れ<\/h2>\n\n\n\n
\n
![\"ホームページ制作の流れ\"](\"https:\/\/revedesign.jp\/blog\/wp-content\/uploads\/2021\/05\/f42e89468406609207a2576bbf0d2cfd.jpg\")
<\/figure>\n\n\n\n
また、「原稿・画像準備」は基本的には依頼者側で必要な作業<\/span><\/strong>になるので、全てを丸投げで終わるという考えは捨てた方が良いでしょう。ホームページは制作者と二人三脚で一緒に作る意識を持つ<\/span><\/strong>ことが、質の高いホームページを作る上で大切な心構えになります。<\/p>\n\n\n\nホームページ企画フェーズの流れ<\/h2>\n\n\n\n
![\"ホームページ集客\"](\"https:\/\/revedesign.jp\/blog\/wp-content\/uploads\/2020\/07\/lauren-mancke-aOC7TSLb1o8-unsplash-1024x681.jpg\")
<\/figure>\n\n\n\n
実は制作前の事前準備が最も重要だなんて、最初はなかなか想像つかないと思いますが、本当にここの部分がしっかりできているかどうかで成果にも大きく差が出ます。<\/p>\n\n\n\n1. お問い合わせ<\/h3>\n\n\n\n
\n
2. ヒアリング<\/h3>\n\n\n\n
Mariko<\/span><\/div>
ご相談・お問い合わせはこちら<\/a><\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n3. ご提案・お見積り<\/h3>\n\n\n\n
企画フェーズの流れで依頼者がやるべきことまとめ<\/h3>\n\n\n\n
\n
ホームページ制作フェーズの流れ<\/h2>\n\n\n\n
![\"SEO対策のキーワード設定方法\"](\"https:\/\/revedesign.jp\/blog\/wp-content\/uploads\/2020\/07\/seo-keyword-1024x683.jpg\")
<\/figure>\n\n\n\n
「任せておけば大丈夫」という考えで適当にチェックしていると後々大きなトラブルになることもあるので、確認作業だけは怠らないように<\/span><\/strong>しましょう。<\/p>\n\n\n\n1. サイト設計<\/h3>\n\n\n\n
2. 原稿・画像準備<\/h3>\n\n\n\n
この辺りも制作者の指示に沿って、テンプレートに入力したり所定のフォルダに画像をアップロードすれば問題ないです。<\/p>\n\n\n\n3. デザイン<\/h3>\n\n\n\n
4. コーディング・システム開発<\/h3>\n\n\n\n
お問い合わせページに掲載する電話番号やホームページに掲載するSNSのアカウントなど細かい確認が必要なケースはありますが、制作者から確認があった場合に答えるようにすれば問題ないです。<\/p>\n\n\n\nMariko<\/span><\/div>
※ホームページ制作をご依頼頂いたお客さま限定のサービスです。
ご相談・お問い合わせはこちら<\/a><\/p>\n<\/span><\/span><\/span><\/div><\/div><\/div><\/div>\n\n\n5. テスト環境で確認<\/h3>\n\n\n\n
「ホームページに誤字・脱字がないか」「スマホで閲覧しても崩れていないか」「お問い合わせの機能は正しく動作しているか」など確認しましょう。<\/p>\n\n\n\n制作フェーズの流れで依頼者がやるべきことまとめ<\/h3>\n\n\n\n
\n
公開・運用フェーズ<\/h2>\n\n\n\n
![\"ホームページ制作の依頼の流れ\"](\"https:\/\/revedesign.jp\/blog\/wp-content\/uploads\/2021\/05\/lukas-blazek-GnvurwJsKaY-unsplash-1024x678.jpg\")
<\/figure>\n\n\n\n
ホームページは公開してからが本番<\/span><\/strong>です。ホームページ制作のことを考える際、どうしても制作〜公開までに目が行きがちですが、この運用面がとっても重要です。
どんなに質の高いホームページを制作しても、その後何もせずに放置していたら残念ながら廃れていってしまいます。特にSEO（Googleの検索結果の画面で上位に上げること）は一時的に頑張って成果が出るものではなく、継続的にコンテンツを更新したり、アクセス分析をして改善していく必要<\/span><\/strong>があります。
運用面は初心者には難易度が高いため、運用もプロの制作者にサポートしてもらいながら、しっかりホームページを育てていくことがホームページ制作の成功の鍵<\/strong>になります。初期投資で終えたい気持ちも分かりますが、価値のあるホームページに育てるためには、この運用面にも費用をかけることを強くおすすめしています。<\/p>\n\n\n\n![\"\"](\"https:\/\/revedesign.jp\/blog\/wp-content\/uploads\/2023\/07\/IMG_3964-150x150.jpg\")
Mariko<\/span><\/div>ホームページ制作の流れまとめ<\/h2>\n\n\n\n
<\/figure>\n\n\n\n\n
ホームページ制作の無料相談も承っています＊<\/h2>\n\n\n\n
以下のような安心してご依頼いただけるサポートやサービスを整えていますので、ご不安な方は一度お気軽にご相談くださいませ＊<\/p>\n\n\n\n\n
「3Days無料動画プログラム<\/span><\/strong>」をプレゼント中♪<\/p>\n\n\n\n![\"公式LINE登録\"](\"https:\/\/revedesign.jp\/blog\/wp-content\/uploads\/2025\/11\/bannar-1024x576.jpg\")
<\/a><\/figure>\n\n\n\n
公式LINEのお友だちにご登録いただいた方には、<\/p>\n\n\n\n
安定的・長期的なビジネスを実現するための<\/strong>
3Days動画プログラム<\/strong><\/p>\n\n\n\n
「WEB集客課題発見シート<\/span><\/strong>」をプレゼント中♪<\/p>\n\n\n\n![\"メルマガ登録\"](\"https:\/\/revedesign.jp\/blog\/wp-content\/uploads\/2023\/07\/mailmagazine-1024x576.jpg\")
<\/a><\/figure>\n\n\n\n
![\"メール講座の内容\"](\"https:\/\/revedesign.jp\/blog\/wp-content\/uploads\/2023\/07\/IMG_3696-1024x769.jpg\")
<\/figure>\n\n\n\n