1. Webディレクターズマニュアル 中村健太のディレクション講座
CSS Nite @Co-Edo, Vol.12
あると便利！コンセプトシートの重要性と
具体的な作り方＆伝え方

2. ご挨拶と自己紹介
中村健太
Twitter：@cafekenta
Facebook： http://www.facebook.com/cafekenta
2010年からディレクターズマニュアルの
中の人として活動
子ども：2人（年長と小3）
趣味：筋トレとランニング
飲食店経営⇒アフィリエイター⇒ディレクター
趣味：筋トレとモータースポーツ
マイナビから年内刊行予定の
『Webディレクターズマニュアル』書籍版を
現在執筆中

3. 今日やること
1
Webディレクターの本来の職域
2
コンセプトを作る重要性
3
コンセプトシートとは何か？
具体的な考え方と作り方（軽いワークあり）
4
プレゼンから考える提案資料の作り方
5
まとめと質疑応答

4. Webディレクターの
本来の職域

5. ディレクターとは、何をする人だろう？

6. A
B
C
商談して
見積もりを作る人？
スケジュールを
管理する人？
制作の運用や進行を
管理する人？
D
E
F
成果物の品質を
管理する人？
システムの要件を
定義する人？
実装のチェックを
正確に行う人？

7. G
了解！
お願い
これも
頼む
それとも、ただの御用聞き？雑用係？
あれも

8. ディレクター（Director）=導く人

9. どこに？なにを？

10. エンドクライアント
およびユーザーにとっての
満足に向けて
プロジェクトそのものを成功に導く

11. ディレクターは「中心」にいなければ、いけない

12. 何かしらのサービスや商材を
ユーザーにWebを通じて届ける
そのすべての工程の
中心にいなくちゃいけない

13. そのため、可能な限り上流にいるべき
※というかいるとラク
企画・コンセプト立案
設計・商談・見積
制作進行管理
運用・改善

14. そこにディレクターがいないと 悲劇が生まれる
納得が行かない企画に対し
納得いかないコンテンツを
組み立てて
クライアントや担当者の
意見に流されまくり
プログラマーは
当分家に帰れなくなり
半端なままリリースして
あとは知らんぷり
ユーザーは集まらず
離れていき
デザイナーは
度重なる差し戻しに
イライラし続けて
売上も、成果も出ない
誰もが笑えなくなる

15. でも、
そんなプロジェクト
ごろごろあるよね？
なんでだろう？

16. いろいろ理由はあるだろうけど、
ディレクターがちゃんと
上流に食い込めていない
ケースが多い

17. だから、
ディレクターがサイトの
コンセプトを作成して
上流に入り込むべき

18. コンセプトを作るか
プロジェクトを破綻させるか

19. コンセプトを提案しよう

20. コンセプトって何？

21. コンセプト
何かしらのサービスや商材を
Webを通じてユーザーに届けるための
企画・設計・制作・運用を貫く
大きなテーマのようなもの
そのテーマを
誰もが覚えられるキャッチーなカタチ
にしたもの

22. 例1：東京ディズニーリゾート
絶対にゴミが落ちていないキレイなテーマパーク
「夢と魔法の国」
例2：とあるWebサイトリニューアル企画
2年以内にリピート率20％を達成するリニューアル企画
「1日3回見ないと落ち着かないサイト」
※キャッチーか？ゴメンナサイ

23. コンセプトがあると
1
何のためのコンテンツか？の根拠がハッキリする
2
制作チームと「最終的に目指すところ」を共有しやすくなる
3
クライアント担当とも目線を同じくできる
4
ディレクターが主導権を握りやすくなる
※納期調整とか
つまり「ちゃんと上流から作って納品」ができる

24. さらに
「〇〇のために■■を作った」という根拠が
すべてのコンテンツにおいて明確になるので
上手く行かなかったときに、
見なおすべきポイントがすぐにわかる

25. もしもプロジェクトにコンセプトが無かったら
クライアントは「格好いいかどうか？」で判断して
デザイナーは「俺のやりたい事かどうか？」で判断して
プログラマーは「仕様書の通り」にしか作ってくれなくて
ライターは「その場のノリ」で原稿を書いて
ディレクターはいろんなところに挟まりすぎて、死ぬかもしれん

26. コンセプトさえあればすべてが上手くいく！
というわけではもちろんないけれど
少なくとも主導権は握れる
改善のスピードも高められる

27. というわけで作ってみましょう

28. コンセプトシートとは何か？
具体的な考え方と作り方

29. コンセプトシート？
＝ なぜそのコンセプトにしたのか？
を分かりやすく書いたもの

30. と同時に
多くの情報からコンセプトを見つけ出す
思考プロセスそのもの

31. 中村の場合
要素A
例：クライアント側でやりたいこと
実現したいこと
現在抱える問題点など
要素B
例：現状やれない理由
実現に立ちはだかる問題
他社やマーケットの実情など
つまり〇〇すればいいのでは？
ということは「〇〇」ってことだよね
この部分がサイトコンセプトになる

32. 構造の解説
1
複数の視点
から見て
2
共通する課題を
まとめて
3
テーマを
まとめる

33. 実際に作ってみよう
（ワークショップ：15分）
配布資料をご確認ください
※隣の方と二人一組で行います

34. 配布資料1
要素A
要素B
「
では、何が
必要になるのか？
」
「
」
「
必要なのは、「
コンセプト案：
」だから
」と「
」

