コムラボに相談・問い合わせる

株式会社コムラボ / Comlab Inc.

ページ遷移時のテキスト
000
WELCOME TO COMLAB
News

コムラボでのホームページ制作(コーポレートサイト制作)の流れをご紹介します

目次

  1. 全体を通じた工程 / 期間
  2. ステップ1:ワイヤーフレーム作成 / 原稿作成
  3. ステップ2:デザインカンプ作成 / デザイン確定
  4. ステップ3:コーディング / 写真・ムービー撮影
  5. ステップ4:最終確認・修正 / 公開作業

会社や店舗のホームページを作る場合”何から始めればいいのかわからない”という方や”どのくらいの時間がかかるのか分からず不安”といった方がいらっしゃるかと思います。
準備に必要な内容や時間は制作会社にやホームページの規模によって異なってきますが、コムラボで制作する場合の例を下記にまとめていきます。

あなたのホームページ制作や役立つようであれば幸いです。
また、細かなご質問などはお気軽にコムラボまでご相談くださいませ。

全体を通じた工程 / 期間

ホームページ制作現場のイメージ

全体を通して、最初の打ち合わせからホームページの公開までは平均4カ月前後が必要となります。
(規模や内容により早く制作できる場合やお時間を要する場合もありますので、具体的な期間はお打ち合わせの後にお伝えいたします)

ホームページの公開までは4つのステップを経て進んでいくものとなります。

ステップ1:ワイヤーフレーム作成 / 原稿作成
ステップ2:デザインカンプ作成 / デザイン確定
ステップ3:コーディング / 写真・ムービー撮影
ステップ4:最終確認・修正 / 公開作業

この記事では、それぞれのステップを解説いたします。

以下は10ページ前後のホームページをモデルとした内容となります。
そのため実際の作業期間の違いが生じる場合がございます。
実際の作業時はご要望に添えるようスケジュールを調整し、無理のない日程で公開までを目指せるようご提案させていただきます。

ステップ1:ワイヤーフレーム作成 / 原稿作成

ワイヤーフレームのイメージ

ステップ1の作業期間:おおよそ4~5週間

最初のお打ち合わせの後、ホームページの内容を決めていく作業から着手していきます。
ホームページの目次に当たるものをサイトマップといい、ホームページの下書きにあたるものをワイヤーフレームと言います。

最初にワイヤーフレームを作成し、ページ数はどのくらいか、どのようなコンテンツを載せるかなどの骨組みを構築していきます。
サイトマップの作成からワイヤーフレームの一時的な構築までがおおよそ1~2週間となっております。

原稿作成のイメージ

その後、ホームページに掲載する文章を準備していきます。
コチラについてはクライアント様にもご協力いただき、載せたい文章、特に訴求・アピールしたい内容などを中心に文章を構築していきます。

原稿の内容も踏まえ、ワイヤーフレームを確定するまでにおおよそ2~3週間となっております。

ステップ2:デザインカンプ作成 / デザイン確定

デザイン制作のイメージ

ステップ2の作業期間:おおよそ6~7週間

ワイヤーフレーム(ホームページの骨組み)を確定した後は、デザインの作成に取り掛かります。
このステップで作成するデザインは画像の状態で、こちらを元に次のステップでホームページとして動作するものに作り替えていきます。
この段階で作られるデザイン画像は「デザインカンプ」と呼ばれます。

デザインカンプはまずトップページ(最初のページ)から作成を進めます。
トップページのデザインを基準にホームページ全体のデザインを統一していくため、デザインの方向性やイメージを確定していく最初の作業となります。
デザインの確認や修正を含めて、おおよそ1~2週間でトップページのデザインの作成~確定までを行います。

実際に制作したデザインの一例

その後、トップページ以外のページ(下層ページと呼びます)のデザインを作成します。
10ページ前後のデザインカンプで3週間ほどの制作期間となります。

デザインについては次のコーディングのステップに入ってしまうと大規模な調整が難しい箇所が含まれます。
そのため、上記のデザインカンプに関しては調整からデザイン確定までの時間を1~2週間程度設けております。

ステップ3:コーディング / 写真・ムービー撮影

コーディング / 写真・ムービー撮影のイメージ

ステップ3の作業期間:おおよそ4~5週間

デザインカンプが完成したら、コーディングという作業を行っていきます。
コーディングとはデザインを実際にホームページとして動くようにプログラミングしていく作業を指しています。

コーディングを行っている間、撮影が必要な場合はお写真・ムービーの撮影も並行して行います。
予定により撮影日は前後する可能性がありますが、基本的には作業が止まることが無いように、並行して進められる工程は社内で連携して進めております。

ステップ4:最終確認・修正 / 公開作業

公開可能な状態まで制作が完了したイメージ

コーディングや撮影が完了しサイトが公開できる直前の状態になった際には、最終的なチェックと修正を行います。
厳正な社内チェックを経て、クライアント様にもご確認いただいたうえでホームページの公開を行います。

プレスリリースに合わせた公開やキャンペーンと連動した日取りでの公開など、日程調整も可能です。
お急ぎの場合でも、2段階に分けた公開(プレオープン・ティザーサイト)を行うといった形で柔軟に対応させていただきます。


上記はあくまで一例となります、実際には様々な制作状況やご要望が考えられるかと思います。
新規制作に限らず、リニューアルやLP制作、SNS運用サポートなど様々なご要望に対応できますので、まずはお気軽にお問い合わせくださいませ。