Webディレクターとは?

サイト制作における進行管理を担当します。
サイト制作は、デザイナー、エンジニア、カメラマン、ライター、など各分野における専門家と一丸となって行うプロジェクトです。
その中でもwebディレクターは、制作フェーズでの要となります。
企業によって、企画〜制作の商流の仕組みが異なるのもWeb制作業界ならではの大きな特徴ですが、今回は企画設計からwebディレクターが介入するのを前提での解説となります。

サイト制作工程は、大きく分けて4つ

サイトの企画設計
サイトの構成
デザインとコーディング
サイトの公開作業

サイトの企画設計

ヒアリング

現状のサイトにおける課題や今後のサイトの方向性についてクライアントと打ち合わせを行います。
Webディレクターは、打ち合わせ当日までにヒアリングシートの作成や今回対象となるwebサイトのリサーチ、参考サイトなどをまとめます。


ここではクライアントとの共通認識を、できるだけ多く持つことがポイントとなります。

要件定義

要件定義とは、ヒアリング内容を元にクライアントの要望や条件をまとめ、どのようなサイトを制作するのかを具体化していくことを指します。
Webディレクターは、下記のような項目を要件定義としてまとめ、サイトの全体像を企画設計し、プレゼンテーションを行います。

スケジュール(WBS)策定

WBSとは、Work Breakdown Structure(作業分解構成図)のことを指します。
サイト制作の一連の流れで発生する作業を細分化し、構図化したものをWBSと呼んでいます。例えると、料理のレシピのような存在です。
Webディレクターは、全体スケジュールと併せてこのWBSを作成します。誰が、どれくらいの期間で、どういったタスクを行うかを具体的に示していく必要があり、プロジェクトの進行管理を円滑に行うためにも非常に重要なものとなります。WBSは、制作に関わる人々の意見も取り入れつつ、決定します。

サイトの構成

ワイヤーフレーム作成

ワイヤーフレームとは、いわばサイトの設計図です。サイトのレイアウトを簡単な線と枠で表現した図のことを指します。

Webディレクターは、制作フェーズに入る段階(もしくは企画設計の段階)でワイヤーフレームを作成します。ただレイアウトを作成するだけはなく、要件定義でまとめたクライアントのニーズを視覚化していくという作業になります。

デザインとコーディング

デザイン作成

先ほどのワイヤーフレームを元に、デザイナーがサイトのデザインを作成します。
Webディレクターは、デザインに入る段階で、ワイヤーフレームを用いて、何故このような設計に至ったのかを具体的に説明する必要があります。
コンセプトに沿ったデザインにするため、この段顔でサイトの*トンマナなども細かく設定していきます。
*トンマナとは、トーン&マナーの略称であり色調やフォントなど、デザインにおけるルールのことを指します。

コーディング

デザイナーが作成したデザインを元に、コーディングという作業を行います。
Webデザインをブラウザ上で見える形にするため、プログラミング言語を用い、記述することをコーディングと呼びます。エンジニアやコーダーと呼ばれる職種の方が担当することが多いです。
Webディレクターは、制作陣に対して進行管理を行うと同時に、制作物のチェックも行います。

サイトの公開作業

サイト公開

事前に決定したサーバーにファイルをアップロードすることで、Webサイトは誰でもアクセスできる状態となります。
他にも、CMSというシステムを用いて、システムの管理画面から本番公開する方法もあります。構築環境やシステム使用については、要件定義に沿って進めます。

公開後のチェック

サイトが無事公開したのち、すぐにサイトの動作確認を行います。WindowsやMac、iPhoneやAndroidといった様々なデバイスを用いて、サイトの動きや見た目に問題がないか確認していきます。
Webディレクターは、制作物の品質を保証するという重要な役割を担っています。万が一、修正が発生した場合を備えてすぐに対応できる体制を整えておきましょう。

まとめ

今回は大まかなサイト制作の流れと共に、webディレクターの役割について解説いたしました。
Webディレクターの業務は多岐に渡ります。制作の進行管理をする上で、サイト制作に関する知識はもちろんのこと、他の職種の人々がどういった業務を行なっているのか等、広く学ぶ必要があります。
クライアントやチーム、一人ひとりの立場になって、物事を考え、コミュニケーションを取ることがディレクターにとって重要なのだと思います。