BLOG

2020.02.12 WEB

ホームページを作成する流れとお客様で必要な作業

こんにちは!USITです。
本日は、WEBサイトを制作する流れについてご紹介いたします。
制作を依頼しただけで、制作会社が全てを作ってくれるわけではありません。
お客様と二人三脚で制作しますので、お客様の協力も必要になります。

ホームページ作成の主な流れ

1、ヒヤリング

お客様情報から始まり、サービスの強みやWEBサイトをどの様に活用していきたいのかをヒヤリングします。
認知度を高めたいや、売上を伸ばしたいなど、お客様の現状の悩みやこれからの戦略を把握し、WEBサイトの役割を確認します。
ヒヤリングを行うことで、WEBサイトではなく、違う手法での打ち出しも提案されるかもしれません。

お客様の作業
  • 事前にヒヤリングシートをもらうことがあるので、記入する
  • なぜWEBサイトを作りたいのか、WEBサイトに期待する効果を考えておく

2、企画立案・情報設計

ヒヤリングの情報を基に、制作会社が企画立案や情報設計を行います。
制作会社なりに「こうやって打ち出しましょう」や「ターゲットの絞り込み(ペルソナ設計)」など情報設計を行います。
制作が進むと目的やイメージがぶれてしまうので、最初の目的からずれないようにコンセプトをしっかりと決めます。
制作物の方向性を左右する大切なフェーズなので、ある程度の時間がかかると思います。
同時に、コンテンツリスト(サイト全体のページを把握する資料)やスケジュールなどの仕様書が提出される場合があります。

お客様の作業
  • 設計書の確認
  • 制作スケジュールの把握とお客様作業日の確保

3、ワイヤーフレーム(WF)の作成

設計した情報を基に、制作会社がワイヤーフレームと呼ばれる構造図を作成します。
要するにページ毎の情報設計になります。
「このページにはこういう文章と画像を掲載して、こういう流れで…」
みたいな枠組みを作るので、時間のかかる作業です。
提出時には、ほとんどダミーテキスト・画像だと思ってください。
掲載する文章や画像を考えるのはお客様の作業となります。

お客様の作業
  • WFの確認、修正があれば修正指示の作成

4、原稿・写真の素材の用意

この作業は完全にお客様の作業です。
WFのダミーテキスト部分をお客様が考え、原稿にしていきます。写真は「こんな感じの写真を載せたい」と伝えればOKでしょう。
既に写真がある場合は、写真素材を提出してください。サービスのパンフレットなどがある場合も、素材になりますので提出しておきましょう。
(撮影も依頼した場合は、次のフェーズで撮影をすると思いますが割愛します。)
提出の仕方にもよりますが、多数の原稿が必要になり、お客様の業務と併せての作業になりますので、予想以上に負担が大きいと思います。
スケジュールは余裕のある日程を確保しましょう。

お客様の作業
  • 原稿の作成
  • 写真素材の用意

5、デザイン制作(デザイン設計)

WFを基に、制作会社がデザイン制作します。
トップデザインが完成後に、下層を制作していき、全体のテイストがズレないようにデザインしていきます。
カラーやフォント、余白感などを設計し、メンテナンス性を考慮したデザインを制作する必要があります。

お客様の作業
  • デザインの確認、修正があれば修正指示の作成

6、フロントエンド

デザインが完成した後は、HTML/CSS/JSを使用してWEBで掲載できるようにコーディングを行います。
専門的な技術なので、お客様では見た目の確認しか出来ませんが、視認性が良く、メンテナンス性を考慮したソースを記述する必要があります。

お客様の作業
  • ブラウザで見た目を確認、修正があれば修正指示の作成

7、バックエンド(CMS更新機能の実装)

フロントエンド完了後は、お知らせなどの更新機能を実装していきます。(依頼した場合のみ)
お問い合わせフォームの実装も、バックエンドの作業です。
実績などオリジナルの更新機能が必要な場合は、お客様でも更新しやすいように実装する必要があります。
お客様は実際に機能を使用して、使い心地を確認しましょう。
また、更新した内容がきちんと表示されているかも確認が必要です。

お客様の作業
  • 更新機能の確認
  • WEBサイトでの表示確認
  • お問い合わせフォームのテスト送信

8、デバッグ期間

制作フェーズが完了したら、WEBサイト全体をくまなくチェックします。
制作会社でも行い、お客様側でも必ず確認してください。
問題がなければ、公開作業を行います。

お客様の作業
  • CMSを含むWEBサイト全体のチェック

9、公開作業

お客様のサーバへ本番公開します。
公開後もWEBサイトの全体をチェックして、問題ないかを確認しましょう。
問題がなければ、無事に全作業の完了です。

お客様の作業
  • CMSを含むWEBサイト全体のチェック

ホームページの作成はお客様のご協力も必要です!

制作会社へ依頼した場合の、制作の流れをご紹介しましたが、いかがでしたでしょうか?
全てを制作会社が作るのではなく、お客様の専門知識も必要不可欠です。
お客様が思っているよりも、時間と労力が必要なのでスケジュールは長めにとってもらいましょう!
また、すぐにWEBサイトを公開したいというのも禁物です。
何事も余裕をもって作業することが大切ですね:)

最後までお読みいただき、ありがとうございました!

CATEGORY
ARCHIVE