SlideShare a Scribd company logo
1 of 13
WEBディレクターとは
コンサル勉強会
ばびこ
 WEBディレクターの役割
 必要と思われるスキル
 クライアントワークと自社サービスの違い
 役割事例
 ワイヤー・仕様書について
 円滑に進めるコツ
 まとめ
アジェンダ
2
 ウェブサイト、アプリ、広告 など、WEB上で動く
コンテンツ制作のディレクションをする
 一般的な業務内容
• 要件定義
• 仕様書作成
• スケジュール作成
• 予算管理
• 制作進行管理、クオリティチェック
• チームマネジメント など
主に資料作成系が多い
 チーム編成やメンバーのスキル・会社のやり方によって役割は変動する
WEBディレクターの役割
3
 技術面の知識
コードを書ける必要はないが、どのあたりがウィークポイントになるか、
どんな作業が重いかぐらいは解る程度の知識があれば良い。
 デザイン面の知識
人によるが、実装と同じでデザイン出来る必要はない。デザイナーが言いたい
ことが解る程度の翻訳能力があれば良い。(フォトショ触れると便利)
 なぜ必要か?
知ってた方が、エンジニアやデザイナーと対等に話せるようになって良い
みんなが言いたいことが解る→クライアントとのラリーが減って工数削減に
 広く浅くいろんなことを知っていると良い
必要と思われるスキル・知識
必読書として教えられた本
(入社3ヶ月ぐらいで買ってる)
勉強がてらサーバ立てたりPHP書いたりはした
4
 生態系的なやつ
 制作会社の企画部はだいたいプロマネ(進行管理)から入る(気がする)
 テクニカルディレクター、クリエイティブディレクター等、ジャンルに特
化したディレクターもいるけど、WEBディレクターとは少し役割が異なる
 異業種組はキャリアは様々(デザイナーとエンジニアだったら、エンジニ
アからジョブチェンの方が多い気がする)
 人によって得意なジャンル、好きなジャンルがある
 いずれプロデューサーになりたい人、事業つくりたい人、プロマネを極め
たい人などに
分かれてくる
 ディレクターはあまり横のつながりがない(交流会など少ない)
忙しすぎて交流する時間がないからと思われる
 タスクが溢れているのが常態化している
 マルチタスクできないと厳しい
 コミュ力大事
必要と思われるスキル・知識
5
 心持ちの面:
 どんなに経験豊富でも、全く同じ制作工程になる事はほぼ無い
トラブルの数だけ対応力の引き出しが増える ぐらいに思う心
 ふんわりしたイメージを絵にして合意形成している作業を
「自分の役割」と思って進める強い心
 準備万端で進めていてもだいたいなにか起こる という心
(0事故でリリースは数える程度しかない)
 ディレクターは絵を書くだけで実現できない存在と自覚する心
(クリエイターにリスペクトを持つ)
 コード書く、デザインデータ作る以外のことは全部自分の仕事と思
う心
 楽しげな雰囲気を出すテンション
必要と思われるスキル・知識
6
 自社サービス担当とCLでは動き方が全然違う
クライアントワークと自社サービスの違い
クライアントワーク:短距離走 サービス運営:マラソン
決済者 お客さん、エンドユーザー 事業部長とか サービス責任者
コンテツを
届ける対象
クライアントがほしい客層とかにな
る
自分達で設定したターゲット層
既存ユーザー
KPI的なもの 売上(+受注の時に握ったKPI)
DAU MAU 継続率 とか
自分達で決めたもの
制作フロー ウォーターフォール多め スクラム多め
制作スパン 1~3ヶ月 サービス閉じるまでずっと
チーム 3人〜20人 30人〜いろいろ 規模による
イメージ
勢い大事
スピード勝負
体育会系
安定重視
7
 クライアントワークで新商品の特設サイトを制作するとしたら
役割事例
8
 ppt、Excel、Adobeソフトや手書きなどツールはなんでもよいが、見る人を限定するフォー
マットはNG
 画面遷移、動作環境、画面構成、機能リストあたりが揃ってればOK(それぞれドキュメン
トを分けてもいい)
 PMやディレクターが責任持って更新し続けるのが大事
(意外とできない)
 書き方や形に決まりや正解はない