35. 配布資料2
■元々の要望
ガラケー時代から使い続けて、無理やりスマホ対応して
いたサイトがそろそろ限界
■業界としての状況
ライバルが続々拡大中（楽天デリバリー、ぐるなびデリ
バリーなど）
ユーザーからも「使いにくい」と改善要望が多く、スマ
ホサイトをリニューアルしたい
まだまだ出前館が会員数売上共にトップでも いつまでも
こうではありえない
■ビジネス的目標
リニューアル完了から2年後にスマホ経由の売上を前年同
月比150％にする！
ライバルはGPSに対応したり素敵アプリ出したり色々
やっている
■ざっと使ってみた感想
トップページのファーストビューがいきなり
ログインボタンで、初見ユーザーには「？」
ページフッターに「戻りナビ」という
謎のナビゲーションがあり、しかも使えない
CVに至るまでのページ遷移数が多すぎる
会員登録時に空メール送信が必要で、古臭い上にものす
ごく登録が面倒
とにかく検索導線が面倒
最低7画面遷移しないと商品詳細につかないのは
どうかと思う
■プロジェクトの抱える課題点
ゴールまでの設定日数が少なく 必然的にプロジェクトそ
のものの残日数が少ない
■想定ターゲットユーザー
メイン客層20～40代男女（男女比に大幅な比率差なし）
※スマホからのアクセスで最も多く期待されるのは「帰
りがけに注文しちゃう」という
導線となり、広告・自然流入いずれかの導線からサイト
にランディングし、その勢いで商品注文を済ましてしま
うと仮定

36. 複数の視点の見つけ方
・依頼者がWebでやりたいこと
・ユーザーがサービスに求めること
・現在のマーケット概況
・商品（ビジネス）としての課題
・現在困っていること
・何ができれば最高なのか（理想形）

37. 中村の場合（コレが正解！ではありませんが）
御社のやりたいこと
○他社サービスにくらべ、優れている点
・新規顧客の獲得
・ロイヤルユーザーの増加
・スマホ経由の受注件数増加
では、実現のために何が
必要になるのか？
強みと弱み
・ネームバリュー
・継続ユーザーの多さ
・提携店舗の数の多さと人口カバー率
○逆に負けてしまっている点
・スマホを利用したユーザー体験の面倒くささ
・他社サイトに比べた古くささ
・スマホサイト経由での使いやすさ
とにかく、「ここはこういう仕組みだからこう使いなさい」というスタンスが強く
ユーザーのニーズに耳を傾ける姿勢がほとんど感じられない
だから必要なのは、「ニーズの分解」と「対応力」
コンセプト案：今頼みたい！にサクッと応えるD前館

38. ちなみに・・・
要素A
要素B
要素Aと要素Bはネタとして、
カテゴリが遠いとキャッチーな感じに
近いと現実的になっていく

39. アイデアの出し方の一つ「2物衝突法」
近
コンピューター×ソフトウェア
⇒インパクト小、伝わりやすさ大
遠
コンピューター×おばあちゃん
⇒インパクト大、伝わりやすさ小
※Rokkakuの森田さんに教えてもらいました

40. 近い例
今困っていること
「売上が伸び悩んでいる」
解析から見えるポイント
「フォームの離脱率がすごい」
おそらくフォームの入力が面倒なのでは？
とにかくフォームからの離脱を低減することが課題！
コンセプト案：日本一入力がラクなEC

41. 遠い例
今困っていること
「売上が伸び悩んでいる」
ユーザーが求めるもの
「ちょっと面白いネタ」
キャラを立ててみたら面白いかも「クビを覚悟で上司に歯向かう
セール担当者」とかでツイッターやってみるか！
※クライアント企業にある程度認知があればアリ
コンセプト案：いじめられっ子の特売セール
※某鉄道会社とか某眼鏡屋とかが似たようなことやってましたね

42. プレゼン手法から考える
提案資料の作り方

43. プレゼンは、人に何かを「伝え」て、
その結果として何か「アクション」を
起こさせれば成功

44. プレゼンにも
コンセプトシートは
使える

45. 人にアクションを取らせる
プレゼンに必要な要素
「これが課題ですよね」と共感させ
課題解決のために何が必要なのかを示して
実行のための必要な方法をわかりやすく伝える
・・・そしてそれを「僕なら上手くやる」と言い切る

46. 人にアクションを取らせる
プレゼンに必要な要素
「これが課題ですよね」と共感させ
課題解決のために何が必要なのかを示して
実行のための必要な方法をわかりやすく伝える
※ここまでコンセプトシートに入ってる
・・・そしてそれを「僕なら上手くやる」と言い切る

47. 企画の段階から
絡めない！
提案を聞いて
くれない！
提案資料を
キレイに作れない！
などと悩む前に

48. とにかく自分なりのコンセプト案を立ててみよう
そして誰かに伝えてみよう
上手く行けば企画そのものの根幹部分に携われる
プロジェクトの中心に入れる
誰もが泣きを見なくちゃいけないような駄目プロジェクトを、
ディレクションで改善できる

49. まとめ
1
ディレクターの本来の職域は「プロジェクトが生み出す価値」を
ユーザーに届けるためのあれこれ全域
2
コンセプトを作らないと、制作プロジェクト内において
認識の齟齬を生みやすく 失敗の原因になる
3
コンセプトシートは関係者の認識と目標を分かりやすく共有し、
ディレクターが上流から関わるための必須制作物
4
プレゼンは誰かに何かアクションを取らせるためにやる
そのためにも、コンセプトシートは使える

50. ご清聴、ありがとうございました

51. 質疑応答
なんでもOKです 時間の許す限りお答えいたします
時間なくなった場合は懇親会のときに聞いてください