Webデザイナー 転職特集

Webデザイナー 転職特集

Webデザイナーには、デザインセンス、配色のセンスが問われます。サイト設計で決められた導線に対して、ユーザーを導くデザイン・配色が必要であり、サイトコンセプトに基づいたデザインをしなければなりません。そして、各種ソフトウェアにも精通しているのが必須です。現在では、Adobe製品の、PhotoshopやIllustratorなどを使うことが多く、それらのソフトを使えることが良いでしょう。

また、Webサイト構造や、サイトコーディングについての理解があれば、より可能性が高まります。

紙媒体などで活躍されているデザイナーがWebデザイナーに転職するケースもございますが、やはりWebサイト機能を理解していないと、難しい部分もあると聞いています。コーディングはできなくても、ある程度の理解が必要になってきているかもしれません。

Webデザイナーについて

Webデザイナーは、サイト設計を基にWebサイトのデザインを行います。ビジュアル的な要素を担当しますが、近年では素材作成やHTML・CSSコーディング、JavaScript、CMS(Wordpress、Movable Type)などの設計までを担当する場合もあります。Webサイトがどのように機能するのか、どういったことが可能になるのかを把握していないとデザインまで反映することができないというのが背景にあるかもしれません。

このように広範囲に業務がわたることから、Webクリエイターと呼ばれることもあります。

上記のように広範囲にわたって担当する場合には、個人でのフリーランスや、小規模の制作会社などに多く見られ、大規模なサイト制作の際には、細かく分業化されるため、サイトデザインのみを行うことが多いです。もちろん前述のとおり、Webサイトの機能を理解していると良いとされています。

Webデザイナーの仕事

Webデザイナーはサイト規模や会社により、その業務範囲は異なります。ここではサイト設計を含めながら、Webデザインの制作を行う「Webデザイナー」の仕事内容を紹介します。

1. 打ち合わせ
Webプロデューサーやディレクターと共に、クライアントとどのようなサイトにするのか打ち合わせを行います。同行する場合もあれば、Webプロデューサーやチームでの打ち合わせでサイトデザインの決定をする場合もあります。

2. サイト設計
サイトコンセプトが決まってから、サイト設計を行います。ユーザーの導線や、TOPページ、その他コンテンツのデザインなどの見せ方など、デザインに落とし込むまでの設計をします。

3. フレーム制作
実際のサイトデザインをする前に、簡単なフレームで、画像やテキスト、バナーなど、どこに何が入るのかを手書きや、ソフトで作り、クライアントへの確認を取ります。

4. Webデザイン制作
ここからがWebデザイナーにとって重要な部分になります。レイアウト設計に基づいてどのようなサイトデザインであれば、ユーザーにうまく訴求でき効果的なサイトになるのかを考えながら制作していきます。配色や、文字の大きさ、ホワイトスペース、サイトコンセプト、などに配慮しながら作っていかなければなりません。
そして、TOPページや、コンテンツページが完成した段階でクライアントに確認を取り、調整しつつ、完成へと仕上げていきます。

現役Webデザイナーから

私の担当する業務部分は、Webサイトデザインからコーディングまでを担当しています。サイト規模によってはWebサイト設計も兼任しています。

まずは、上がってきたサイト設計を基に打ち合わせを行います。どんな業態のクライアントなのか、ターゲットとなるユーザーはどんな人なのか、そしてサイトコンセプトやクライアントが希望しているサイト機能や配色など、詳細に詰めながら進めていきます。

その後はレイアウトの設計に入ります。まだ配色や画像制作はせず、Photoshopで簡単なワイヤーフレームを作り、ここには画像、ここには商品説明のテキストなど、骨組みだけを書いて、クライアントに見せながら決めていきます。そのフレームを基にWebデザインを始めます。ここからがWebデザイナーの真骨頂、本領発揮の部分です。

クライアント企業のイメージを考えながら、配色や、バナーなどを制作していきます。一番楽しい作業ですね。元々、HTMLやサイト機能についての理解がなかった私は、当初、好き勝手にやっていた部分がありました。デザイン制作をしてからコーディングの方に、HTMLにできないから、変更してくれと言われ、納得のデザインを制作しても崩さなければいけない、といったジレンマを抱えていました。もっとWebサイト機能の理解が必要だと思い、そこからHTML・CSSの勉強を独学でやり始めましたね。自分で簡単なサイト作ってみたりとか。そのおかげもあり、Javascriptなども覚え、よりWebデザインの幅も広がったように感じています。

