quip Designquip Design

制作の流れ

はじめましてのご依頼時にも参考になるように
Webサイト制作のおおまかなフローをご紹介します。

わかりにくい工程は、イメージしやすいよう馴染みのある建築で例えてみました。

Webサイト制作の流れ

例え:建築

Work flow
1
1

顔合わせ

何はともあれ、まずはお会いしてお話を聞きます(リモートも可能です)。どこへでも伺いますので、お問合せフォームからご連絡ください。

要件が固まっている・急ぎ・実装パートのみ等、ご依頼内容によってメールやお電話から制作に入る場合もあります。

2
2

お見積り

1の内容を元に概算見積りを用意します。

ご指名の場合は無料です(相見積・コンペは2から有料です)。要件やケースによって2〜4が前後します。

3
3

詳細ヒアリング・ブレスト

ヒアリング内容を元にコンセプトを詰めていきます。
目標の擦り合わせにご納得いくまで1〜4を繰り返します。

参考資料があればご準備ください。必要に応じて市場調査・開発検証・資料作成等を進めます。大事な工程ですので内容や進め方によっては1年かかることもあります。

  • ヒアリング
  • 敷地調査
4
4

構成・インフラ・要件定義

3で詰めたコンセプトを元にサイトマップを用意し制作内容を確認。インフラ・開発の要件定義を策定します。

資料はケースバイケースで用意します(コスト削減のためテンプレートに流し込むような不必要な資料は用意しません)。必要に応じ見積の最終調整を行い、契約を交わします。

  • プラン作成
  • 基本設計図
5
5

デザイン制作スタート

4までのOKをいただいたら、いよいよ実制作に入ります。

必要に応じ、5の前にネーミング・ロゴ制作・ティザー(告知)サイト・ワイヤーフレーム(構成確認資料)を用意します。

  • 実施設計図
6
6

デザイン確認

トップページと下階層1ページ目をご提案。必要に応じ修正を対応します。確認OK次第、工程8と残りのデザインを着手します。

具体的なイメージをご覧いただきます。デザインOK後は基本的に修正はできませんので、文言確認もお願いします(コストとスケジュールによって修正可能な場合もあります)。

  • 模型確認
  • 内装
7
7

撮影・素材

6で必要となる素材が確定するため、原稿・スチール撮影・動画撮影・イラスト・サウンドなどの作り込みを同時進行します。→素材の種類を詳しく見る

クオリティアップの工程です。目標やコストに応じて、ご提案します。

  • 資材調達
  • インテリア
8
8

実装・開発スタート

フロントエンドおよびバックエンドエンジニアが6のデザインをブラウザに表示・動作させるための専門言語を記述します。

開発環境の構築からHTMLマークアップ・Javascript・CMSやECの構築およびカスタマイズ・PHP開発・スマホ対応(レスポンシブ)等を行います。

  • 着工
  • 基礎工事
  • 上棟
  • 外構
9
9

検証

実装開発したものが様々な環境で問題なく動作するか検証します。

Windows・Mac・スマートフォンのブラウザで確認・動作検証し、想定外の動作やバグを修正します。

  • 検査
  • 審査
10
10

テストアップ

ステージング(テスト環境)で最終確認をしていただきます。

キャンペーンサイトなら問題なく応募ができるか、ECサイトなら問題なく購入ができるかなどの動作を含め、社内確認をお願いします。コスト削減により10を省く場合もあります。

  • 内覧
11
11

公開

10のOKをいただいたら、いよいよ公開作業を行います。

ひととおり全てのページがすべて問題なく表示できているかご確認いただき、10の動作を本番環境でもご確認いただきます。
CMSを導入した場合は後日、管理画面の納品とレクチャーをします。

  • 竣工
  • 引き渡し
12
12

運用・保守・サポート

Webサイトは作ってからがスタート。効果のある活し方や運用方法、安全に使っていただくための保守管理などをご案内します。

目標やコストに応じて様々な運用・広告の種類をご提案します。→運用の種類を詳しく見る

  • アフター
  • メンテナンス

このようにWebサイトはしっかり制作すると
スタンダードに進めても一定の時間がかかります。
クオリティアップに時間をかけたり
コストに融通を効かせることができるため
前もって早めにご相談いただくほどメリットしかありません。

そのため、まだ先の話でも、ふわっとした構想や課題からでも
まずはお問い合わいただくのをおすすめします。

※こちらは私たちのデザインスタジオ、オリジナルのおおまかな流れです。
※建築の例はあくまで段階をイメージしやすいように選んだ例えのため厳密なものではありません。

無料相談・診断をお試しいただけます。

お問い合わせはこちらから

quip Designについて サービス案内 伝えるために 制作実績 ブランディング 事例制作の流れ 相談・お問合せ News Media こだわり Blog Home