ワイヤー・仕様書について
9
 なぜワイヤーがを書くのか?
 つくるものを具体化出来る 工数把握
 足りない要素が見える
 イメージを統一出来る(的はずれなものが出来上がってくるのを防げる)
 クライアントともイメージを握りやすい
 依頼する時点では、なにが作りたいのか意外とイメージできていない要素が多い。
画面に起こさないと、そのことに気づけない→工数圧迫の要因になる
 気を付けてても外れることが多々あるので、最低限画面ぐらいは起こしましょう。
ワイヤー・仕様書について
10
 早めに人を巻き込む(見積もりレビューとか技術相談とかのタイミング
が◎)
 相談に乗ってもらった結果もちゃんと報告する
 依頼する時の情報は、基本漏れや不備がある前提で話す
「これで後よろしく」は駄目(初めから完璧な依頼内容はほとんど存在
しない)
 いろんなリスクを想定して、一旦口に出す
 ディスカッションする時は、1歩踏み込んで考えた絵を持っていく
 自分と同じように、みんなもあんまりわかってない と意識する
 ふわっとしてることをあえて口に出す
 チームメンバーの活躍を外にしっかりアピールする
 クライアントと制作の間にいる時は、御用聞きにならないように
自分の言葉で伝える(相手に合わせて翻訳する)
円滑に進めるコツ(私の場合)
11
 Q.要件定義ってどうやるの?
 A.だいたい似たようなサイトがあるので型を頂く→やりたいことに寄せ
ていく+はずしたらだめなポイントを盛り込んでいく→チームで話す
の繰り返し(私の場合)
 Q.作業工数計算のやり方
 A.メンバーによって進捗とか違うので、アサインされたメンバーを見て
から見積もる
 Q.WEBディレクション業務上の登場人物
 A.P7参照
 Q.制作の具体的な進め方
 A.私の場合はさっきのようなやり方で進めているが、特に要件定義以降
は人によってやり方が全然違う気がする(特に正解はない、チームでや
りやすい方法を見つけていく)
質問があったものの答え
12
 WEBディレクターとは、WEBコンテンツ制作の現場監督みたいなもの
 人によってやり方はぜんぜん違う、正解はない
 自社サービスとクライアントワークでは全然違う
 特殊技能がなくても出来る
 ワイヤーや仕様書は自分なりの書き方を見つけていくと◎
 自分は何もできない人と自覚を持つ
 人を巻き込んで助けてもらいながら進めると◎
まとめ
13

More Related Content

Similar to WEBディレクターとは

WEBディレクターとは?
WEBディレクターとは?WEBディレクターとは?
WEBディレクターとは?mishikawa
 
0からのWebディレクション講座_制作編_160827
0からのWebディレクション講座_制作編_1608270からのWebディレクション講座_制作編_160827
0からのWebディレクション講座_制作編_160827Kazuki Iwai
 
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
Webサイト構築 文書化されにくい設計フェーズの重要ポイントWebサイト構築 文書化されにくい設計フェーズの重要ポイント
Webサイト構築 文書化されにくい設計フェーズの重要ポイントKatsumi Tazuke
 
Webmarketing_CareerBar_ver1.pdf
Webmarketing_CareerBar_ver1.pdfWebmarketing_CareerBar_ver1.pdf
Webmarketing_CareerBar_ver1.pdfCybozu, Inc.
 
Wit wdm01
Wit wdm01Wit wdm01
Wit wdm01wit
 
【共有用】20151031 web解析士セミナー資料
【共有用】20151031 web解析士セミナー資料 【共有用】20151031 web解析士セミナー資料
【共有用】20151031 web解析士セミナー資料 TOMOFUMI ENOMOTO
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」naoki ando
 
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdfssuser6f5294
 
中・大規模サイト作成業務フロー
中・大規模サイト作成業務フロー中・大規模サイト作成業務フロー
中・大規模サイト作成業務フローsenakamura
 
Webを勉強中の方々へ
Webを勉強中の方々へWebを勉強中の方々へ
Webを勉強中の方々へAtsushi Handa
 
プロジェクトを成功に導くための秘訣
プロジェクトを成功に導くための秘訣プロジェクトを成功に導くための秘訣
プロジェクトを成功に導くための秘訣loftwork
 
20090924 YAMAHA Webforum Sort
20090924 YAMAHA Webforum Sort20090924 YAMAHA Webforum Sort
20090924 YAMAHA Webforum Sortloftwork
 
