Webディレクターって、一体どんな仕事なんだろう？
Webディレクターは、Webサイト制作の進行管理をする責任者です！仕事の流れや必要なスキルなどいろいろあるので、詳しく説明しますね！
Webディレクターという仕事を始めて知ると、「そもそもWebディレクターってどんな仕事？」「どんなスキルが必要なの？」など、疑問に思う方も多いと思います。そこで今回は、Web制作の現場で働いて5年目の現役Webディレクターの視点から仕事内容・役割・必要なスキルを解説します。
- Webディレクターの実際の仕事内容
- WebディレクターがWebサイト制作で担う役割
- 実際のWebサイト制作の流れ
- Webディレクターに必要なスキル
- Webディレクターに向いている人
- Webディレクターの年収や将来性
Webディレクター
さかき
制作会社で働く現役のWebディレクターです。日々の業務で培ったWeb制作・SEO・WordPressの知識を、初心者にもわかりやすく発信しています。実務で役立つ情報はもちろん、仕事術や無料で使えるWeb制作ツールも紹介しています。
Webディレクターとは？
Webディレクターとは、Webサイト制作プロジェクト全体を管理・進行する責任者です。
- クライアントとの打ち合わせ
- 企画の検討から提案
- 制作スケジュールの管理
- 制作ディレクションや進行管理
- 制作物の品質管理
上記のような幅広い業務を担当しながら、デザイナーやエンジニア、ライターと連携しながら予算や納期を管理し、成果につながるWebサイトを完成まで導く重要な職種です。
Webディレクターの仕事内容は？
Webディレクターの仕事は、Webの制作において幅広く関わり、お客様と制作メンバーの橋渡しとなるような存在になることです。具体的には、ヒアリング、企画提案、要件定義、ワイヤーフレーム作成、進行管理、品質管理、公開対応、運用改善などになります。
ヒアリング
見積もりや実制作の前に、詳しい制作内容やプロジェクトの狙いなどを聞き、全体像の把握していきます。お客様が求めるものはもちろん、お客様が気がついていない課題や制作内容が何かも見つけていきます。
企画提案
ヒアリングの内容を元に、サイト構成や改善案を考えます。大きな案件であれば提案書や企画書を取りまとめて、お客様とのすり合わせを行います。Webサイトの制作が始まる前にサイト制作の目的や狙いなどの軸を定めていく、今後の制作の根幹にもなっていきます。
要件定義
ページの仕様やシステムの内容などを取りまとめた要件定義書を制作して、制作の規模感と必要な開発内容を明確にしていきます。ランディングページやキャンペーンサイトなどのボリュームの比較的軽いものや、システム開発を伴わないサイトの場合は要件定義書は作らず、企画・提案に留める場合もあります。
ワイヤーフレーム作成
サイトのデザインを作る前の設計書がワイヤーフレームです。パワーポイントやXD・Figmaなどのデザインツールで、サイトの構成や実際に入れるテキストや画像の内容、仕組みなどの説明も記載して、サイトの制作内容を固める役割があります。
進行管理
スケジュールやタスクを管理しながら、サイト制作が円滑に進むようにかじ取りをします。特にデザインやコーディングでは、お客様とのやりとりや修正によってスケジュール通りにいかなかったり制作が難航することも多いので、スケジュールや残りのタスクを考慮しながら、スケジュール通りサイトが公開できるように調整を行っていきます。
制作物のクオリティを担保しながら、制作進行を円滑に進められるように細かく関係各所と連携していく、Webディレクターの重要な役割です。
品質管理
納品するWebサイトの品質を保証することも、Webディレクターの重要な役割です。お客様の要望通りのWebサイトになっているのかや、デザインや機能などの不具合がないかなど、制作したWebサイトについて細かくチェックをしていきます。
公開対応
デバイスチェックが完了したらいよいよ公開です。実際のサイトのURLに完成したサイトのファイルを上げて、サイトリリースを行います。実際に問題なく公開されているかもしっかりチェックします。
運用・改善
サイトを運用していく中での不具合や改善点をお客様とすり合わせて、サイトの改修や新しいページの制作などを行います。サイトをリリースして終わりではなく、運用していく中でお客様と二人三脚でより良いものへと改善していくことが重要です。
全体のプロジェクトのかじ取りをするのが、Webディレクターの大きな役割
ディレクター業務の中で、一番手を動かすタイミングはヒアリング～ワイヤーフレームの制作までです。案件によってはここまでの間は基本デザイナー・コーダーを挟まずにお客様と直でやりとりをして要件を詰めていくことになります。
事前のワイヤーフレームや要件定義などが、その後のデザイン・コーディングの大きな軸になります。ここでお客様との認識合わせと制作の道筋づくりを出来ているかが、案件進行の肝になります。
また、進行管理～公開までの期間は、デザイナー・コーダーと常にやりとりをしながらサイトを完成に導いていきます。実際に制作物を作っていくのはデザイナー・コーダーになりますが、チェックやかじ取りはディレクターの大事な役割になってきます。
基本的にははじめから終わりまでを全て関わって案件の成功へと導くのがディレクターの役割。なので、常に多かれ少なかれ動き回っているというのが実態です・・・。
Web制作の流れ
Web制作では、お問い合わせを受けてから実際にサイトの公開をするまでには様々なフローがあります。大まかな制作の流れについては、以下の通りです。
- お問い合わせ：営業やクライアントからWeb制作の依頼を受けます。
- ヒアリング：お客様からの課題やサイト制作の要望を整理し、サイトの内容の全体像を明らかにします。
- 見積制作：ヒアリングで得た内容を元に、実際の制作ボリュームや仕様を洗い出し概算の見積もりを制作します。
- ご契約：見積もりやお打ち合わせを通して、お客様と契約を結びます。
- 企画・設計：Webサイト制作の目的や必要な機能、進め方を明確にし、スムーズに制作を進められるようにします。
- サイトマップ制作：サイトのページボリュームや簡単な内容をまとめた全体像を作ります。
- ワイヤーフレーム制作：ページ構成を設計する。デザイン制作前のページの要素や内容を決めていきます。
- デザイン：サイトのデザインを作ります。XD・Figmaなどのデザインツールを使って、PC、スマホでのサイトのデザインを完成させます。
- コーディング：実際のブラウザで見れるデモサイトを作っていきます。
- デバイスチェック：実際のPC、スマホ、タブレットなどの端末でデモサイトをチェックして、不備があれば適宜調整します。
- 公開：サイトのリリース作業を行う。サーバーにサイトをアップされたことを確認し、お客様に公開報告を行います。
- 運用改善：お客様と並走してサイトの運用や保守を行う。場合によってはGoogleアナリティクスなどの計測データを元に改善提案を行います。
上記の通り、Web制作の実際のフローは大きなものから細かいものまで様々な作業が発生します。紙や映像などのデザインとは違ってデザインを作った後にブラウザで見れるようにコーディングの作業が挟まるのも、Web制作の特徴です。それぞれのフローの中でお客様はもちろん、営業、デザイナー、コーダー、プロデューサーなど様々な担当者とコミュニケーションを取りながら、円滑にプロジェクトを成功に導いていくのがWeb制作の中でのWebディレクターの大きな役割です。
Webディレクターに必要なスキル
Webディレクターにとって必要なスキルは、コミュニケーション力、スケジュール管理力、Web制作に関する基礎知識、問題解決力の4つです。
クライアントの前に立って、プロジェクトの責任者としてチームをまとめ上げる役割を持つWebディレクターにとって、プロジェクトを成功に導くための対話や進行管理、そして課題解決の力はなくてはなりません。
また、Webディレクターは実際にWebサイトをデザインしたりコーディングをすることはありませんが、制作の中でWeb制作についての基礎的な知識は持っておく必要があるでしょう。
- コミュニケーション力
Webディレクターは営業、デザイナーやコーダー、クライアントなど関係者全員と関わりながら、Web制作の全体を取り仕切る役割です。円滑にプロジェクトを進めていくために高いコミュニケーション力が必要になります。 - スケジュール管理力
Web制作には要件定義からワイヤーフレーム制作、デザイン、コーディングなど様々な工程があります。それぞれの工程がずれていってしまうと制作の大幅な遅れにつながってしまいます。Webサイトを問題なく公開するために各工程を遅れなく進行していくスケジュール管理の力は重要です。 - Web制作に関わる基礎知識
Webディレクターが実際にWebデザインを制作したりコーディングをすることはありません。ですが、デザイナーやコーダーと案件を進めていく中でデザインの考え方やコーディングの技術などの基礎知識がないとうまく連携や指示出しができないことも。少なくとも基礎的なデザイン・コーディングの知識は持っておいて損はありません。 - 問題解決力
お客様と直接打ち合わせをする機会の多いWebディレクターだからこそ、お客様が気がついていない問題や課題を発見してそれを解決していく思考力が重要になってきます。プロジェクトの責任者としてWebサイトをクオリティ高いものにしていくのに、問題解決力は必要不可欠でしょう。
向いている人
Webディレクターに向いているのは、調整役が好きな人、人と話すのが好きな人、段取りを考えるのが得意な人、学ぶことが好きな人です。
Web制作を円滑に進めるために、スケジュール管理やチームメンバーとのコミュニケーションをとっていくのがWebディレクター。チームでの調整役のような役割になることが好きだったり、人とコミュニケーションをとること自体が好きな人は、Webディレクターの仕事とも相性が良いでしょう。長期間のプロジェクト進行には、事前の段取りやスケジュールを綿密に組み立てられる力もこの仕事での活躍間違いなしです。
また、日々変化の激しいWeb業界では貪欲に新しい知識を学ぶ人はどんどん成長していきます。
- 調整役が好きな人
Webディレクターの仕事は、Webのデザインやコーディングでものづくりをガッツリやるというよりも、チームメンバーとの密なコミュニケーションをとることが多い仕事です。トラブルが発生したり遅れが出た際には柔軟にスケジュールや制作内容の調整を行うことも珍しくありません。大小さまざまな問題を解決して、円滑にプロジェクトを達成に導くことにやりがいを感じる人にはぴったりな役割です。 - 人と話すのが好きな人
とにかくコミュニケーションが重要になってくるWebディレクターにとって、人と話すことが好きなことは大きな強みになります。チームメンバーだけでなく、Webディレクター自身も楽しくコミュニケーションを取ってプロジェクトに取り組むことが、最終的なプロジェクトの成功の鍵になることもあるので、楽しくチームメンバーと関われると良いでしょう。 - 段取りを考えるのが得意な人
トラブル解決やコミュニケーションがプロジェクトを成功に導くこともありますが、それは事前の段取りがあることが大前提です。細やかなスケジュール設定と段取りを組み立てた上でWeb制作をスタートさせることが、プロジェクト成功の土台となります。リスクなども考慮しながら細かな段取りを考えて進めることが得意だと、進行管理でも力を発揮していきます。 - 学ぶことが好きな人
Web制作の常識やトレンドは、日々変化していきます。Webデザインやコーディング、WordpressなどのCMSの知識を貪欲に吸収していき、最新のトレンドや技術をキャッチしてWeb制作にも反映していくことは必要不可欠です。Web制作のことに興味を持って日々学んでいける人は、Webディレクターとしても力を伸ばしていくこと間違いなしです。
年収・キャリア
Webディレクターの年収を含めた平均値について、Indeedにて掲載されている「政府統計データによるWebディレクターの基本情報」によると、以下の通りでした。
正社員の平均年収 550万円
月給 34.9万円
賞与 131.3万円
勤続年数 11.3年
総労働時間 166時間
年齢 42.7歳
キャリアや経験年数、担当する案件の規模や業務範囲、勤務先（制作会社・事業会社・広告代理店など）によって大きく異なります。特に要件定義やマーケティング、マネジメントまで担当できるようになると、より高い年収を目指しやすくなるでしょう。
僕の場合も3〜5年目あたりから担当案件の規模が大きくなり、クライアントへの提案や要件定義など、任される業務が増えていきましたし、年収についてもその分上がっていきました。
一方で、Webディレクターとしてのキャリアを考えると、一概に年収が全てとも言い切れません。年収だけでなく「どのような案件を経験できるか」によって、得られる経験値やその後の仕事のスキルも変わってきます。できることや幅が増えるほど、その後のキャリアや年収にもに大きく影響します。
是非年収だけでなく、得られる経験値や経験も大事にしながら仕事を進めて、その後のキャリアアップに繋げていきましょう！
魅力・大変なこと
Webディレクターの仕事は、プロジェクトの先頭に立ちながらたくさんの工程に関われるため、魅力的な分大変なことも多いです。Webディレクターの仕事で魅力的なところ、大変なところは主に以下の通りです。
魅力的なところ
- チームでものづくりに取り組める
- 幅広い知識が身につく
- 成果に貢献できた感覚が得られる
大変なところ
- 調整業務が大変
- 仕様変更などが頻繁に発生する
- 納期対応に追われる
Webディレクターの魅力的なところは、チームでものづくりに取り組めるところ、幅広い知識が身につくところ、成果に貢献できた感覚が得られるところです。
実際のWeb制作の現場でも、チーム一丸となって取り組むので会社の様々なメンバーとコミュニケーションが取れることが魅力に感じます。制作進行の中で様々な問題が発生するのでその度に知識が身についていくので、現場で仕事を積み重ねることで多くの知識が身につきます。また、サイトの規模感によっては長期プロジェクトになることも多いので、サイトがリリースできたときの達成感や、プロジェクトを通しての仕事への貢献感は計り知れません。
リニューアル案件で建設系会社の新卒採用サイトに携わった時には、デザイナーやコーダーはもちろん、コピーライターやイラストレーター、カメラマンなど多くのメンバーと連携して10ヶ月ほどかけてサイト制作を行いました。制作内容や工程が多かった分、達成感も計り知れませんでした！
対してWebディレクターの大変なところは、調整業務が大変ところ、仕様変更などが頻繫に発生するところ、納期対応に追われるところです。
長期化するWeb制作の現場では、スケジュールの遅延や制作時にクライアントから要求される追加の要望など、様々な問題が発生します。そのたびにチームメンバーとの調整やスケジュール変更が発生することも多いです。また、そうは言うものの納期はずらせないことも多く時には残業などでリソースを多く注ぎ込むことで何とか対応することが大変です。
ECサイトの制作ではWebサイトの制作と同時進行で販売する商品や企画の検討が行われるので、クライアントから追加の要望や仕様改善などが発生することもありました。リリースの日程は決まっているため、納期調整も大変でした。
Webディレクターに関してのよくある疑問は？
- Webディレクターは未経験でもなれる？
- Webディレクターになるために特別な知識や資格は必要ありません。そのため、未経験でもWebディレクターになることは可能です。受託の制作会社などでは入ってから育てる前提のところも多いので、異業種からの転職も可能でしょう。一方で、自社サイト運営などを行う社内ディレクターの場合は即戦力を求められることもあります。
- Webディレクターになるために必要な資格はある？
- 必須となる資格はありません。ただし、プロジェクト管理やマーケティング、デザインの知識を体系的に学ぶための民間の検定や認定資格があります。代表的なものとして、Webディレクション検定、Googleアナリティクス認定資格（GA4）、ITパスポートなどが挙げられます。
- Webディレクターという仕事に将来性はある？
- 企業のデジタル戦略やDX推進の要としてWebディレクターの需要は拡大しているので、将来性は非常に高いです。AIの台頭で「作業」の自動化は進みますが、顧客の課題を見つけたり、チームを統括してビジネスの成果へつなげるような全体管理・制作ディレクションの業務は今後も重宝されます。
- Webディレクターとデザイナー・コーダーの違いは？
- Webディレクターは全体管理、デザイナー・コーダーは実制作を担っています。WebディレクターはWeb制作の進行管理が大きな役割なのに対して、デザイナーはWebのデザインを制作すること、コーダーはWebサイトに表示するためのHTML、CSS、Javascriptなどのプログラミング言語を駆使してサイト構築を行うのが役割になります。そのためWebディレクターはデザインを作ったりコーディングをする技術は求められませんが、お客様とデザイナー・コーダーとの橋渡し役として、最低限の知識や仕事内容の理解は必要です。
- WebディレクターとWebプロデューサーとの違いは？
- Webディレクターは制作現場でメインで手を動かす役割なのに対して、Webプロデューサーはプロジェクトの上流工程や予算などに関わる全体の責任者になります。そのため、WebプロデューサーはWebディレクターよりも上流に立って、全体を見渡しプロジェクトを円滑に進められるよう管理しています。Webディレクターのキャリアアップとして進む人も多い職種になります。
まとめ
今回は現役Webディレクターの視点で、Webディレクターについての以下の情報を詳しく解説しました。
- Webディレクターは、Webサイト制作プロジェクト全体を管理・進行する責任者。
- Webディレクターの仕事は、お客様と制作メンバーの橋渡しとなる役割。
- Web制作には、お問い合わせから公開後の運用改善まで様々なフローがある。
- Webディレクターに必要なスキルは、コミュニケーション力、スケジュール管理力、Web制作に関する基礎知識、問題解決力の4つ。
- Webディレクターに向いているのは、調整役が好き、人と話すのが好き、段取りを考えるのが得意、学ぶことが好きな人です。
- Webディレクターの平均年収は550万円で、案件規模や業務範囲、勤務先などによって大きく異なる。
- Webディレクターの魅力はチームでものづくりに取り組める、幅広い知識が身につく、成果に貢献できた感覚が得られること。大変なところは調整業務、仕様変更の頻繁な発生、納期対応など。
Webディレクターは制作メンバーのまとめ役となって、Webサイトが問題なくリリースできるように立ち回るプロジェクトリーダー的存在です。大変なことも多い分、サイトが公開された時の達成感は計り知れません！
是非上記の内容を参考にして、Webディレクターへの転職や、スキルアップに役立てていきましょう。
