制作の流れの詳細

お問い合わせからサイトの公開までの流れになります。
静的サイトと動的サイトでは若干異なりますが、大まかな流れは以下になります。

Step 1お問い合わせ

まずはお問い合わせフォームよりご連絡ください。方向性が固まっていない状態でも大丈夫です。
後日簡易的なヒアリングシートを送信します。これを元に、概算の見積もりをメールにて送信します。メールでお伝えする概算見積りに問題がなければ、実際にお会いして初回の打ち合わせに進みます。

Step 2ヒアリング

ヒアリングではお客様の事業について、詳しくお伺いさせていただきます。
「自社の強み」や「同業他社との違い」等を教えてください。またパンフレットなど事業についての資料がございましたらご提供ください。デザインの参考に他社サイトのURLがあるとイメージがつかめやすいです。お互いの意思の相違で、完成後に「思っていたWebサイトと違う」といった最悪のシナリオとならないための重要な工程になります。

Step 3要件定義・サイトマップ・見積書・契約書の作成

【要件定義書】ヒアリング内容を元に、サイトの目的、ターゲットユーザー、必要な機能、ページ数、デザインの方向性（雰囲気や配色など）、納期、公開までのスケジュールを明文化します。要件が曖昧なままだと、その後の工程でトラブルや手戻りが発生する可能性が高いため、制作前の段階でしっかり決めておきます。

【サイトマップ】サイト全体の構成図です（図1）。要点定義書に納得いただけたら、作成に入ります。

【見積書】要件定義やサイトマップに基づいて、制作費用、追加オプション費用などを算出し、金額の根拠を明確にします。

【契約書】契約条件、納期、支払い条件、著作権やデータの扱い、修正回数の上限などを明確にし、双方の席帰任範囲を明記します。合意内容を正式に文書化しておくことでトラブルを未然に防げます。

契約書に合意いただけたらいよいよ制作スタートです。ここまでは料金はかかりません。

Step 4前金の入金確認後、サイト制作の開始・素材のご提供

お客様には各ページに必要なテキスト原稿や画像、あればロゴなどを用意をしていただきます。原稿は基本的にその事業のプロであるお客様に用意していただきます。時間が無くて、どうしても書けないといった理由がある場合は、掲載内容の箇条書きでも構いません。画像はスマートフォン撮影で構いません。画像サイズや色の調整などはこちらで致します。

Step 5ワイヤーフレームの作成

大まかなレイアウトを決めます。手書き、またはツール使用して大雑把に書きます。（図2）
どこにどんなコンテンツを配置するか、特にトップページは、情報をどの順番で配置していくか（優先順位を決める）、いちばん目立たせたい部分はどこか、サイト全体に統一感を持たせるために共通デザインにできるところはあるか、などを決めていきます。ワイヤーフレームに納得していただけたら次の工程へ進みます。ここでの修正は３回までとします。

Step 6デザインカンプの作成

デザインカンプは、完成したウェブサイトのイメージ画像のことです。完成イメージを具体的に視覚化します。これにより、配色、レイアウト、フォント、画像などのデザイン要素を事前に確定し、コーディング開始後の手戻りを防ぐことができます。また、必要な修正や変更を早い段階で反映できるため、効率的でミスの少ない制作が可能になります。ここでの大幅な修正は３回までとします。納得していただけたら、コーディングへ移ります。コーディングの工程に入ってからの修正は大幅な工数がかかるため、この時点でデザインは確定となります。

Step 7コーディング・システム組み込み

確定したデザインをブラウザで見れる、つまりインターネット上に公開できるように書き換える作業です。フォーム機能やWordPress使用の場合は、この時点でシステムを組み込みます。

Step 8テスト

こちらで用意しているテストサーバーにアップロードします。実際にブラウザ上でサイトをくまなくチェックします。誤字脱字はもちろんのこと、リンクが正しく遷移できているか、WordPress使用であれば、サイト表示の遅れはないか、システムは適切に機能しているかなどのチェックを行います。

Step 9検証・最終確認・公開

いよいよお客様のサーバーにアップロードして、最終チェック（検証）になります。これを終えた時点で、インターネット上に公開/納品となります。

Step 10残金のお支払い

要件定義書に記した日までに残金をお支払いください。入金が確認された時点で、この制作におけるWebサイト・ファイル全ての所有権がお客様に渡ります。お疲れさまでした！

図解での説明

制作期間はサイトの複雑さや規模によって変わります。