少し横道にそれてしまいましたが、、、Webデザインのラフが出来上がり、クライアントへのデザインの最終確認に入ります。ここで、色合いや、バナー・画像のデザインをチェックしてもらい、コーディングに入ります。

あとはHTMLやCSSでWebサイトとして、完成形に持っていくだけです。社内で誤字脱字がないか、リンク先はあっているのかをチェック・修正して晴れて納品になります。

自分自身は、HTMLコーディングができなかったので、最初はデザインに苦労しました。Webデザイナーを目指す方は、Webサイトがどうやってできているのかを把握していることも重要になってきますので、そのあたりも勉強し習得していったほうがいいと思います。今後、私はFlashも勉強しようと思っています。もっとおもしろいWebサイトが作れるんじゃないかなと楽しみにしています。

Webデザイン戦略やWebブランディング関連サービスを展開している企業

現在、Webデザイン戦略やWebブランディングを展開している企業や制作会社は、たくさんあります。
その中でもネットサービス隆盛期から業界を牽引する代表的な企業をご紹介いたします。

ビジネスアーキテクツ
インターネット、Web制作・コンサルティング会社のリーディングカンパニーとして、Webブランディングを構築するために必要な「ビジネスコンサル」、CMSツール等の「システムインテグレーション」、そして「アート&デザイン」を、ワンストップで提供している。

バスキュール
有名企業をクライアントに持ち、数々のインタラクティブコンテンツを制作するWeb制作会社。世界各国でさまざまなインターネット広告賞で受賞を獲得し、実績を残している。

 

無料転職相談・登録はこちらから

初めての方へ

コカ・コーラ ボトラーズジャパン 全社変革オープンポジション
ポスコンニーズど真ん中!アジア最大のコカ・コーラボトラーにて全社変革ポジションがオープン!業務IT、SCM、プロジェクトマネジメント経験がある方必見です!

丸紅I-DIGIO 事業企画(AI・IoT関連の新サービス立上)
【高年収】丸紅グループでAI・IoT関連の新サービス立上に関する事業企画ポジションがオープン!IT経験者、コンサル経験者必見です!

厳選!最新IT求人はこちらから

KPMGコンサルティング キャリアセミナー 毎月第一・第三水曜日 12:00~13:00申込締切:開催日前日 ランチタイムにラジオ感覚でお気軽にご参加いただけます!現役コンサルタントと採用リクルーターの生の声をお届けしています。

野村総合研究所(NRI)キャリアセミナー 2024年10月30日(木)19:00~20:00申込締切:2024年10月28日(月) 事業内容だけなく、働き方から大切にしている文化まで、多面的にNRIへの理解が深まる盛りだくさんの内容になっております。お気軽にご参加ください!

EYストラテジー・アンド・コンサルティング ITコンサルタント キャリアセミナー 2024年11月14日(木)19:00~20:00申込締切:各回開催3日前 応募意思は不問です!何かしらのIT経験者歓迎!BIG4として有名な大手総合系コンサルのITコンサルタントに興味のある方はお気軽にご参加ください!

グロービング IT戦略コンサルタント 1日選考会 2024年11月10日(日)10:00申込締切:2024年11月6日(水) BCG・AC・PwC・DTC・EY・Google・総合商社等で活躍してきたトップタレントが集う新興戦略コンサルティングファーム。

デロイト トーマツ コンサルティング ITコンサルタント 1日選考会 2024年11月30日(土)申込締切:2024年11月24日(日) 弊社ムービン経由限定の1日選考会が開催されます!コンサル未経験者大歓迎!ITバックグラウンドをお持ちの方はこの機会にぜひご参加ください!

その他セミナー一覧はこちらから

 


まずはキャリア相談から

外資戦略コンサルティングファーム「ボストン コンサルティング グループ(BCG)」出身者が1996年に創業した日本初のコンサル業界特化型転職エージェント。

〒107-6207 東京都港区赤坂9-7-1 六本木ミッドタウン・タワー 7F
Copyright (c) movin strategic career CO .,Ltd. All rights reserved.
厚生労働省 職業紹介(許可番号:13-ユ-040418)