コラム / 制作の流れBlog / How It Works

ホームページ制作の流れを全工程解説|依頼から公開まで何をする?The Web Design Process: What Happens Between Inquiry and Launch

Bridge Web Design / Hugo Onishi

「ホームページを作ろうと思うけど、何から始めればいいか分からない」という方は多いです。依頼してから公開するまでに何が起きるのか、各工程でお客様に何をお願いするのかを、実際の制作の流れに沿って解説します。「流れが分かれば不安が減る」という方にぜひ読んでいただきたい内容です。

"I have no idea what to expect." That's completely normal. Here's exactly what happens — step by step — from your first message to the day your site goes live.

制作の全体の流れ

01

お問い合わせ・初回ヒアリング

フォーム・メール・電話でご連絡いただいた後、ZoomまたはLINEで30〜60分の無料ヒアリングを行います。「何のためのサイトか」「誰に向けたサイトか」「ご予算・スケジュール」を確認します。初回相談は無料です。

02

お見積もり・ご提案

ヒアリング内容をもとに、制作内容・費用・スケジュールの見積もりを提出します。内容に納得いただけたら契約へ進みます。契約はオンラインで完結します。着手金として費用の50%をお支払いいただきます。

03

素材・コンテンツのご提供

制作に必要なテキスト原稿・写真・ロゴデータをご提供いただきます。「テキストが書けない」「写真がない」という場合は、ライティングや素材写真の選定もサポートできます。この工程がスムーズだと、制作期間が大きく短縮されます。

04

デザイン・ワイヤーフレームの確認

まずページ構成(ワイヤーフレーム)をお見せし、情報の並び順や構成を確認いただきます。合意が取れてからデザインカンプ(ビジュアルデザイン)を制作し、方向性を確認します。この段階でのフィードバックが最も重要です。

05

コーディング・実装

デザインが確定したら、HTML/CSS/JavaScriptでウェブページとして実装します。スマートフォン対応(レスポンシブ)・表示速度・SEO基本設定も同時に行います。テスト環境(非公開URL)でご確認いただきます。

06

修正・最終確認

テスト環境でご確認いただき、修正点をお伝えいただきます。プランに含まれる修正回数(通常2回)の範囲で対応します。「ここを直したい」という細かい要望もこの段階で対応します。

07

公開・納品

最終確認が完了したら、本番ドメイン・サーバーへの公開作業を行います。ドメイン・サーバーをお持ちでない方は取得・設定もサポートします。残金50%のお支払いで納品完了です。

08

公開後のサポート

公開後も、Googleサーチコンソールへの登録・Googleビジネスプロフィールとの連携・アクセス解析設定まで対応しています。継続的な更新・保守はメンテナンス契約(月1万円〜)でご利用いただけます。

制作期間の目安

LP(1ページ)の場合、素材提供が揃っていれば最短1〜2週間で公開できます。コーポレートサイト(5〜10ページ)は1〜2か月が目安です。制作期間の大半は「素材・コンテンツ待ち」であることが多く、お客様側の準備が早いほど制作期間は短縮されます。

「いつまでに公開したい」というご希望がある場合は、最初のヒアリング時にお伝えください。スケジュールに合わせた進め方を提案します。詳しい制作の流れは制作プロセスのページもご参照ください。

「何が必要で、何をいつまでに用意すれば良いか」が分かると、制作はスムーズに進みます。不明点は何でも聞いてください。

よくあるご質問

ホームページ制作にかかる期間はどのくらいですか?

LP(1ページ)であれば最短1〜2週間、コーポレートサイト(5〜10ページ)は1〜2か月が目安です。お客様からのコンテンツ(テキスト・写真)の提供が早いほど、制作期間を短縮できます。

制作中にこちらが用意するものは何ですか?

主に①会社・サービス概要のテキスト、②使用する写真・ロゴ、③参考にしたいサイトのURL、④ドメイン・サーバーの情報です。テキストや写真がない場合は手配についても相談できます。

公開後のドメイン・サーバー管理は自分でやる必要がありますか?

ご自身で管理することもできますが、慣れていない方はメンテナンス契約(月1万円〜)で更新・トラブル対応・ドメイン管理まで任せていただけます。

The full process

01

Inquiry & first conversation

You reach out via form, email, or phone. We set up a 30–60 minute free call (Zoom or LINE) where I ask about your goals, your audience, your timeline, and your budget. No hard sell — just figuring out if there's a fit.

02

Proposal & contract

Based on the call, I put together a scope, cost, and timeline. If it works for you, we sign a contract online and you pay 50% upfront to get started.

03

Content & assets

You provide text, photos, and logo files. If writing is a challenge or you don't have photos, I can help with both. This step is often where timelines slow down — having assets ready early keeps things on track.

04

Layout & design review

First I share a wireframe — the structural layout, no visuals yet. Once the structure makes sense, I build out the full visual design. Your feedback at this stage shapes everything that follows.

05

Build

Design approved, I build it — HTML, CSS, JavaScript. Mobile-responsive, fast-loading, SEO-ready by default. You get a staging link (non-public URL) to review the real thing before it goes anywhere near your domain.

06

Revisions

You review the staging site and tell me what needs changing. Standard plans include two rounds of revisions. Small adjustments, wording changes, layout tweaks — all handled here.

07

Launch

Final approval given, remaining 50% paid, and the site goes live. Domain and hosting setup supported if needed. A landing page can realistically be live within one week of getting started.

The projects that move smoothest are the ones where the client is reachable, gives clear feedback, and has assets ready. My job is to handle everything else.

What happens after launch

Launch isn't the end. If you want ongoing updates, content changes, or security maintenance, a monthly plan (from ¥10,000/mo) covers it. One-off changes are also available on a per-request basis. The goal is a long-term partnership, not a one-time transaction.

ご相談は無料です.Free consultation.

お問い合わせフォームGet in Touch
← ブログ一覧へ戻る← Back to Blogホームへ →Home →