Webデザイナー

Webデザイナーとは

「Webデザイナー」は、主にWebサイトの制作・Webサイトのデザインをするお仕事です。Webディレクター・エンジニアなどと協力しながら、クライアントや自社のWebサイトを作りあげていきます。
Web制作に置けるUI(ユーザーインターフェース)/UX(ユーザーエクスペリエンス)における設計や制作、見る人を惹きつけるグラフィック制作などを行います。

どんな仕事・業務?

主な仕事内容は、ディレクターやクライアントの指示をベースにWebサイトのデザインを作り上げることです。Webサイトの構成やレイアウト、配色を考え、画像、ボタン等のパーツを作りこみます。デザイン性に富むだけでなく、Webサイトの使いやすさ、分かりやすさを意識した機能的なデザインが求められます。ディレクターやエンジニア等とやり取りすることが多いため、Web全体の知識やコミュニケーション能力が求められます。

どんなソフトウェアを使うのか

Webデザインを行うには、主に「Adobe Photoshop(アドビ フォトショップ)」を使用することが多いです。また、イラストやロゴの作成を行う「Adobe Illustrator(アドビ イラストレーター)」も使用します。この2つのツールは使用するシーンが多いため、マストで使える事が望ましいです。その他にもデザインツールとして「Sketch(スケッチ)」や、最近では「Adobe XD(Adobe Experience Design)」などもあります。
コーディングも行う場合は、「Sublime Text 3(サブライムテキスト)」や「Atom(アトム)」などのテキストエディタを使用します。

どのような職場がある?

一口にWebデザイナーと言っても、様々な職場があります。クライアントのWebサイトを制作するWeb制作会社や、Webサービスやモバイルアプリの開発を自社で行う企業、またECサイトなどのサービスサイトを運営する企業などがあります。
また、近年では個人でフリーランスとして働き、場所にとらわれない働き方をする人も増えています。先述の様な企業で勤務後、スキルを磨き人脈を広げ、独立をするデザイナーもいます。

業務例

Webサイトデザインの具体的な制作の流れとしては、クライアントの要望や情報をまとめ、必要なページを書き出し、トップページに表示させる内容を決めるワイヤーフレームの作成から開始します(ここまではディレクターが行うケースも多いです)。その後ラフスケッチなどを行い、Photoshopなどのデザインソフトでデザインを作り上げていきます。この作業の際に、Web用の画像素材にするため、スライス用のデータを作ることもあります。
その他にもバナー作成などのグラフィック制作もあります。企業やスキルによってはディレクションから関わることや、コーディング作業を行うこともあります。尚、フリーランスの場合は全体的に出来ることが望ましいです。

働き方は?

Web制作会社や自社サービスの制作を行う企業以外にも、最近では将来的にフリーランスや、在宅ワークとして働くことを目指す人も多いです。在宅ワークの魅力は結婚、出産、子育て、介護を機にライフスタイルが変わった主婦ママの『子育て・家事と仕事を両立したい』という想いを実現出来ることです。 Webデザインのお仕事は自宅で仕事ができ、自分で仕事の量・時間・休日も決められ、スキルがあれば年齢や資格に関係なく働くことができます。また、パソコンとソフトウェアを購入すれば、すぐに自宅でのお仕事環境も揃えやすいことから、おすすめの職種です。

収入(年収・月収)は?

Webデザイナーの平均年収は300~400万円前後と言われています。Webデザイナー主な勤務先の制作会社には中小企業が多いため、高い年収であることはそこまで多くはありません。もちろん保有するスキルや経験年数によっても変動してくるため、企業に務めるWebデザイナーの場合はコーディングができたり、SEOの知識がある、ディレクションもできる、などのスキルによっても変動します。
また、デザイナーからWebディレクター、Webプロデューサーというキャリアを歩む事でも年収アップを目指せます。
フリーランスとして働く場合、単価は自分で提示することも可能なため、スキル次第で高い年収を目指すことが可能です。ただしフリーランス1年目から安定して仕事を獲得することは簡単ではなく、営業活動をするなどコミュニケーション能力も必要になります。

将来性は?

Web業界は常に進化しており、今後もWebデザイナーという仕事はなくならないと思いますが、AIやソフトの進化により素人でもある程度の品質のものを作れるようになってきています。そのため、誰でもできることやAIでもできるようなことだけではなく、その人にしか作れないものや、クライアントの要望の期待の上を行くレベルのものを作りあげることができる、相談にのりサポートができる、様々な業務をマルチにこなせるなど、自分の個性や強みも必要です。情報収集を怠らず、同時にスキルやセンスを磨き続けることが大切です。

どんなキャリアが歩めるか

Webデザイナーとして経験を積んだ後、UIデザイナーやUXデザイナー、アートディレクターやWebディレクターへと進むことが多いです。またデザインだけではなく、コーディングやプランニングなど幅広くWeb制作に携わる場合もあります。
将来のステップアップに向けて、企画力や数値の分析なども求められることもあります。経験が足りないと思った場合は将来のキャリア形成に向けて必要な経験や知識を身につけられるように勉強をしたり、Webデザイナーの経験があれば歓迎をしてくれる企業などに進むということも視野に入れましょう。

求人動向

