ホームページ制作の流れを初心者向けに解説 |ホームページを作る前に 知っておきたい基礎知識⑤

ホームページ制作を検討し始めると、次のような疑問を持つ方が多いです。

  • ホームページはどんな流れで作るの?
  • 完成までどれくらいかかるの?
  • 何を準備すればいいの?

ホームページ制作は、いきなりデザインや制作が始まるわけではありません。目的の整理から公開まで、いくつかのステップを順番に進めていきます。

この記事では、初心者の方でも分かるようにホームページ制作の基本的な流れを解説します。

ホームページ制作の全体の流れ

ホームページ制作は大きく分けると次の流れで進みます。

  1. 目的を決める
  2. サイト構成を作る
  3. デザイン制作
  4. 開発(コーディング)
  5. CMS構築
  6. テスト
  7. 公開
  8. 運用

それぞれ詳しく見ていきましょう。

ホームページ制作の流れ①
目的を決める

最初にホームページの目的を決めます。

例えば

  • 会社紹介
  • 採用
  • 問い合わせ獲得
  • 商品紹介
  • ブランディング

などです。

この目的がはっきりしていないと、ホームページの方向性が決まりません。

例えば

  • 会社紹介が目的のサイト
  • 問い合わせ獲得が目的のサイト

では、構成やデザインも大きく変わります。

そのため、ホームページ制作では、最初に目的を整理することがとても重要です。

ホームページ制作の流れ②
サイト構成を決める

次にホームページの構成を決めます。どんなページが必要かを整理します。例えば企業サイトの場合、次のようなページ構成になることが多いです。

  • トップページ
  • 会社概要
  • サービス紹介
  • 実績紹介
  • お問い合わせ

このページ構成をまとめたものを『サイトマップ』と呼びます。サイトマップを作ることで、ホームページ全体の構造が明確になります。

ホームページ制作の流れ③
デザイン制作

サイト構成が決まったら、次はデザインを作ります。

ここではホームページの

  • レイアウト(構成で決めることもあります)
  • 写真
  • フォント

などを決めていきます。

企業サイトでは

  • ブランドイメージ
  • 読みやすさ
  • 使いやすさ

などを考えながらデザインを作っていきます。

ホームページ制作の流れ④
開発(コーディング)

デザインが完成したら、次はホームページとして動くように制作します。この工程をコーディングと呼びます。

コーディングでは

  • ページの構造
  • レイアウト
  • 動き(アニメーションなど)

を実装します。

この作業によって、デザインが実際のホームページとして表示されるようになります。

ホームページ制作の流れ⑤
CMS構築

企業サイトでは、公開後に自分たちで更新できるように『CMS(更新システム)』を導入することが多いです。

例えば

  • お知らせ
  • 実績紹介
  • 商品情報
  • スタッフ紹介

などを管理画面から更新できるようにします。CMSとしてよく使われるのがWordPressです。WordPressを使うことで、専門知識がなくてもホームページを更新できるようになります。

※CMSやWordPressについては、こちらの記事でも詳しく解説しています。
CMSとは?WordPressとの違いを初心者向けに解説

ホームページ制作の流れ⑥
テスト

ホームページ公開前には、必ずテストを行います。

例えば次のようなチェックをします。

  • パソコンとスマートフォンで正しく表示されるか
  • リンクが正しく動くか
  • お問い合わせフォームが送信できるか
  • 文字や画像に間違いがないか

公開前に問題がないかを確認します。

ホームページ制作の流れ⑦
ホームページ公開

すべての確認が終わったら、ホームページを公開します。

公開するためには

  • ドメイン
  • サーバー

が必要になります。

ドメインやサーバーについては、こちらの記事で解説しています。
ドメイン・サーバーをやさしく解説

ホームページ公開後にやること

ホームページは公開して終わりではありません。

公開後は

  • 情報更新
  • SEO対策
  • アクセス分析
  • コンテンツ追加

などを行いながら、ホームページを育てていきます。定期的に更新することで、検索エンジンからの評価も高くなります。ホームページの目的が集客でしたら、特に「コンテンツ(記事)の追加」が重要になります。コンテンツを追加して集客をするマーケティングのことを「コンテンツマーケティング」または「オウンドメディア」と言います。

コンテンツマーケティングについては、こちらの記事で解説しています。
オウンドメディアとは?基本と活用術とはじめての導入ガイド

まとめ

ホームページ制作は次の流れで進みます。

  1. 目的を決める
  2. サイト構成を作る
  3. デザイン制作
  4. 開発(コーディング)
  5. CMS構築
  6. テスト
  7. 公開
  8. 運用

この流れを理解しておくと、制作会社との打ち合わせもスムーズになります。ホームページ制作を検討する際は、
まずはどんな目的のホームページを作りたいのかを整理するところから始めてみましょう。

ホームページ制作関連投稿

  • ホームページ制作
  • 基礎知識
関連投稿