みやとさんのやつ

1. DIRECTION
to ATTRACT
日 本 デ ィ レ ク シ ョ ン 協 会 関 西 支 部 主 催

2. コーヒー屋の店長 アフィリエイター 個人事業主
Webディレクター（6年）あとなんかメディアの人として2年くらい
中村健太
日本ディレクション協会 会長
Webディレクターズマニュアル編集長
Find Job！スタートアップ 著者兼編集
BITA CMO
Kaizen Platform コンサルタント

4. 本日のお題
01 まずディレクターって何する人？
02 情報設計の概要 ― 要件定義～仕様定義
03 コンテンツの精査と作成
04 感情設計 （Find Job! 会社訪問メディアの話）

5. Webディレクターってなんだろう？
Webディレクター（うぇぶ・でぃれくたー）とは Webサイトの制作スタッフを統括し 進行管理 品
質管理などを行う制作責任者のこと。Webディレクターには Web制作のみに留まらず テクノロ
ジー 広告手法など インターネットに関連する広範な知識と経験が求められる。Webプロデュー
サーとの境目は曖昧な場合が多いが Webディレクターは制作の現場管理やスケジュール管理業務が
主であるのに対して Webプロデューサーはどちらかと言えばお金の管理やプロジェクトの最終責任
を負うケースが多い。
1

6. よくわからない

7. ナカムラの定義する
Webディレクターのやること
プログラムと
ビジュアルデザイン
以外の全部
By だから Webディレクターはやめられない
できるWebディレクターの成功戦略
島元 大輔さん

8. 大まかなワークフロー
依頼者がWebで何をしたいか？を聞いて
実際それをカタチにするならどうするか？を決めて
具体的な形にするために必要なものを揃え
それを「作ってもらう」
完成したものを管理し 育てていくための方針を決める

9. 頼
様

10. 様
変 対応
・
険

13. 様

15. 様

16. 様 説
・ ・
・ 数
続
続
対 ・
数

17. 様
・・・
・・・

18. 様

19. 頼 当
頼

20. 頼 当
頼
応
・・・

22. 抜
Key Goal Indicator Key Performance Indicator

23. 数値 続
数値
• 数 増
• 数
•
•
継続 増

24. ・
来
数 増
数
・気

25. 来
来

27. 査

28. よく使われる手法
• マーケットでの立ち位置（ベンチマーク）調査
• シーズ＆ニーズ調査
• ペルソナ定義

29. 査
戦
戦
独 戦 狭
査
独 戦 狭

30. 査
対

31. 観
徴
徴
歳 経験
収 払
歳 歳
帰 帰
覚 囲 経

33. “
査

38. 今もそのままの考え方で良いの？
あるいは
あの巨人達と同じ戦い方で勝てるの？

40. Find Job ! 好きになれる会社を見つけよう
■コンテンツ的特徴
・インタビュー形式の求人記事
・応援ボタンを押すとシェア
・話を聞きに行くボタンで応募
■数値的特徴
・1記事あたりのPV：約20,000
・イイネ数：平均500～700
・ツイート数：平均100～200
・はてなブックマーク：約70～90
恐らく単体での求人記事としてはかなり高
水準 これをリリースして1日で達成

42. ユーザーのマインド設計
「〇〇!!!」
「なるほど」でも「使いやすい」でも「理解しやすい」でもなく
ユーザーが驚きを持ってその感情に触れる設計が必要だと考えた
このメディアの場合「この会社応援したい!!!」

43. 感情の因数分解
何があればそんな感情を持つのか？
感情を生み出す要因を分解
応援したい!!!
ゴールへの共感
プロセス
アプローチへの共感
タレント（ヒーロー）
への憧れ

44. ・対
・ 内
・
変

45. 数

46. 結果として・・・
・多くの人が「応援する」をクリックしてくれた
・シェアが爆発的に広まった
・PVも大きく跳ねた ※KPI
・もちろん応募も集まった ※KGI

47. 査

48. ・・・ 悪
“

49. “

51. ・
・ 対 悪
・
・ 戦
・
・
・
・
・
・ 従
・ 戦
・

53. だからこれから必要なのはこーいうこと
ユーザー 狙った感情
コンテンツに触れる瞬間に
持っている（と仮定した）
・タイミング
・シチュエーション
・期待値
触れたタイミングで感じて
欲しい感情の
・分解した喚起要素
・「○○!!!」への導線
・期待値に応える内容
この設計がコンテンツおよび導線ごとになければいけない

55. 聴