制作の進め方7つの段階と、各段階でお見せする叩き台

作り始める前の4つの段階に、大きな時間をかけます。伝える価値が決まる前に構造を組むと、後で構造から組み直す手戻りが生じるためです。

7つの段階の道のりを歩く挿絵
イメージ

01全体図

7つの段階の全体図

02段階ごとの中身

段階ごとに、することと、できあがるもの

  1. 役割を一つに決める打ち合わせの挿絵
    イメージ

    段階 1戦略

    Webサイトの役割を一つに決める

    経営の方針・営業のやり方を伺い、Webサイトに求める成果を一つに絞り、目標の数字を置きます。Webサイトが担わないことも書き出します。

    家を建てる前に、誰が住み、何に使う家かを決めるのと同じです。

    お客様にしていただくこと

    経営の方針・営業のやり方をお話しいただき、役割をご承認いただく

    できあがるもの

    Webサイトの役割定義書(A4 用紙1枚)

  2. 会社を外から調べる場面の挿絵
    イメージ

    段階 2徹底調査

    お客様・お客様の顧客・業界と市場を調べる

    会社・信用・採用・口コミまで外から調査いたします。お客様の顧客が探し・比べ・選ぶまでの道のりと、競合3〜5社のWebサイトも調査いたします。

    健康診断です。ご本人の申告だけでなく、数値と外からの所見を集めます。

    お客様にしていただくこと

    お客様の顧客への聞き取り・アンケートへのご協力

    できあがるもの

    調査票3枚(お客様自身・お客様の顧客・業界と市場)

  3. お客様の顧客の声を聞く場面の挿絵
    イメージ

    段階 3価値の確定

    一番に伝える価値を決める

    調べた事実と、お客様の顧客の「生の言葉」から魅力を引き出し、機能的価値と情緒的価値に分けて整理します。競合と比べ、一番に伝える価値をお客様と一緒に決めます。

    仕立て屋が、採寸の結果とご要望を見比べて、いちばん映える生地と形を決める段階です。

    お客様にしていただくこと

    価値の整理表のご確認と合意

    できあがるもの

    価値の整理表

  4. 建物の設計図を描く場面の挿絵
    イメージ

    段階 4構造の設計

    価値を探せる・たどり着ける形に置く

    現在のWebサイトを決まった観点で点検し、ページの並び・道しるべ・見出しの言葉を設計します。見出しの言葉は、制作に関わっていない方に試していただいてから決めます。

    図書館の本棚の設計です。どの棚に何を置き、棚にどんなタグを付けるかを決めます。

    お客様にしていただくこと

    構造図のご確認。見出しの試験に社内の方を数人

    できあがるもの

    構造図(サイトマップ)・見出しの一覧

  5. 原稿を書きページを作る場面の挿絵
    イメージ

    段階 5原稿・制作

    価値を言葉と写真にする

    価値の整理表とお客様の声を各ページに当てて原稿を書き、ページを作ります。人が編集画面で直せる作りにします。

    設計図ができてから、大工と内装の職人が入る段階です。

    お客様にしていただくこと

    原稿のご確認・写真のご提供

    できあがるもの

    ページの骨組み図(ワイヤーフレーム)・原稿・Webサイト

  6. お店の開店の場面の挿絵
    イメージ

    段階 6公開

    大事なものから二段階で

    役割に最も効くページに力を集めて第一弾とし、残りは計画を立てて第二弾に回します。

    お店の「仮オープン」と「グランドオープン」です。

    お客様にしていただくこと

    公開のご判断

    できあがるもの

    公開したWebサイト(第一弾)

  7. 庭木の手入れをする場面の挿絵
    イメージ

    段階 7運用

    測って、直して、また測る

    目標の分解図(KPI ツリー)の枝ごとに実測を取り、目標との差が大きい枝から直します。

    庭の手入れです。育ち具合を見て、水をやり、枝を整えます。

    お客様にしていただくこと

    更新のご担当者を決めていただく

    できあがるもの

    毎月の報告・第二弾の計画

03叩き台

各段階の終わりにお見せする叩き台

お客様が「何も見えないまま時間が過ぎる」ことのないよう、各段階の終わりに必ず叩き台をお見せします。

  1. 1役割定義書の粗い版
  2. 2業界・市場の調査票
  3. 3価値の整理表
  4. 4構造図
  5. 5ページの骨組み図

045つの決まり

制作中に守る5つの決まり

  1. 1

    力を入れる箇所を見極める

    Webサイトは仮説の塊です。完成度が要る箇所を押さえ、ほかは公開後に直します。

  2. 2

    更新と管理のしやすさ

    公開後に貴社で文字・写真・リンクを直せる作りにします。

  3. 3

    情報を深くする

    貴社だからこそ出せる情報を載せます。

  4. 4

    事例をできるだけ多く

    取り組みの事例を載せ、選ばれる理由を見える形にします。

  5. 5

    会社案内の PDF

    営業でもお使いいただける会社案内の PDF を用意します。

まずは、貴社の事業のお話をお聞かせください

作り直しを決めていなくても構いません。いまのWebサイトで気になっていることを伺い、何から始めるとよいかをご提案いたします。