ホームページ制作の流れ

ステップ１　ホームページ制作の目的を明確にする

まずは、「何のためにホームページを制作するか」を明確に捉え、
「どうなればホームページを作った目的が達成されるか」を正確に把握できるように考えてください。

● 商品を商品購入ページから購入させる
● 商品やサービスに関して、問い合わせフォームから問い合わせさせる
● 商品やサービスに関して、電話で問い合わせさせる
● アクセス数を稼ぎ、アフィリエイトや広告バナー収入を得る

最終目標をまず明確にする事で、ページ構成や優先順位を把握します。
競合他社を参考にするのもよいですが、 「目的を明確にする」ことは重要ですので、必ず考えてみるようにしましょう。

ステップ２　掲載しなくてはいけないものを箇条書きにする

デザインをアレコレ考えるのは、とても楽しい事だと思いますが、ホームページを制作するには、ページが必要になり、そのページ数によってトップページのレイアウトやボタンの配置が異なってきます。

まずは、「なにを掲載しなくてはならないか」、「なにを掲載したいのか」を紙にざっと書き出してみましょう。

ステップ３　似たような内容を１つのカテゴリーにまとめる

ステップ２でざっと書き出した内容を、つながりがあるまとまりとして、いくつかのグループにわけていきます。

● サービスの紹介・説明・商品アピールなどのグループ
● 会社概要や、ご利用規約などの掲載するべき情報のグループ
● お問合わせフォームや予約フォームなどのグループ
● キャンペーンや頻繁に更新するような内容のグループ

ある程度グループにまとめ、１ページにまとめるか、複数のページになるか、
「質」と「掲載する情報量」を元にページを分けていきます。

ステップ４　ホームページの構成図を作成する

グループ分けができて、全体で何ページになるか、どのページが主要ページとなるか、
手書きでもエクセルでも良いので、図を作りましょう。

ステップ５　トップページのレイアウトを考える

ここからデザインに入ります。
トップページのレイアウトをA４の紙に手書きで書いてみます。

●ロゴ・ホームページのタイトル
●各ページに飛ぶボタン
●お知らせやキャンペーンなど、新しい情報を掲載する場所
●一番エンドユーザに見せたいページへのボタン

手書きの段階で「自分がお客さんになったつもり」 で、とにかく「見やすく」「わかりやすく」を念頭においてください。

ホームページの内容や業種にもよりますが、トップページに滞在する時間は「２秒程度」と言われています。

ステップ６　トップページをデザインする

いよいよトップページのデザインです。
手書きのラフデザインを元に、デザインをしていきます。
使用するソフトにもよりますが、フォトショップでも、ホームページビルダーの画像編集ソフト（ウェブアートデザイナー）でも、イラストレータでも、まずは、１ページ まるごとデザインしてみます。

ステップ７　トップページをコーディングする

デザインしたものを、コーディングします。
コーディングとは、フォトショップなどのソフトでデザインしたものを、HTMLページとして見られるように、写真の部分を切り出してHTMLページに貼りつけたり、文章の部分を書き込んだりする作業です。

ステップ８　下層ページの基本レイアウトを考える

トップページのコーディングが終わると、下層ページの制作に移ります。
ここでは、トップページのファイルをコピーして、ファイル名を変更し、下層ページで不要な 部分を削除したファイルを用意します。

下層ページは、おもに「ページの見出し」「基本的に使用する小見出し」などと文章・写真で構成されるので、１ページ分の見出しや写真の大きさなどのおおかなレイアウトを考えます。

ステップ９　下層ページの制作をする

基本的な見出しやレイアウトを決め、下層ページはほぼ共通な部分をうまく利用し、単純でもより見やすいページを作りこんでいきます。

ステップ１０　問い合わせフォームCGIなどを設置する

問い合わせフォームなどの設置・設定を行い、実際にちゃんと動作するかをテストします。

ステップ１１　ドメイン・サーバーを手配する※

ドメイン・サーバはできるだけはやく準備したほうが有利です。
ヤフーやグーグルの検索エンジンに拾われるまで、時間がかなりかかってしまう場合もあるので、余裕があれば先に取得してしまいましょう。

ステップ１２　アップロードする

全ページの制作が完了したら、アップロードします。
アップロード後はかならずすべてのページのチェック、リンクがつながっているかのチェック、問い合わせフォームがちゃんと動くかのチェックを行います。

ステップ１３　アクセスアップのための対策をする

ホームページ作りは、アップロードしてからが勝負です。
SEO対策や、ページの追加・更新など、目的を達成するために、さらなる完成形を目指しましょう。