本文へ移動

FLOW

ホームページ制作の流れ

お客様の課題と目標を明確にし
制作から運用まで一貫してお手伝いします。

Webサイトを制作する前段階から、分析を含め「どのような目標で活用していきたいか」等の要件をしっかりとヒアリングしたうえで、制作後の運用も考慮した設計にしていくシスコムの「ホームページ(Webサイト)を制作する効率的な流れ」をご紹介します。

PHASE 01

ご相談〜ご契約

お問い合わせからご提案・概算お見積もりまでは無料です。要件が固まり、ご提案内容にご納得いただけたらご契約となります。

  1. 1-1.お問い合わせ(無料)

    まずは、お問い合わせフォームからご連絡ください。「課題はあるがどう解決したらよいかわからない」場合、まずはヒアリングをさせていただきます。

    「ホームページの改善やリニューアルをしたいがどうしたらいいのかわからない」などのお悩みをお持ちの場合は、ホームページ無料診断も承ります。

  2. 1-2.ヒアリング(目的・課題の共有)(無料)

    ヒアリングシートのイメージ

    Webサイト制作の目的、Webサイトリニューアルの場合は課題やリニューアルの目的、コンセプト、イメージなどをお聞かせください。また、RFP(提案依頼書)をご用意いただける場合は共有いただければ幸いです。

    主な確認事項

    • プロジェクト発足の経緯や背景
    • 貴社の事業スキーム
    • 競合他社
    • 業界の現状や性質
    • 目的(ゴール)の設定
    • 貴社が課題に感じている点
    • 貴社や貴社のWebサイトの現状
    • 貴社のお客様(ターゲット)
    • 現在の営業、マーケティング状況
    • Webサイト公開までのスケジュール感
    • 貴社からのご要望
    • 大まかなご予算
    • その他質疑応答

    主な成果物

    • ヒアリングシート
  3. 1-3.ご提案・概算お見積もり(無料)

    弊社のマーケティング、クリエイティブ、テクニカルの各スタッフが各ポジションからの視点で検討し、目的の達成に向けたリニューアル案をご提案いたします。場合によってはトップページのラフデザインも制作いたします。

    主な成果物

    • 提案書
    • 要件定義書
    • 概算見積書

    ※この時点でKPIやペルソナなどをお出しする場合もございます。※ご予算に応じて変わります。

    ここまでは無料でご提案いたします。お気軽にご相談ください。

    無料で相談する
  4. 1-4.要件定義・ご契約

    「要件定義」確定後、本見積もりをご提出いたします。仕様が確定しないままのお見積もりはあくまで概算であることをご了承ください。弊社のご提案(コンテンツ内容・プロモーション内容・保守管理・ドメイン・サーバー・料金など)にご納得いただけましたらご契約となります。

    主な成果物

    • 要件定義書
    • 正式見積書
    • 発注書
    • 注文請書

    ※ご予算に応じて変わります。

PHASE 02

設計・制作〜公開

