ホームページ制作の流れ

ホームページ制作の流れを知ることで、前もった対策が行えるため、
コスト削減・品質向上・トラブルと後戻りの回避といったメリットを受けることができます。

ここでは、ホームページ制作の流れとともに、フェーズごとのポイントを解説します。

1

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

お電話またはお問い合わせフォームからご連絡ください。
ホームページのイメージやご要望、予算、希望納期などを、わかる範囲でお伝えいただければ大丈夫です。
いただいた内容をもとに、スムーズなお打ち合わせを行うための事前調査を行い、担当者からヒアリング日程のご連絡を差し上げます。

お問い合わせ時のポイント

お問い合わせ内容は、わかる範囲で構いませんが、情報が多いほど、ターゲットユーザーはもちろん、検索エンジンやSNSなどの調査内容が正確になります。
「こういうことに悩んでいる」や「こういうホームページが良い」など漠然とした内容でも構いません。
事前調査が詳細であるほど、ヒアリングの精度が高まり、御社の目的を達成できるホームページ制作の提案につながります。
また、必ず2〜3社に問い合わせて比較することをおすすめします。
比較することで、各制作会社の提案に対する理解度が高まり、御社にとって最良の制作会社を選びやすくなります。

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

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

事前調査で確証が持てなかったポイントと不明点を確認するために、1時間から1時間半程度のヒアリングを行います。
大阪環状線 京橋駅から片道1時間の距離であれば訪問、それ以外はオンラインで対応しています。
ヒアリングでは、ホームページの目的やターゲット、競合との差別化ポイント、デザインの方向性などを詳しく確認させていただきます。

ヒアリング時のポイント

会社案内や商品パンフレットなどの資料をご用意いただけると、御社の事業内容がより正確に把握できます。
デザインの希望は、「参考サイトはどこか」をお伝えいただけると、具体的な希望がわかるため、精度の高いホームページ制作の提案が可能です。
ここでも同様に、抽象的な表現などでも構いませんので、わかる範囲でお伝えください。
また、相見積もりの場合は、御社が比較検討をやりやすいように、競合の制作会社に伝えた内容は当社にも必ずお教えください。

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

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

ヒアリング内容をもとに、ターゲットの検討や、競合サイト・検索エンジン・SNSなどの調査を行います。
調査結果を踏まえて、サイト構成と集客、成約のための対策方法をまとめた提案書と見積書を作成します。
提案書と見積書の作成には2週間ほどお時間をいただきます。

提案書と見積書をお待ちいただく間のポイント

この期間中に、ホームページに載せたい情報の整理をお願いします。
複数社に問い合わせをしている場合、1社目に問い合わせてから発注までに1ヶ月ほどの期間がかかります。
その期間を使って、参考サイトを確認しながら、サービスや事例ページなどに、どういう内容を載せるのが良いかを検討しましょう。
この整理を行うことで、制作会社の提案に対する理解度が高まり期待通りの制作会社を選定することが可能になります。
さらに、情報が整理されていることで、原稿作成や画像選定の精度が高まり、制作するホームページの品質を向上させることができます。
これまでの経験で見ても、この期間をどう活用するかでホームページの成果に大きな差が生まれます。

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

STEP04 ご提案

作成した提案書と見積書に基づき、オンラインまたは対面にて1時間から1時間半程度のご提案を行います。
見積書は一式表記ではなく、作業項目ごとの内訳を記載しているので、何にいくらかかるのかをご確認いただけます。
ここでは、制作内容を詳細にご説明し、お客様の持つ疑問点や懸念事項を全て解消します。

提案を受ける時のポイント

制作会社からの提案は、発注する業者を選定するために行っている意識を保つことが大切です。
そのためには、自社がなぜホームページを制作するかを意識しながらプレゼンテーションを聴きましょう。
また、提案後には質疑応答の時間を設けています。
提案でわかりづらかった、理解できなかった箇所は必ずご確認いただきますようお願いします。

ご提案
5

STEP05 ご契約

ご提案内容に納得いただければ発注をお願いいたします。
必要に応じてご契約書もご用意しておりますので、お気軽にお申しつけください。

ご契約時のポイント

ご契約前に、提案書の内容で想定と違う箇所があれば、契約を結ぶ前にお伝えください。
提案書や見積書の内容を変更して、承認をいただいた後に、契約を締結させていただきます。
また、契約書の内容に気になる点があれば、お気軽にお申し付けください。
協議のうえ、修正を行った契約書を再度お送りいたします。

ご契約
6

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

