Webサイトを作りたいと思っても、「何から始めればいいの？」と迷う人は少なくありません。
いきなりデザインやページ制作から始めるのではなく、まず目的を決め、必要な情報を整理してから制作へ進むのが基本です。
全体の流れを知っておけば、自分で作る場合も制作会社へ依頼する場合も、今どの段階にいるのか判断しやすくなります。
Webサイト制作は目的を決めるところから始まる
Webサイト制作で最初に行いたいのが、何のためにWebサイトを作るのかを決めることです。
たとえば、会社や店舗を知ってもらいたい、問い合わせを増やしたい、商品を販売したいなど、目的によって必要なページや機能は変わります。
目的が曖昧なまま制作を始めると、途中で「このページも必要だった」「思っていたサイトと違う」となりやすくなります。
Webサイト制作の基本的な流れ
制作方法によって細かな手順は変わりますが、大きな流れは共通しています。
ここでは、企画から公開までを7つの段階に分けて確認します。
1．目的とターゲットを整理する
まずは、Webサイトの目的と、情報を届けたい相手を決めます。
同じサービスを紹介するWebサイトでも、一般のお客さん向けなのか、企業向けなのかによって伝える内容は変わります。
目的とターゲットは、その後の制作方針を決める土台になります。
2．必要なページと内容を決める
次に、Webサイトへどのようなページを用意するか整理します。
会社のWebサイトなら、トップページ、サービス紹介、会社概要、お知らせ、お問い合わせなどが候補になります。
この段階で、各ページに掲載する文章や写真なども少しずつ準備しておくと、その後の制作が進めやすくなります。
3．ページの構成を作る
掲載内容が決まったら、ページ内に何をどの順番で配置するか考えます。
この段階で作られる簡単な設計図が「ワイヤーフレーム」です。
色や装飾を決める前に、見出し、画像、ボタンなどの配置を整理します。
デザインより先に情報の並び方を決めることで、内容の抜けや使いにくい部分を確認しやすくなります。
4．デザインを作る
ページ構成が決まったら、色、文字、写真、余白などを整えて実際の見た目を作ります。
見た目の好みだけではなく、文字が読みやすいか、ボタンが分かりやすいかなども重要です。
スマートフォンでも見やすいことを考えながらデザインを進めます。
5．Webサイトを構築する
デザインが完成したら、ブラウザで表示できるWebサイトとして組み立てます。
HTMLやCSSなどを使って作る方法のほか、WordPressのようなCMSを利用する方法もあります。
CMSとは、専門的なコードを毎回書かなくても、ページや記事を管理しやすくする仕組みです。
6．表示や動作を確認する
構築が終わっても、すぐに公開するのではなく確認を行います。
パソコンとスマートフォンで表示が崩れていないか、リンク先が正しいか、お問い合わせフォームが動くかなどを確認します。
文章の誤字や画像の間違いも、この段階で見直します。
7．Webサイトを公開する
確認が終わったら、サーバーへデータを設置し、ドメインからアクセスできる状態にします。
公開後にも実際の環境でページを開き、問題なく表示されるか確認しましょう。
制作途中の確認も大切
Webサイト制作では、最後にまとめて確認するよりも、各段階で内容を確認しながら進めることが大切です。
たとえば、デザイン完成後にページ構成を大きく変更すると、デザインや構築まで作り直すことがあります。
制作会社へ依頼する場合も、ページ構成やデザインを確認するタイミングで、分からない部分や変更したい部分を伝えましょう。
一方、自分で制作する場合も、一度に完成させようとせず、構成、デザイン、構築と段階を分けて進めると整理しやすくなります。
公開直前になって大きな変更をすると、修正範囲が広がる場合があります。疑問や変更点は、できるだけ早い段階で確認しておきましょう。
公開したら制作は終わり？
Webサイトは公開すれば利用できるようになりますが、その後も情報を更新する必要があります。
営業時間やサービス内容が変わった場合は内容を修正し、古い情報をそのまま残さないようにします。
ただし、公開後の運営は制作とは別の段階です。まずは、目的を決めてから公開まで一つずつ進める流れを理解しておけば十分です。
Webサイト制作は順番に進めれば分かりやすい
Webサイト制作は、目的を決め、掲載内容とページ構成を整理し、デザイン、構築、確認、公開という順番で進みます。
最初から完成形を作ろうとする必要はありません。
前の段階を確認してから次へ進むことが、やり直しを減らし、目的に合ったWebサイトを作るポイントです。
まずは「何のためにWebサイトを作るのか」を整理するところから始めましょう。
コメント