ビジュアルの作成やUIデザインだけではなく、情報設計(IA)、体験設計(UX)など、制作会社から大手ゲームメーカー、ベンチャー企業など多岐に渡り求人があります。ニーズの増加により、Webデザイナーの求人も増加していますが、自分の経験や保有するスキルと照らし合わせ、今後進みたい道を考えながら希望や業務内容の合致する企業を見つけましょう。

なるには

一般的にどのようななり方があるのか

主に専門のスクールで知識と技術をつけて企業に勤務する、または独学で勉強していくという方法があります。
デジタルハリウッドのWebデザイナー専攻の基本のカリキュラムは、Illustrator・Photoshopなどのデザインソフト、HTML5・CSS3・JavaScript・jQueryの言語を学習します。 Webデザイン基礎スキルはUIデザイン・クライアントワークで、マーケティングの知識はSEO・Google Analyticsのライブ授業、 必要な知識を学ぶ概論授業は、Web概論・著作権・ワークフロー・フォント概論・色の基本などがあります。独学よりも効率的に身につき、自分のスキルレベルの把握もしやすくなります。

未経験からなるには

一般的には全くの未経験からの求人は少なく、ある程度の知識・技術が必要です。
スクールで勉強をするか、独学で勉強をしておくことが必要です。また、自分のスキルを提示するために作品をまとめた冊子やポートフォリオサイトを作っておくと採用の際に企業に自分のスキルを示すことができて有利に働くこともあるため、作っておくことをおすすめします。

必要なスキル

デザインに使用するソフト、PhotoshopやIllustratorなどが実務レベルで扱えるスキルは必須となります。またデザインといってもただ作ればいいだけではなく、ビジネスの現場では売れるためのデザインを考えなければならないので、マーケティングやSEOなどの知識や、携わる業界に特化した知識などもあったほうが望ましいです。
また、仕事の領域はモバイルアプリなどを含め、とても進化が早く、求められる技術もどんどん増えています。一定のスキルを身につけて終わりではなく、常に新しい技術やトレンドをキャッチアップすることも大切です。

必要な機材

まず、個人で仕事をするのであればパソコンは必要です。モバイルアプリデザインの需要増加や、Webサイトをスマートフォンから閲覧する人が増えているため、検証用にモバイル端末もあると良いです。Webデザイナーは大きな画面の方が作業がしやすく、27インチ程度の大型モニターを使用してデザインをすることが多いです。打ち合わせなど外出が多い場合はノートパソコン+外部モニターをおすすめします。また、解像度が高くデザインソフトの動作が重くならない程度のスペックは必要です。
その他にもサイトで使用する写真を自分で撮影するなら、一眼レフやミラーレスなどカメラも必要になります。

勉強法

知識と技術を同時につけて行くことが大切です。タイポグラフィやレイアウト、色彩などをはじめとしたデザイン関連の本やWebメディアを読む、街に出て様々なデザインに触れることも大切です。また既存の優れたサイトを観察し、どの様な構造になっているか、なぜ優れているかなどを考えながらトレースを行なうなど、考える力とデザイン技術の両方を身につけていきます。
そのほかにも自分でサイトの企画を行い、コンセプトの設計やサイトマップの作成、ロゴ作成から始まり全てのデザインを行い、HTML5・CSS3・JavaScriptやWordPressを用いて実際にサイトを制作するとサイト作りの流れも理解でき、ポートフォリオに掲載して実力をアピールすることもできます。

なるための適性は?

デザイナーの役割として重要なミッションの1つである、「デザインでクライアントの課題解決をする」役割を担うことから、クライアントやチームメンバーと円滑なコミュニケーションがとれる人が理想です。新しい情報に敏感な人、デザインに興味がある人、コミュニケーション能力がある人、モノづくりが好きな人、社交的でヒアリング力や提案力の高い人がWebデザイナーに向いているでしょう。また、目的を達成するためのデザインを行い、デザインの意図を説明できる力も必要です。
制作スキルの面では、基本はPhotoshopやIllustratorなどのソフトを扱い幅広い手法を用いたデザインができるということです。コーディングもできると尚良いため、コードに対しての苦手意識がない方が望ましいです。

なるための難易度は?

高いスキルを求められることもありますが、クリエイティブ業界のニーズは非常に高く、多くの企業で求人が出ており、就業未経験のスクール卒や、就業経験が浅めでも応募できるチャンスはたくさんあります。まずは先輩Webデザイナーのアシスタントにつくなどして実務をどんどんこなしていき、スキルを磨いてステップアップをしていくこともできます。

なるにはどれくらいお金がかかる?

専門のスクールに通う場合、30万円~120万円前後が多いです。内容や期間によっても価格は変わってくるため、自分の目的やライフスタイルに合うスクールを選びましょう。書籍などを参考にする場合、1冊2,000~3,000円が相場です。
また、PhotoshopなどのAdobe関連のソフトフェア使用料(全て使えるコンプリートプランで5,680円/月(税別)※学割あり)、インターネット費用(3,000~4,000円/月)、またポートフォリオサイト等を公開するためのレンタルサーバー代(300円前後~/月)などがあります。
すでにデザインに使えるパソコンがあれば必要ありませんが、パソコン購入費も必要になります。デザイン作業にはある程度のスペックが必要なため、この辺りも検討が必要となります。

関連するコース