【田口真行】...
TRANSCRIPT
![Page 1: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/1.jpg)
![Page 2: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/2.jpg)
![Page 3: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/3.jpg)
![Page 4: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/4.jpg)
Webサイトプロジェクトの流れ
企画 設計 制作 目的 成果物
![Page 5: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/5.jpg)
ヒアリングの位置づけ
企画 設計 制作 目的 成果物
![Page 6: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/6.jpg)
ヒアリングは提案の最初の一歩
![Page 7: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/7.jpg)
そもそもWebサイトは
ターゲットユーザー設定 コンバージョン設定 コンテンツ設定
GOAL
誰に 何を どうしたいか
![Page 8: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/8.jpg)
コンバージョン設定 コンテンツ設定
GOAL
何を どうしたいか 誰に
ターゲットユーザー設定
![Page 9: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/9.jpg)
ペルソナ設計
年齢、性別、趣味は? 普段使っている
アプリは?
よくアクセスする サイトは?
性格は?
![Page 10: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/10.jpg)
ペルソナ設計
年齢、性別、趣味は? 普段使っている
アプリは?
よくアクセスする サイトは?
性格は?
![Page 11: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/11.jpg)
ペルソナ設計
年齢、性別、趣味は? 普段使っている
アプリは?
よくアクセスする サイトは?
性格は?
![Page 12: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/12.jpg)
ペルソナ設計
年齢、性別、趣味は? 普段使っている
アプリは?
よくアクセスする サイトは?
性格は?
![Page 13: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/13.jpg)
コンバージョン設定
GOAL
どうしたいか 誰に
ターゲットユーザー設定 コンテンツ設定
何を
![Page 14: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/14.jpg)
知る 興味を持つ 欲しくなる 購入
情報
場所
感情
行動
![Page 15: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/15.jpg)
集客段階 訴求段階
① コンテンツ
② アプローチ
クロージング段階
CVポイント 流入ポイント
![Page 16: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/16.jpg)
ターゲットユーザー設定 コンバージョン設定 コンテンツ設定
GOAL
Webサイト
![Page 17: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/17.jpg)
事前準備で差をつける
![Page 18: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/18.jpg)
課題点
ヒアリング事前準備①(現状分析)
改善案
![Page 19: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/19.jpg)
競合サイト コンバージョン
ヒアリング事前準備②(競合分析)
ターゲットユーザ 訴求ポイント
![Page 20: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/20.jpg)
項目
ヒアリング事前準備③(ヒアリング項目の洗い出し)
回答予測 No
![Page 21: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/21.jpg)
![Page 22: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/22.jpg)
![Page 23: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/23.jpg)
![Page 24: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/24.jpg)
そもそもクリエイティブワークとは
+ 発想する力 カタチにする力
![Page 25: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/25.jpg)
そもそもクリエイティブワークとは
+ 発想する力 カタチにする力
![Page 26: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/26.jpg)
発想力を磨く
![Page 27: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/27.jpg)
![Page 28: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/28.jpg)
![Page 29: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/29.jpg)
+ 着眼 分析
![Page 30: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/30.jpg)
+ 着眼 分析
発想するキッカケを掴みとる
![Page 31: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/31.jpg)
前のめりにアンテナを張り巡らせる
アイデアを発想のキッカケを掴む
![Page 32: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/32.jpg)
発想の幅を拡げる方法
マインドマップ活用
![Page 33: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/33.jpg)
キーワード
キーワード
キーワード
キーワード キーワード
キーワード
キーワード
キーワード キーワード
キーワード
キーワード
キーワード キーワード
キーワード
キーワード
キーワード キーワード
![Page 34: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/34.jpg)
![Page 35: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/35.jpg)
![Page 36: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/36.jpg)
![Page 37: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/37.jpg)
Webディレクターとは?
![Page 38: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/38.jpg)
…
クライアント
… …
Webディレクター
デザイナー
プログラマー
カメラマン
![Page 39: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/39.jpg)
…
クライアント
… …
Webディレクター
デザイナー
プログラマー
カメラマン
![Page 40: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/40.jpg)
![Page 41: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/41.jpg)
![Page 42: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/42.jpg)
![Page 43: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/43.jpg)
![Page 44: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/44.jpg)
どう進む?
![Page 45: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/45.jpg)
![Page 46: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/46.jpg)
![Page 47: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/47.jpg)
プロジェクト進行は 放浪旅ではない
![Page 48: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/48.jpg)
![Page 49: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/49.jpg)
マネジメントの注意
![Page 50: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/50.jpg)
キックオフ
納品
プロジェクト進行
×
×
×
![Page 51: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/51.jpg)
先読み力を磨く
![Page 52: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/52.jpg)
キックオフ
納品
予測
予測
予測 対策
対策
対策
先読みマネジメント
![Page 53: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/53.jpg)
受け身姿勢NG
![Page 54: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/54.jpg)
クライアントの期待に応えつつ 期待をも超える
![Page 55: 【田口真行】 プロジェクトを円滑に進める、田口流Webディレクション術(2017/4/15)](https://reader030.vdocuments.mx/reader030/viewer/2022021502/58f2d6101a28abeb6a8b45a7/html5/thumbnails/55.jpg)
田口 真行 Masayuki Taguchi
ご清聴ありがとうございました