契約後、まずはトップページのワイヤーフレームを作成します。
トップページでは、業種名や社名で検索したユーザーに対して過不足がなく、SEOを考慮したページ設計を行います。
トップページのワイヤーフレームの承認をいただいたあと、全ての下層ページのワイヤーフレームを作成します。
下層ページでは、ページごとに固有のSEOキーワードを定め、そのキーワードで検索した人が満足できる内容に整理することに注力しています。

ワイヤーフレームを確認する時のポイント

ワイヤーフレームはデザイン要素を含まない線画のため、完成イメージを掴みにくい場合があります。
違和感があれば、ご理解いただけるように調整した上で、再度ご提出させていただきます。
また、ワイヤーフレームに掲載している原稿はダミーです。
お客様に差し替えをお願いしておりますが、作成が難しい場合は当社で代行することも可能です。

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

STEP07 デザインの作成

ワイヤーフレームを元にトップページのデザイン画像を作成します。
トップページのデザインに問題がある場合は、下層ページのデザインに取り掛かる前にお知らせください。
下層ページはトップページのイメージを踏襲したデザインになるため、後戻りが発生してしまい、納期に影響を与える可能性があります。
トップページ承認後に、提案書で指定した下層ページのデザイン画像を作成します。

デザイン確認のポイント

デザインを確認する際には、メインコンテンツだけではなく、ヘッダーやフッターの端までご確認ください。
普段は目にしない箇所であっても、ユーザーが見る可能性があり、そこで御社サイトの印象が悪くなってしまう恐れがあります。
また、デザインを作成しないページは、作成したページのデザインを基準にホームページ制作を進めます。

デザインの作成
8

STEP08 コーディング

コーディングとは、Webブラウザでホームページを確認できるようにする制作作業のことです。
ワイヤーフレームとデザイン画像をもとに、すべてのページのコーディングを行います。
デザインと1pxの狂いもないホームページ制作を行い、表示速度の最適化や、検索エンジンが認識しやすい構造によるSEO効果の最大化を目指します。

コーディング中のポイント

当社では、公開後のSEO効果を早めるために、コーディイング期間中にブログ記事や実績ページなどの原稿作成と画像の準備を行っていただいています。
ホームページ制作時の状態では、ページ数が少ないため、上位表示を狙っているキーワードに対して関連性や専門性が低いと判断されてしまい、SEO効果が発揮されません。
そのため、上位表示を狙うキーワードで上位に表示されているホームページと似たページ数になるまで新規ページ作成が必要です。
これまでの経験で言うと、100ページから400ページ前後の業界が多いように感じます。
制作実績の中で、コーディング期間を使ってブログ記事を200ページほど作成されたECサイトでは、公開して5日でメインキーワードが上位表示されました。
さらに、2週間で月間の売上目標を達成されました。

コーディング
9

STEP09 動作確認

コーディングが完了したらテスト用のURLをメールでお知らせします。
メールが届いたら、PCとスマホなどの実機を使って、サイト全体の誤字脱字、表示崩れ、プログラムの動作を確認します。
また、ユーザーが閲覧するホームページだけでなく、納品後のスムーズな運用のために、管理画面の操作性もあわせてご確認ください。

動作確認のポイント

テストアップ完了後、当社で全てのページの確認を行ってからお客様に確認を依頼しています。
そのため、大きなレイアウト崩れは改善されている状態になるので、時間をかけてじっくりとチェックいただきますようお願いします。
また、この段階ではテストサイトとして本番とは異なるURLで制作しています。
検索エンジンに認識されないように対策を行っているため、見込み顧客に閲覧される心配はありません。
この確認作業が終わるとホームページの公開になるため、細部まで細かく確認と修正を行って、万全の状態で公開に挑みましょう。

動作確認
10

STEP10 公開

動作確認が完了したら、指定された日付に本公開をいたします。
本公開後に、WordPressなどのCMSの更新方法のレクチャーと、Googleサーチコンソールなどの実装を行います。
また、複数人で運用するやレクチャーだけだと不安と言う場合は、有料になりますが、更新マニュアルの作成も可能です。

ホームページ公開後のポイント

ホームページ公開後の1ヶ月以内は無償修正期間です。
この期間の間は、仕様が変わらない内容の修正は全て無料で対応します。
そのため、動作確認の段階で見落としている箇所がないかを必ず確認しましょう。
ホームページは公開してからが本番です。
公開後はスケジュールに基づいて運用を継続しましょう。

公開

お問い合わせ

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

電話
06-7494-1148

平日 10:00〜18:00

メールでお問い合わせ

お問い合わせはこちら

お見積りのご依頼

無料お見積りはこちら