Production Flow

勝手に完成まで進めません。

ヒアリングから​公開まで​7ステップ。​構成案と​デザイン方向の​2箇所で​必ず承認を​いただくので、​「気づいたら​想定と​違う」が​起きません。

Steps
全7ステップ
Approval
承認ポイント 2箇所

01Overview

大きくは​4段階です

トップページで​示している​4段階が、​下の​7ステップの​親に​なります。​どの​ステップも、​この​4つの​どれかに​入ります。

  1. 整理する

    目的・読者・素材・​制約を​洗い出し、​何を​載せるかを​決めます。

  2. 設計する

    情報の​順番、​導線、​デザイン方向を​決めて​共有します。​ここで​承認を​もらいます。

  3. 形にする

    文章、​デザイン、​実装を​一つの​方針で​組み立てます。

  4. 確かめる

    実機・フォーム・速度・SEOを​確認してから​公開します。

027 Steps

7ステップの​中身

黒い帯が​承認ポイントです。​ここで​合意を​いただくまで、​次の​工程には​進みません。

  1. 段階 01

    ヒアリング

    事業の​目的・​背景・​ゴールを​伺います。​まだ​言葉に​なっていない​課題も、​一緒に​言語化します。

    お願いすることお話を​聞かせてください

  2. 段階 01

    要件整理

    目的から​逆算して、​必要な​要件を​固めます。​ここで​後から​事故に​なる​要因を​先に​潰します。

    お願いすること素材と​社内の​決裁の​流れを​共有ください

  3. 段階 02

    構成案の​作成・確認承認ポイント

    ページ構成と​導線、​各セクションで​伝える​ことを​設計し、​着手前に​確認いただきます。

    お願いすること構成に​合意いただいてから​次へ​進みます

  4. 段階 02

    デザイン方向の​確認承認ポイント

    トーン・配色・レイアウトの​方向性を​ご提示し、​合意の​うえで​実装に​進みます。

    お願いすること方​向性に​合意いただいてから​実装へ​進みます

  5. 段階 03

    実装

    セマンティックな​HTML・レスポンシブ・​表示速度まで​作り込みます。

    お願いすること原稿や​写真の​差し替えが​あれば​この間に

  6. 段階 04

    実機検証・品質チェック

    実機での​表示確認、​リンク・フォーム・​表示速度・SEO設定を​公開前に​検証します。

    お願いすること実際の​画面で​最終確認を​お願いします

  7. 段階 04

    公開

    独自ドメインで​公開し、​公開後の​初期確認まで​対応します。

    お願いすることドメイン・サーバーは​ご本人名義で​契約ください

03Case

要件整理で​潰した​事故要因

実際の​案件では、​着手前と​制作中に​次のような​「後で​揉める​種」を​潰しています。​作り始める​前に​済ませるのが、​要件整理の​役割です。

住所の​表記が​資料ごとに​違った
登記上の​表記を​正と​して​確認し、​サイト本文・地図・構造化データで​統一しました。​会社情報の​食い​違いは、​信頼を​直接損ないます。
裏が​取れない​情報は​載せない
許認可番号などの​重要な​数字は、​原本を​確認できた​ものだけを​掲載します。​先に​載せてから​訂正する​より、​確認できるまで​出さない​方が​安全です。
ドメインと​サーバーの​名義
クライアント名義で​契約していただき、​こちらは​作業権限を​お預かりする​形に​しました。​制作者が​名義を​持つと、​後から​引き継ぎが​できなくなります。

どの​ステップから​始めるか、​決めましょう

すでに​構成案が​ある、​原稿だけ​無い、​実装だけ頼みたい。​いまの​状況に​合わせて、​必要な​ところから​引き​受けます。