先駆ワークフロー:企画・設計について

Blog
2024.12.20
実績・サービス紹介
マーケター・WEBプランナー 田中 啓子

ウェブサイトを構築する際、達成したい内容などをヒアリングしたのち、具体的な企画・設計に進みます。この記事では、企画・設計として何を進めていくのかをまとめます。

企画・設計として検討する内容

企画・設計のタイミングで検討する内容は様々ありますが、大きく分けると、ウェブ活用に向けた戦略と、具体的なウェブサイトの設計となります。具体的にどこまで時間を割いて細かく設計するかは、ご予算とサイトの規模によって様々ですが、ここでは、しっかりと対応する場合について、それぞれの項目について解説します。

ウェブ活用に向けた戦略の検討

戦略の検討では、ヒアリングで伺った内容をさらに掘り下げて、具体化していきます。

現在のウェブサイトについての確認や、顧客・競合・自社の3C分析やSWOT分析、ペルソナや閲覧後にとっていただきたい行動の検討、ウェブサイトの運営にまつわる業務の設計、拡張機能などの検討などを進めます。

この段階で作るドキュメントには以下のようなものがあります。

※一例です。

  • WEBリサーチ報告書
  • 3C分析報告書
  • SWOT分析表
  • ペルソナ定義書
  • カスタマージャーニーマップ
  • 事例一覧表
  • サイトコンセプト
  • コンテンツ企画書
  • 環境調査報告書
  • システム構成表
  • システム構成図
  • 業務一覧
  • マニュアル目次案
  • 年間サポート業務案
  • コンタクトフォーム仕様
  • CMSアカウント一覧
  • 外部連携一覧
  • 機能一覧

具体的なウェブサイトの設計の検討

戦略部分の検討のあと、具体的なウェブサイトの内容について設計を進めていきます。メニューやページの構成、ページ間の遷移、デザインの方向性、リニューアルの場合はコンテンツの移設方針、画面内に設置する要素、管理画面のありかたや入力方法、検証の際のテスト方針などを、戦略の検討の内容を念頭に置いて設計していきます。

この段階で作るドキュメントには以下のようなものがあります。

※一例です

  • ページ一覧
  • ページ遷移図
  • ページ仕様
  • デザイン方針書
  • 素材管理表
  • SEOライティング方針書
  • お客様用コンテンツ入力ファイル
  • コンテンツ移設手順書
  • コンテンツ企画書
  • 工程表
  • システム構成表
  • システム構成図
  • 管理画面仕様書
  • テスト方針

まとめ

ひとくちに企画・設計といっても、検討する内容も作るべきドキュメントも多岐にわたっており、ページのリストだけではウェブサイトの具体的な制作に進んでいくことができないということがご理解いただけたかと思います。

この企画・設計の内容をふまえて、デザインやコンテンツ、実際のウェブサイトのコーディングなどを行う、制作・実装の段階に進んでいきます。