【初めてでも安心】トイロスタジオのホームページ制作の流れを丁寧に解説!

「ホームページが欲しいけど、そもそも何から始めたらいいの?」

「ホームページの制作過程では、制作会社とどんなやりとりが必要なの?」

とお悩みの中小企業や地方企業のみなさん!

ホームページの制作を依頼しようとしても、発注後の流れや発注側がやるべきことがわからないと不安ですよね?

本記事ではホームページ制作における全体の流れや準備するものや期間を説明します。


トイロスタジオではホームページ制作についての無料相談を開催しています!

トイロスタジオではホームページ制作についての無料相談を開催しています!


目次

01. お問い合わせ

まずは、こちらのお問い合わせフォームからご連絡ください。

要件がはっきり確定していない段階でも、全く問題ありません。

私たちが丁寧にヒアリングを行い、貴社のお悩みに寄り添いながらご提案させていただきます。

ポイント

ご相談しながら必要なことを決めていくので、お気軽にご連絡ください!

ご連絡をいただいた順にスケジュールを組んでいきます。ホームページ制作やリニューアルのご予定がある場合は、一度お早めにご相談ください。

02. ヒアリング

お問い合わせをいただいた後、Zoomなどのオンライン通話やチャットを用いてヒアリングをいたします。

このヒアリングの時には、ホームページを制作する目的を決めておいてください。

よくある例としては次のようなものがあります。

  • 会社やサービス内容、商品のご案内
  • 会社の存在をより多くの人に認知してもらう
  • お問い合わせや資料請求の依頼を増やしたい

目的を達成できるようなサイト案を私たちから提案いたします。

また、ヒアリングの際に発注者側が準備しておくとスムーズなことは次のようなものがあります。

  • 貴社が現在課題に感じている点
  • サイト公開までのスケジュール
  • 既存サイトがあれば、そのサイトの現状
  • 競合他社情報
  • 貴社のクライアント様
  • Webサイト以外の施策

なお、これらの情報がすべて準備できなくても、全く問題ありません。私たちで課題の深堀りや追加調査を行いますのでご安心ください。

ポイント

ホームページを作る目的を決めることが重要です!

他の部分は必要に応じてこちらから深堀りを行っていくので、ご安心ください!

03. お見積りの作成

ヒアリングさせていただいた情報を元に、貴社の目的を達成できるようなサイトのご提案資料とお見積りを提示いたします。

ご提案内容を一度ご説明させていただき、その際、疑問点やご不安な点があれば私たちが一つ一つ丁寧に回答いたします。

ポイント

ここまでの作業はすべて「無料」でご対応いたします!

04. お申込み・ご契約

ご提案内容に納得いただけたら、正式なお申込みをいただきます。

Web上でご契約を締結し、プロジェクト開始となります。

05. 追加調査

ご契約を締結いたしましたら、改めて競合他社の情報や貴社の業界におけるビジネス構造等について追加の調査を行い、この後行うサイト設計に必要な情報を収集します。

なお、文章や写真等の素材をご自身で用意するプランをご契約の場合は、この時点で準備の開始をお願いします。

06. サイト設計

サイト設計ではホームページのレイアウト情報となる「ワイヤーフレーム」を作成します。

ワイヤーフレームとは、「線」と「枠」を使ってWebサイト内に掲載する情報を「どこに、どのように」配置するかを示した設計図のようなものです。

ワイヤーフレームの例
ワイヤーフレームの例

ワイヤーフレームを作成することで、発注者側も受注者側もホームページ画面の完成イメージが共有できるようになり、この後のデザインや実装工程後の手戻りを防ぐことができます。

本工程ではこのワイヤーフレームを見ながら、必要な情報の精査を行います。

ポイント

サイトの構成をビジュアルで共有しながら目線合わせを行うことで、Web制作に慣れていない方でもご要望を伝えやすくなります!

07. デザイン案の作成

ワイヤーフレームでホームページ画面のレイアウトが固まったら、デザイン案の作成に移ります。

ホームページのデザインでよくある注意点としては、制作者や事業者の好みのみを重視してデザインを行なった結果、下記のような事態を招くこと制作者や事業者の好みでデザインを行ってしまうことです。

  • おしゃれな見た目に拘るあまり、目的の情報が探しにくい
  • 配色や文字のフォントに一貫性が無く、見にくいものになっている
  • 過剰なアニメーションを入れることで操作がしにくい

このようにホームページを見る側の目線を失ってしまうとせっかくホームページを訪問していただいた方が離脱してしまい、本来の目的が果たせなくなってしまいます。

ホームページで成果を出すためには、ホームページを利用する顧客にとって使いやすいサイトデザインをすることが重要になります。

ポイント

トイロスタジオではホームページを訪問する「お客様の課題を解決する」ためのデザインを提案いたします!

08. 実装・テストアップ

納得のいくデザイン案ができたら、実際のブラウザ(Google ChromeやSafari等)でWebサイトが動作するように実装をしていきます。

まずはテストサイト(デモサイト)を作り、そこでサイトをくみ上げていきます。

なお、この時にサーバー・ドメイン契約がまだお済みでない方はこの時点で準備をお願いします。(契約の方法は別途丁寧にお伝えいたします。)

09. 公開

テストサイトでの確認が完了したら、本番環境でのリリースになります!

リリース直後に両者で以下の最終チェックを行います。

  • メールの受信ができているか
  • 表記崩れがないか

また、GoogleやYahoo!などの検索結果に載るためのインデックス登録も開始します。

ポイント

ホームページを公開したらプレスリリースやSNS等で積極的に告知したり、自社のGoogle mapに登録したりしましょう!

10. アフターフォロー

保守・更新プランに入っている方は、ここから保守や更新の対応となります。

プランに応じて、テキストや画像の差し替え、SEO対策のアドバイスなどを行います。

セキュリティ対策や更新について、詳細が知りたい方はこちらをチェックしてください。

その他不明点があればお気軽にお伝えいただければ対応いたしますね!


トイロスタジオではホームページ制作についての無料相談を開催しています!

トイロスタジオではホームページ制作についての無料相談を開催しています!


目次