調査・分析と計画をもとに、設計、デザイン、構築、確認の順に進めます。各段階でお客様にご確認いただきながら、公開まで進めます。

  1. 2-1.調査・分析と計画

    ペルソナの例(34歳・女性・千葉県在住、大手製造販売メーカーの社内広報部の部長)

    調査・分析を行い、お客様の目的や目標を達成するためにどのような構成や施策が必要か、検討いたします。シスコムからの一方的な提案ではなく、お客様との認識をすり合わせて同じゴールに向かうことが大切だと考えます。

    主な成果物

    • WBS
    • スケジュール表
    • 会議議事録
    • 課題分析シート
    • KPIツリー
    • ペルソナ
    • ユーザーシナリオ

    ※ご予算に応じて変わります。

  2. 2-2.サイト設計(構成案)

    構成案(ワイヤーフレーム)のイメージ

    Webサイトに掲載するコンテンツを整理して、サイト設計をしていきます。

    サイトマップ(構成図)
    ツリー構造で、コンテンツをどのようにカテゴリ分けするかを整理し、把握しやすくします。
    ストラクチャー
    Webサイトの全ページを洗い出し、サイトマップと同様に、どのページをどのカテゴリに分け、どのような階層構造にするかを一覧化します。CMS化する場合は、お客様が投稿しやすいようカスタマイズしたページ(投稿ページ)にするか、通常は更新しない「固定ページ」にするかなどを明記します。
    構成案(ワイヤーフレーム)
    ページごとの設計図のようなものです。それぞれのページに必要な情報・要素、コンバージョンボタン、メニュー、ページボリューム、ページの流れをわかりやすく整理します。

    このように設計図が出揃いましたら、必要な原稿を用意していきます。お客様が掲載したい情報(文章やお写真)をご用意いただき、必要に応じて原稿の校正や編集、写真撮影、場合によっては動画撮影を行い、ライティングが必要な箇所があればライターを手配いたします。多言語サイトの場合は、翻訳会社をご案内することも可能です。

    主な成果物

    • サイトマップ
    • ストラクチャー
    • 構成案(ワイヤーフレーム)
    • プロトタイプ

    ※ご予算に応じて変わります。

    シスコムとお客様の進め方

    1. シスコム・お客様: お打ち合わせ
    2. シスコム: 構成案作成・提示
    3. お客様: 構成案確認・修正依頼(ページの構成・掲載する内容・導線など)
    4. シスコム: 構成案修正
    5. お客様: 構成案再確認・確定
  3. 2-3.デザイン・コンテンツ作成

    デザインの制作例

    構成案(ワイヤーフレーム)の確認がとれましたら、デザイン案を作成していきます。ターゲットであるユーザーのニーズに合わせて、デザインの方向性を決め、Webサイトの目的やお客様のブランドイメージを踏まえたうえで、デザイン案の制作を行っていきます。

    主な成果物

    • デザインカンプ
    • デザインテンプレート
    • デザインガイドライン

    ※ご予算に応じて変わります。

    シスコムとお客様の進め方

    1. お客様: 原稿・写真等の提供
    2. シスコム: デザイン作成・提示
    3. お客様: デザイン確認・修正依頼(使用している画像・全体のバランス・文章)
    4. シスコム: デザイン修正
    5. お客様: デザイン再確認・確定
  4. 2-4.構築(コーディング)

    デザインやコンテンツの準備ができたページから、構築(コーディング)を行っていきます。構築とは、HTML、CSS、JavaScriptといった言語を用いてWebブラウザ上でデザインや動作が表示されるよう設定することをいいます。運用を考えてWordPressなどのCMS(コンテンツマネジメントシステム)を設定すると、お客様でも更新しやすいWebサイトにすることも可能です。

    主な成果物

    • コーディングガイドライン

    ※ご予算に応じて変わります。

    シスコムとお客様の進め方(順不同・並行して進めます)

    • シスコム: 構築(コーディング)
    • シスコム: CMSカスタム
    • お客様: サーバー情報のご共有
  5. 2-5.テスト環境での確認

    Web上に公開する前に弊社検証(テスト)サーバー上でお客様にご確認いただきます。その後、完成したWebサイトをお客様の実際のサーバー(ステージング環境)にテストアップし最終確認を行います。※新規で契約したサーバーではなく、お客様指定サーバーの場合は、IDとパスワードを事前にお知らせいただきます。

    主な成果物

    • 確認リスト

    ※ご予算に応じて変わります。

    シスコムとお客様の進め方

    1. シスコム: 検証(テスト)環境公開
    2. お客様: 検証(テスト)環境の確認(リンク・動作確認・原稿など)
    3. シスコム: 検証(テスト)環境最終修正
    4. お客様: 最終確認
    5. シスコム: 本番環境公開準備
  6. 2-6.公開

    お客様の最終確認とご了承のうえ、お客様指定サーバーにアップしてホームページを公開いたします。また、本番公開作業をお客様側で行いたい場合は、記憶媒体の送付、メール添付でデータを納品いたします。WordPressを導入した場合は、必要に応じて更新の仕方についてマニュアルの作成やレクチャーミーティングを実施いたします。

    主な成果物

    • 運用ガイドライン
    • 運用マニュアル
    • 納品書
    • 請求書

    ※ご予算に応じて変わります。

PHASE 03

公開後の運用・改善

ホームページは公開してからがスタートです。ご依頼に応じて、更新作業・アクセス解析・改善提案などに対応します。

  1. 3-1.運用・アフターフォロー

    アクセス解析レポートのイメージ

    ご依頼いただいている場合は、更新作業や、コンテンツ追加、アクセス解析、改善提案などに対応いたします。ホームページは公開してからがスタートですので、ぜひ定期的に更新、改善を行ってください。

    主な運用メニュー

公開後のフォローアップ

ホームページ制作に関するお悩みがある方は お気軽にご相談ください。

私たちは東京にオフィスを構えていますが、全国各地からのご相談にもお応えしています。
お見積もり依頼や詳しいご相談をしたいなど、まずはお気軽にご相談ください。
3000サイト以上のホームページ制作経験をもつ私たちが最適なソリューションを提案します。

FREE CONSULTATION

無料相談・お問い合わせ

メールで相談や見積もり依頼をしたいという方向けに、メールでのお問い合わせも承っております。こちらのフォームからお問い合わせください。

お問い合わせフォーム

DIAGNOSIS

無料Web診断受付中

目標達成のためには、現状把握が不可欠です。リニューアル前に把握すべき5つのポイントを分析し、結果の出るホームページへの改善案をご提案します。

無料診断を申し込む