ホームページ制作の流れ

お客様の視点に立ったホームページ制作の流れをご紹介いたします。

ホームページ制作期間は、ホームページの規模や内容によって変動しますが、多くの案件で3ヶ月程度をいただいております。
各ステップには、制作をスムーズに進めるための注意点も合わせて掲載しています。

1

STEP01 電話・メールでのお問い合わせ

電話またはお問い合わせフォームからご連絡をお願いします。

お客様が希望するホームページのイメージやご要望、予算、納期などをお伝えください。

また、当社ではお見積りフォームをご用意しており、こちらは簡易的な見積書を急ぎ欲しい場合にご利用いただいております。

お送りいただいた内容をもとに、ヒアリングシートを作成して、お打ち合わせを行います。

お問い合わせ時の注意点

お問い合わせの際には、わかる範囲で詳細にお伝えください。内容が具体的であるほど、次のステップになるヒアリングの精度を高めることが可能です。

また、お問い合わせは、平日10:00~18:00の間でお願いします。その時間を過ぎている場合、翌営業日の対応になります。

電話・メールでのお問い合わせ
2

STEP02 オンラインまたは対面でのヒアリング

お送りいただいた内容をより深く確認するために、オンラインまたは対面でヒアリングを行います。

ヒアリングの注意点

ヒアリングを正確に行うため、会社案内や商品パンフレットなどの資料をご用意いただけるとスムーズです。

また、デザインイメージについて、「かっこいいホームページが良い」といった抽象的な表現ではなく、具体的な理由や参考サイトをご用意ください。

ヒアリングした内容が具体的であるほど、次のステップの提案書や見積書の精度を高めることが可能です。

オンラインまたは対面でのヒアリング
3

STEP03 調査の実施・提案書と見積書の作成

ヒアリング内容をもとに、競合サイトや検索エンジンとSNSを詳細に調査いたします。

この調査結果をもとに、お客様の目標達成に特化したホームページの具体的な構成案と、目的を実現するための対策を盛り込んだ提案書を作成します。

同時に、提案内容と作業項目を明確に記した見積書もご用意いたします。お見積りは一式ではなく、内訳もご覧いただくことが可能です。

この段階で、御社のホームページ制作の方向性と、必要な費用の全容が明確になります。

提案書と見積書作成の注意点

提案書と見積書の作成は2週間ほど必要となります。

また、ヒアリング漏れが発生している可能性もありますので、その際にはいくつか確認させていただく内容があるケースもございます。

調査の実施・提案書と見積書の作成
4

STEP04 ご提案の実施

作成した提案書と見積書に基づき、オンラインまたは対面にてご提案を行います。

ここでは、制作内容を詳細にご説明し、お客様の持つ疑問点や懸念事項を全て解消します。

ご提示した内容に疑問点や調整が必要な点があれば、遠慮なくお申し付けください。

ご提案時の注意点

このご提案の場が、費用をかけずに内容を調整できる最後の機会となります。

発注後の仕様変更は、原則として追加費用が発生いたしますので、この点で不明な点は全てお申し付けください。

ご提案の実施
5

STEP05 ご契約

ご提案内容に納得いただければ発注をお願いいたします。

必要に応じてご契約書もご用意しておりますので、お気軽にお申しつけください。

ご契約の注意点

ご契約後の作業はお見積書で提示した費用が発生します。

ご契約前に提案書や見積書をしっかりと吟味したうえでお申し込みをお願いします。

ご契約
6

STEP06 ワイヤーフレームの作成

ホームページのすべてのページのワイヤーフレームを作成し、コンテンツの配置と構造を決定します。

ワイヤーフレームをもとに、各ページが設定された目的を達成できるかを詳細に確認します。

ワイヤーフレームの注意点

ワイヤーフレームはデザイン要素を含まない線画であり、完成イメージを掴みにくい場合があります。

内容に不明点や不安が残る場合は、当社にて理解を助けるための装飾を加えたワイヤーフレームへと調整し、改めてご提案いたします。

不明な点を残したまま制作を進めると、期待する成果が得られないまたはイメージと異なる内容になるといった結果につながります。

違和感はご遠慮なくお申し付けください。

ワイヤーフレームの作成
7

STEP07 デザイン案の作成

ワイヤーフレームをもとに、提案書に記載したページのデザイン案を作成します。

デザイン案は、戦略的に設計されたワイヤーフレームの意図を最大限に引き出すため1案のみとさせていただいております。

複数の案を制作するコストを品質の向上に集中させることで、お客様の成果に直結するデザインを提供いたします。

なお、2案以上ご入用の場合は、別途費用が必要になります。

デザイン作成の注意点

デザイン案は細部までご確認ください。

コーディングやプログラミング中のデザイン修正は、原則として別途費用が発生する可能性が高くなります。メインコンテンツ部分だけでなく、ヘッダーやフッタ―など、隅々まで確認いただくことで、後の追加費用や手戻りを防ぐことが可能です。

この段階でデザインの疑問や要望を解消してください。

デザイン案の作成
8

STEP08 コーディングとプログラミング

ワイヤーフレームとデザイン案をもとに、すべてのページのコーディングとプログラミングを行います。

この工程では、デザイン案と1pxの狂いもないピクセルパーフェクトを実現し、SEOに強いマークアップや、スムーズな動作を実現するプログラムを実装します。

これにより、検索エンジンと訪問者の双方にとって質の高いホームページが完成します。

コーディングとプログラミングの注意点

コーディングやプログラミングは認証をかけたアドレスで制作するため、完成していない状態を見込み顧客に見られる心配はありません。

また、制作中の随時確認はできず、すべての作業が完了した後に、URLとID、Passwordをお送りさせていただきます。

コーディングとプログラミング
9

STEP09 動作確認

コーディングとプログラミングが完了したら、主要なブラウザで最終的な動作確認をお願いします。

確認作業は、ユーザーが閲覧するホームページ側の表示だけでなく、納品後のスムーズな運用のために、管理画面の操作性なども合わせてご確認いただくことが重要です。

動作確認の注意点

動作確認では、PCだけではなく、タブレットやスマートフォンでの確認もお願いします。

タブレットやスマートフォンをお持ちでない場合は、Google Chromeの検証ツールでのご確認をお願いします。

動作確認
10

STEP10 公開

動作確認で問題点を完全に修正したら、本公開をいたします。

本公開後には、WordPressなどのホームページ更新システムの操作方法をご説明いたします。

また、ご入用でしたらマニュアル作成も可能ですので、お気軽にお申しつけください。

ホームページ公開後の注意点

ホームページの公開は、ゴールではなく始まりです。

ホームページから期待通りの成果を出すためには、日々の運用が必要となっています。

当社はホームページ運用サポートもさせていただいておりますので、ご入用でしたらお気軽にお問い合わせください。

公開

お問い合わせ

ホームページ制作のご相談やご質問、お見積書の作成は無料で承っております。
まずはお気軽にお問い合わせください。

電話
06-7494-1148

平日 10:00〜18:00

メールでお問い合わせ

お問い合わせはこちら

お見積りのご依頼

無料お見積りはこちら