ホーム コンテンツ Webサイト・HP制作の流れ 3つのフェーズと業務プロセス

Webサイト・HP制作の流れ 3つのフェーズと業務プロセス

Webサイト制作の流れ 3つのフェーズと業務プロセス
目次

Webサイト・HP制作の流れ

Webサイト・HP制作サービスでは以下のフェーズに分けて、全体設計から企画、制作・実装まで、各業務を進めます。

こちらでご紹介しているのは、基本的なWebサイト・HP制作の方法・流れです。制作サイトのジャンルやページのボリューム、デザイン、撮影の有無等によって、他の方法・流れを用いる場合があります。

  1. サイト概要作成
  2. ターゲット策定
  3. 競合サイト分析
  1. ワイヤーフレーム・コンテンツマップ作成
  2. デザイン企画
  3. テキストコンテンツ企画
  1. デザイン制作
  2. テキストコンテンツ制作
  3. コンテンツ・デザイン実装

全体設計フェーズ

Webサイト・HP制作における全体設計フェーズでは、ご担当者様へのヒアリングを通し、サイトの活用目的に応じターゲット像や競合として想定されるサイト等、制作するサイトの概要を把握します。

サイト概要作成

ビジネスを自社・顧客・競合、3C分析の視点で具体化し、活用目的や制作イメージなど、Webサイト・HP制作の概要を作成いたします。

サイト概要作成 Webサイト制作

ターゲット策定

マーケティングやブランディング等、Webサイト・HPの活用目的や掲載する製品・サービスに応じ、見込み客やユーザー等のターゲット情報を策定します。

ターゲット策定 Webサイト制作

競合サイト分析

主に同様の製品・サービスを扱う企業のWebサイト・オウンドメディアを分析し、制作サイトのポジショニングや訴求ポイント等を可視化します。

競合サイト分析 Webサイト制作

企画フェーズ

Webサイト・HP制作における企画フェーズでは、制作するWebサイトをより具体化するために、ワイヤーフレームやコンテンツマップを前提に、デザインとテキスト案を企画します。

ワイヤーフレーム・コンテンツマップ作成

Webサイト・ページのレイアウトを定めたワイヤーフレームや、コンテンツの構成を定めたコンテンツマップを作成し、サイトのイメージや全体像を共有いたします。

ワイヤーフレーム・コンテンツマップ作成 Webサイト制作

デザイン企画

作成したワイヤーフレームを基に画像やテキストを配置し、主要なWebページにおけるデザイン案を企画します。またサイトの活用目的に応じ、概算的にCTAやバナー等も企画段階で組み込みます。

デザイン企画 Webサイト制作

テキストコンテンツ企画

作成したコンテンツマップを基に、各Webページに記載するテキストコンテンツを企画します。またSEO対策の観点を加味し、競合サイトと記載事項の差別化を図りつつ内容を作成します。

テキストコンテンツ企画 Webサイト制作

制作・実装フェーズ

Webサイト・HP制作における制作・実装フェーズでは、企画案を基にサイトデザインやテキストライティングを進め、最終的にサイトへ実装していきます。

デザイン制作

Webサイト・HPのデザイン企画を基にして、各ページに配置するイラスト・画像・ロゴ等のデザイン制作を進めます。ご共有いただいた画像等がある場合は省く場合もあります。

デザイン制作 Webサイト制作

テキストコンテンツ制作

テキストコンテンツの企画案を基に記載内容のライティングを進め、制作したイラストや画像を交えながら、各Webページごとの詳細なテキストコンテンツを制作します。

テキストコンテンツ制作 Webサイト制作

コンテンツ・デザイン実装

制作したテキストコンテンツやデザインを基に、Webサイト・HPの活用目的やイメージ、コンセプト、ターゲット等に合致するように組み込み、公開できる状態へ実装します。

コンテンツ・デザイン実装 Webサイト制作
著者
Picture of 株式会社Curiver
株式会社Curiver

栃木県のデジタルマーケティング会社です。Web戦略の設計段階からクリエイティブの企画・制作、マーケティング施策の実行・改善まで、零細・中小企業におけるWeb関連業務を一貫して代行します。

監修者
Picture of 柄木田 裕哉
柄木田 裕哉

株式会社Curiver代表取締役。1996年、栃木県さくら市出身。新卒で独立し、Webサイト・記事制作、SEO対策、Webマーケティングの受託とWebメディア運営を開始。現在は主にマーケティングプロジェクトの統括や制作のディレクションを担当しています。