ウェブサイト制作の流れ

STEP1:ヒアリングからご発注までの流れ

1-1:ヒアリング

担当者がお客様とのヒアリングを行い、制作するウェブサイトの概要、予算と納期の目安などを確認します。
ウェブサイトの概要に関しましては以下の項目を確認させていただきます。

ウェブサイトの概要

  • ウェブサイトを制作する目的
  • 必要な機能・オプション・取得予定のドメインの確認
  • ページ数・ページ内容の確認
  • 制作レベル・制作範囲の確認

1-2:企画・要件定義

ヒアリングで得た情報をもとにウェブサイトの企画とプランや機能などの要件を定義します。

ウェブサイトの企画

  • サイトページ構造の作成
  • 各ページの内容を大枠で企画
  • CMSを使用して簡易的なサイトイメージを作成

要件定義

  • CMSプランの選定
  • CMSオプションの選定
  • 制作プランの選定

1-3:概算見積り作成

「1-2:企画・要件定義」で策定した条件をもとに概算見積りを作成します。

1-4:企画提案

企画提案資料と概算見積り書を使用し、お客様にウェブサイトの企画をご提案します。

1-5:ご契約・ご発注【お客様のご対応】

当社からの企画提案をご検討いただき、お客様にご契約・ご発注をいただきます。

STEP2:制作工程の流れ

2-1:サイトデザイン

CMSを使用してウェブサイトをデザインします。合わせて素材準備も進行します。

ページデザイン

仮サイト(仮ドメイン、インターネット上で確認可能)を使用して以下のページをデザインします。
画像やテキストなどの素材は仮のものを使用してデザインの確認を行います。

  • トップページ
  • 下層ページ
  • 問い合わせフォーム(設問の確認)
  • ブログなどの機能ページ(必要機能の場合)

素材のご提供【お客様のご対応】

デザインの作成と並行して、ウェブサイトに必要な素材を準備します。
お客様は以下のデータをご用意ください。

  • 画像
  • テキスト(ウェブサイトの内容となるテキストのこと)
  • ロゴデータ

※写真、イラスト、テキストに関しましては、当社への制作依頼も可能です。ご依頼内容を精査してお見積りいたします。

デザインの確認

ページデザインや素材の確認をお客様と行います。

2-2:本制作

「2-1:サイトデザイン」で決定したデザインと準備した素材を使用して、サイトの本制作を行います。

ページ制作

画像やテキストなどの素材を使用して、各ページを作成します。

素材制作

ページ制作で使用する素材は、事前に制作・加工しておきます。

  • 画像(ウェブ用に画像を加工)
  • イラスト
  • ロゴデータ

コーディング

テンプレートカスタマイズの場合は、HTMLやCSSのコーディングが必要になります。

  • デザインに合わせてHTMLとCSSのカスタマイズ
  • パーツのCSS調整
  • デバイスごと(PC、タブレット、スマートフォン)のCSS調整(レスポンシブデザイン対応)

確認・校正【お客様のご対応】

制作したページの確認と校正をお客様と行います。

2-3:動作確認

ウェブサイトが正常に動作するか確認を行います。

  • デバイス・OSごとの見え方が正しいか確認(レスポンシブデザイン対応の確認)
  • 各ブラウザでの見え方が正しいか確認
  • 修正が必要な箇所のコーディング

以上の作業を通して納品可能な状態のウェブサイトに仕上げます。その後、お客様の確認を持ってウェブサイト制作作業の完了とします。

2-4:操作マニュアル作成

CMSの操作マニュアルを作成します。
※カスタマイズサイトや機能追加したサイトの場合は、マニュアル作成にお時間をいただく場合があります。

2-5:最終見積り

概算見積り後に追加されたページや機能、素材の追加などで発生した費用をまとめた最終見積りを作成し、お客様に提出いたします。

STEP3:CMSのお申込みからリリースまでの流れ

3-1:CMSのお申込み【お客様のご対応】

仮サイトを独自ドメインで公開するために必要な各種書類を送付いたします。
各種書類の内容をご確認いただいた後、お申込み書へのご記入とご提出を行っていただきます。

3-2:サイト公開準備

独自ドメインへの切り替え、切り替え後の設定変更等、ウェブサイトの公開に向けて準備作業を行います。

3-3:リリース・ご納品

サイトを公開設定に切り替えます。また、最終確認として公開サイトの動作確認を行い、問題がなければウェブサイトのリリース・ご納品となります。

Rabbity-CMSに
関するお問い合わせ

TEL:048-421-8571
営業時間 9:00-17:00(土日祝除く)

お問い合わせフォーム