Webサイト制作の流れ

ヒアリング内容をもとにご提案・お見積り

弊社から ホームページ制作プランのご提案を差し上げます。
具体的には、お客様の魅力や強みを伝えるためのコンセプト、サイト全体の構成案（ページ一覧）、導入すべき機能、そしてデザインの方向性などをまとめた提案書を作成します。
あわせて、お見積り書も提示し、想定される制作費用をご説明します。
この段階では「サイトマップ（ページ構成案）」や「制作スケジュール案」などの資料もご提供可能です。

ブラッシュアップ

提案内容はお客様の目的達成に沿ったものになっているか、ご予算に無理がないかなど一緒に確認いたします。
ここまでは費用は一切かかりません。
提案内容についてご不明な点があれば遠慮なくご質問ください。
納得いただけるまでプランをブラッシュアップいたします。

ご提案とお見積りにご同意いただけましたら、正式にご契約となります。

契約時に制作着手金として お見積り金額の一部（通常50％）をお支払いいただき、残金は納品後のお支払いとなります。
また、契約締結の際に今後のスケジュール を改めて共有いたします。
「いつまでに何をするか」が明確になった工程表をお渡ししますので、ご安心ください。

契約後、いよいよ具体的なサイト制作に入ります。
まずは サイトの目的とコンセプトを明確化します。
お打ち合わせ内容を踏まえ、「サイトを通じて誰に何を届けたいか」「どんな印象を与えたいか」を整理し、お客様と認識をすり合わせます。
その上で下記のような設計作業を進めます。

サイトマップの作成

必要なページを洗い出し、サイト全体の構成図を作ります。
どの情報をどのページに載せるか、ページ間のナビゲーション（繋がり）を検討します。
ここでサイトの骨組みを固め、抜け漏れのない構成にします。
お客様にも内容をご確認いただき、「ページが多すぎないか／足りなくないか」「優先度の高い情報が盛り込まれているか」を一緒にチェックします。

ワイヤーフレーム（画面設計）の作成

サイトマップが決まったら、各ページのレイアウト案を作成します。
文章や写真をどこに配置し、ボタンやお問い合わせフォームをどの位置に設置するか、といった画面設計図です。色や装飾を付ける前の下描き段階ですが、サイトの使いやすさを左右する重要な工程です。
ここでお客様のサービス特徴やターゲットユーザーの動きを考慮し、「ユーザーにとって使いやすいデザインか」「伝えたい情報がしっかり伝わる構成か」を検討します。
ワイヤーフレームはお客様とも共有し、ご要望を反映しながら修正を重ねて完成させます。
この段階での修正は柔軟に対応できますので、気になる点は遠慮なくお申し付けください。

※デザイン段階以降の大幅なレイアウト変更は対応が難しくなるため、ここで納得いくまで調整しましょう。

ワイヤーフレーム完成後、サイトのビジュアルデザインに取りかかります。
まずはサイトの顔となるトップページのデザイン案を作成し、ご提示します。
色使いやフォント、写真やイラストの雰囲気など、サイト全体のトーン&マナーを決定する重要なステップです。
お客様のご要望を取り入れつつ、ターゲットユーザーに響くデザインを追求します。

トップページデザインをご確認いただき、 色味・レイアウト・テイストなどについてご意見を伺います。
修正が必要な場合は対応し、お客様にご納得いただけるまで調整します。
トップページの方向性が確定しましたら、同じテイストで 下層ページのデザインも順次仕上げていきます。
主要なページから制作し、中間成果物を随時ご確認いただきながら進めますので、「イメージと違う…」という行き違いを防ぎ、安心してデザイン工程をお任せいただけます。
デザイン最終案がすべて揃いましたら、お客様にデザイン一式を確認いただき、正式にデザイン確定となります。

ここまでに多少お時間をいただく場合がありますが、後々の満足度につながるよう丁寧に進めてまいります。

デザインが確定したら、Webサイトの実装作業（コーディング）に入ります。
デザインデータをもとに、Web上で正しく表示・動作するようにHTML/CSSやJavaScript等のコーディングを行います。
必要に応じてお問い合わせフォームのプログラム実装や、CMS（更新システム。例：WordPress）の組み込みもこの段階で進めます。

基本的にエンジニアが内部で作業を進め、お客様に行っていただく作業はありません。
ただし、テキスト原稿や画像素材で最終的に差し替えたいものがある場合は、この段階までにご支給ください（コーディングと並行して反映いたします）。
実装中はテスト用の仮設サイト上で動作確認しながら進めます。
スマートフォンやタブレットなど 各種デバイスに対応したレスポンシブ設計を採用し、どの画面サイズでも見やすいサイトに仕上げます。
専門的な工程ですが、お客様に随時進捗をご報告し、安心して完成をお待ちいただけるよう努めます。

※この段階でデザイン自体の大幅な変更をご希望の場合、再度デザイン工程からやり直しとなり追加費用が発生する可能性があります。デザイン確定前に気になる点は解消しておきましょう。

最終テストと検品

サイト実装完了後、公開前にまず弊社内で、主要な ウェブブラウザ（Chrome、Safari、Edge、Firefox等） や端末で表示崩れや動作不良がないかを徹底検証します。
また、お問い合わせフォームなど各種機能が正常に動くか、リンク切れがないか、といった技術的チェックも実施します。
加えて 内容面の検品 として、誤字脱字や文言の最終確認を行い、必要に応じて修正いたします。

お客様でのご確認

並行して、お客様にもテストサイトをご覧いただき、デザインや文章に問題がないかご確認いただきます。
初めてサイト全体をご覧になるタイミングですので、ご家族やスタッフの方ともチェックしていただき、ご意見をお寄せください。
「思っていた色味と違う」「この写真を差し替えたい」等の微調整があれば対応いたします。
このフェーズで出てきた修正事項をすべて反映し、お客様に最終承認をいただいてから公開作業へと進みます。

万全のテストを経ておりますので、公開後「こんなはずでは…」という事態を防ぎ、安心してリリースいただけます。