Contact us
   Blog

Production

STYLE WITH STRATEGYWEBの企画と制作の流れ

WEB制作は リサーチとデザインと実装。WEBサイトを作る際の思考法やブランディングのために必要なこと。知っておいて欲しい制作の知識や受発注の心得などをまとめました。制作の作業をおおきく分けると3つあります。

リサーチや企画といった 情報を取り扱う工程。 そして、それを元にデザインする工程。デザインしたものを実装する工程。 中でも企画検討といった部分は上流工程と呼ばれ、 独立して扱われることもあります。

必ず全行程を担当するわけではありません。案件の内容やご予算によって、この工程の中の一部分だけを担当することもあります。


下のボタンから全体の流れをまとめたPDFをダウンロードいただけます。

《6》制作

ここまでの工程は、要件の定義やコンテンツの企画といったWeb制作の中でも上流工程に当たる部分でした。

しっかり仕様や構成を練った後は、いよいよ実制作にとりかかります。

WEBサイト設計の例

この段階では、デザインの案を作る、デザインを確定させる、そしてHTMLの構成の設計を行うといったページ制作に関わる内容に加え、ドメインの準備やサーバーの準備、通販の場合、プラットフォームとの契約が必要です。システムのカスタマイズ、アプリ開発なども含まれます。

この制作工程になると、業務内容が多岐に渡るため、分業化も進んでいますし、近年ではノーコードツールの台頭によって、簡素化されている工程もあります。

求める機能や性能、コストなどによって、工程や作業内容も柔軟に変化させられるステップです。

  1. [I] デザイン粗案
  2. [I-1] カンプ/プロトタイプ
  3. [I-2] デザイン確定
  4. [I-3] ブラッシュアップ
  5. [I-4] コーディング用デザイン書き出し
  6. [J] ページコーディング
  7. [J-1 ]HTML・Sass・css 制作
  8. [J-2 ]JavaScript・JQuery・アニメーションなど
  9. [J-3 ]Webfont・フォーム設置
  10. [J-4] アクセス解析等の設置
  11. [K] CMSインストール・初期設定
  12. [K-1] CMSプラグイン導入(お問い合わせ)
  13. [K-2] CMSテーマ導入
  14. [K-3] CMS外観・メニュー・固定ページ等設定作業
  15. [K-4] CMS画像&記事の流し込み準備
  16. [M] CMSトップページ表示設定
  17. [M-1] CMSトップページ(固定)設定
  18. [M-2] CMS下層ページ(固定)記事流し込み
  19. [M-3] CMSブログ(投稿)データ流し込み
  20. [M-4] CMSデータ移管・画像サーバー引越・DB変更(※)
  21. [N] コミュニーケーション・ディレクション
  22. [N-1] 出張MTG
  23. [N-2] 進行・スケジュール調整
  24. [N-3] 撮影・モデル・ロケーション依頼
  25. [N-4] 意見調整・提案

WEBの企画と制作の流れ

WEB制作は リサーチとデザインと実装。リサーチや企画といった 情報を取り扱う工程。 そして、それを元にデザインする工程。デザインしたものを実装する工程。 中でも企画検討といった部分は上流工程と呼ばれ、独立して扱われることもあります。WEBサイトを作る際の思考法やブランディングのために必要なこと。知っておいて欲しい制作の知識や受発注の心得などをまとめました。

future