Webデザイナーとは？仕事内容をご紹介！

皆さん「Webデザイナー」という仕事をご存知でしょうか。
私は地方の総合広告代理店のWebデザイナーとしてWeb制作に携わっています。実際の現場を知っている私が、今回「Webデザイナー」という仕事についてご紹介させていただきます。

Webデザイナーとは

「Webデザイナー」という仕事は、クライアントの希望や要望を聞いて、クライアントのイメージに沿ったWebサイトのデザインをします。会社によってはWebディレクター（プロジェクトの進行管理や指示を出す人）が居て、大まかなサイトの構成やレイアウトなんかを設計してそれを元にデザインしていくこともあります。
しかし、地方や小さな会社ではそもそも人材不足などで、「Webデザイナー」がディレクションから実際にサイトを構築するコーディングまでやることも多いです。

仕事内容

実際私が行っている仕事内容をご紹介いたします。

• サイトマップやディレクトリマップ、サイトツリーの制作
• ワイヤーフレームの制作
• デザイン制作
• 環境設定
• コーディング
• システム設計や開発
• 検証（バグのチェックや環境別の動作チェックなど）
• 公開
• 保守管理や更新、運用

サイトマップやディレクトリマップ、サイトツリーの制作

サイトマップとは、サイト全体の構成をわかりやすく記載して、サイトの目次のような役割を担います。

ディレクトリマップとは、各ページをディレクトリ名やファイル名でリスト形式にして記載したもので、コーディングする際に必要になる資料です。制作の進捗管理に使われたりもします。

サイトツリーとは、サイトマップをツリー型の図を使ってサイトの構造をわかりやすく記載したものです。

ワイヤーフレームの制作

ワイヤーフレームとは、Webページのレイアウトを決めるWebサイトの設計図になります。ページのどこになにを配置するのかが簡単にわかるように作ります。

デザイン制作

サイトマップやワイヤーフレームを元に、実際にWebサイトのデザインをillustratorなどのデザイン制作ツールを使って製作します。
クライアントと画像やPDF等を通してデザインの確認をしてもらい、修正を重ねてデザインを完成させていきます。

環境設定

実際にWebサイトを公開するには、サーバーやドメインなどが必要です。
サーバーやドメインを新規に取得するのか、既存のものを使うのかクライアントに確認し、WordPressなどのCMS（Contents Management System：コンテンツ・マネジメント・システム）を導入するならサーバーにインストールしたりと、納品データに対応した環境の準備や設定をします。

コーディング

デザインを実際にWebページとしてブラウザに表示できるようにするために、HTMLやCSS、JavaScriptなどのマークアップ言語やプログラミング言語を使ってコードを書いていきます。

システム設計や開発

デザインとは違い、ユーザーに見えない裏側で動くシステムの開発や構築、導入をします。
お問い合わせフォームや予約フォームなどユーザーの情報をデータベースに蓄積する機能や管理画面の構築など、ブラウザとサーバーで何らかのやり取りが発生するような機能の実装です。

検証（バグのチェックや環境別の動作チェックなど）

実装したシステムのバグチェックやPCとスマホ、タブレットなどのデバイスの違い、WindowsやMacなどのOSの違い、chromeやsafari、IEなどのブラウザの違いなど様々な環境でWebサイトが正常に動作、表示されるか、表記間違えなどはないかなどを確認します。
確認が終わって大丈夫であればクライアントに最終確認をしてもらいます。

公開

クライアントから最終確認がとれ、公開日になったら実際に用意した本番用のサーバーにデータをアップします。

保守管理や更新、運用

公開後、追加のページなどがあれば追加したり、CMSのバージョン管理や定期的なバックアップ、セキュリティー管理、SEOや広告運用、お知らせの更新などクライアントとの契約状況によって様々な業務を行います。