RAD Studioで実践する継続的インテグレーション アプリとデベロッパーの価値を拡張するエッセンス #dcamp_jp
RAD Studioで実践する継続的インテグレーション アプリとデベロッパーの価値を拡張するエッセンス #dcamp_jpRAD Studioで実践する継続的インテグレーション アプリとデベロッパーの価値を拡張するエッセンス #dcamp_jp
RAD Studioで実践する継続的インテグレーション アプリとデベロッパーの価値を拡張するエッセンス #dcamp_jp智治 長沢
 
現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事masaki sukeda
 
【de:code 2020】 25 年 1,300 社以上の実績をベースにした「リシテア/就業管理クラウドサービス」とそれを支える「デジタルソリューション...
【de:code 2020】 25 年 1,300 社以上の実績をベースにした「リシテア/就業管理クラウドサービス」とそれを支える「デジタルソリューション...【de:code 2020】 25 年 1,300 社以上の実績をベースにした「リシテア/就業管理クラウドサービス」とそれを支える「デジタルソリューション...
【de:code 2020】 25 年 1,300 社以上の実績をベースにした「リシテア/就業管理クラウドサービス」とそれを支える「デジタルソリューション...日本マイクロソフト株式会社
 

Similar to WEBディレクターとは (20)

WEBディレクターとは?
WEBディレクターとは?WEBディレクターとは?
WEBディレクターとは?
 
0からのWebディレクション講座_制作編_160827
0からのWebディレクション講座_制作編_1608270からのWebディレクション講座_制作編_160827
0からのWebディレクション講座_制作編_160827
 
Web
WebWeb
Web
 
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
Webサイト構築 文書化されにくい設計フェーズの重要ポイントWebサイト構築 文書化されにくい設計フェーズの重要ポイント
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
 
楽天エンジニアライフ
楽天エンジニアライフ楽天エンジニアライフ
楽天エンジニアライフ
 
Webmarketing_CareerBar_ver1.pdf
Webmarketing_CareerBar_ver1.pdfWebmarketing_CareerBar_ver1.pdf
Webmarketing_CareerBar_ver1.pdf
 
Wit wdm01
Wit wdm01Wit wdm01
Wit wdm01
 
Business designer
Business designerBusiness designer
Business designer
 
【共有用】20151031 web解析士セミナー資料
【共有用】20151031 web解析士セミナー資料 【共有用】20151031 web解析士セミナー資料
【共有用】20151031 web解析士セミナー資料
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
 
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
 
中・大規模サイト作成業務フロー
中・大規模サイト作成業務フロー中・大規模サイト作成業務フロー
中・大規模サイト作成業務フロー
 
Webを勉強中の方々へ
Webを勉強中の方々へWebを勉強中の方々へ
Webを勉強中の方々へ
 
プロジェクトを成功に導くための秘訣
プロジェクトを成功に導くための秘訣プロジェクトを成功に導くための秘訣
プロジェクトを成功に導くための秘訣
 
20090924 YAMAHA Webforum Sort
20090924 YAMAHA Webforum Sort20090924 YAMAHA Webforum Sort
20090924 YAMAHA Webforum Sort
 
20150404 講演資料
20150404 講演資料20150404 講演資料
20150404 講演資料
 
Webdirection
WebdirectionWebdirection
Webdirection
 
RAD Studioで実践する継続的インテグレーション アプリとデベロッパーの価値を拡張するエッセンス #dcamp_jp
RAD Studioで実践する継続的インテグレーション アプリとデベロッパーの価値を拡張するエッセンス #dcamp_jpRAD Studioで実践する継続的インテグレーション アプリとデベロッパーの価値を拡張するエッセンス #dcamp_jp
RAD Studioで実践する継続的インテグレーション アプリとデベロッパーの価値を拡張するエッセンス #dcamp_jp
 
現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事
 
【de:code 2020】 25 年 1,300 社以上の実績をベースにした「リシテア/就業管理クラウドサービス」とそれを支える「デジタルソリューション...
【de:code 2020】 25 年 1,300 社以上の実績をベースにした「リシテア/就業管理クラウドサービス」とそれを支える「デジタルソリューション...【de:code 2020】 25 年 1,300 社以上の実績をベースにした「リシテア/就業管理クラウドサービス」とそれを支える「デジタルソリューション...
【de:code 2020】 25 年 1,300 社以上の実績をベースにした「リシテア/就業管理クラウドサービス」とそれを支える「デジタルソリューション...
 

WEBディレクターとは