Webデザイナーになるには?未経験から目指す際に知っておくべきこと

本ページはプロモーション(広告)が含まれています。
office

Webデザイナーが未経験からでも目指せる職種として認知され始めており、職業訓練やスクールなどでWebデザインの授業が開かれています。

この記事では、未経験からWebデザイナーになるために知っておいて欲しいことを解説します。

記事の内容を参考にすれば、Webデザイナーの副業や転職に役立てられます。

最短3ヶ月でWebデザイナーを目指す
a9ed13e413bbb3f66dea289ff92d10af 530x237 - Webデザイナーになるには?未経験から目指す際に知っておくべきこと

画像出典:rimomo

rimomo(リモモ)は、最短3ヶ月でWebデザイナーを目指すオンラインサービスです。月額9,800円(税込)で、他社より圧倒的にリーズナブルな価格で利用できます。

WebデザインコースとWeb制作コースの2つがあり、いずれも基礎から実践まで学べるのがメリット。未経験者にもおすすめのサービスです。

まずは7日間無料で利用しましょう。すべてのカリキュラムを視聴でき、自分に合っているか確かめられます。

\まずは7日間無料でお試し!/

未経験から稼げるWebデザイナーになろう
a121e58a5ecce5c208d6ecfec74ccd11 530x320 - Webデザイナーになるには?未経験から目指す際に知っておくべきこと

画像出典:ウェブフリ

未経験からWebデザイナーの副業で稼ぐには、Webデザインのスキルが必要不可欠。しかし独学でスキルを習得するのは困難です。未経験者向けのスクールを活用して、短期間で稼げるWebデザイナーを目指しましょう

ウェブフリは、未経験から副業に必要なスキルを習得できるオンラインスクール。ウェブフリを受講したことで、実際に稼げるようになったWebデザイナーは多くいます。

まずはLINEに登録し、無料カウンセリングを受けてみてください。

\まずは無料カウンセリングから!/

関連記事:ウェブフリの評判

目次

Webデザイナーになるまで知っておいて欲しいこと

Webデザイナーになるまでに知っておいて欲しいことは次の3つです。

  • Webデザイナーの需要は多いが給与は低い
  • 仕事は多岐にわたる
  • キャンペーンサイトやプロモーションの作成などでも需要はある

これから記事を読む前に、これらのことを頭に入れながら読むことをおすすめします。

Webデザイナーの需要は多いが給与は低い

Webサイトの需要は2023年でもまだまだ大きいです。Web制作会社の中にはWebデザイナーが不足している会社も多くあります。

しかし、需要と引き換えに給与は低いという現実は知っておかなければなりません。Webデザイナーの平均年収は2021年で365万円となっています。

全職種の平均年収が403万円なので、約40万円低いことが分かります。

※平均年収は、doda「平均年収ランキング」より引用

仕事は多岐にわたる

最近の企業は、自社のWebサイトを持つことが当然のようになっています。新しい企業が出てくれば、その分だけ需要が増えることになります。

既存のWebサイトが古くなったためリニューアルしたいという会社もこれからはたくさん出てくることでしょう。

Webサイトの新規作成、既存サイトのリニューアル、Webサイトの保守・運用などWebデザイナーの仕事は多岐に渡ります。

キャンペーンサイトやプロモーションの作成などでも需要はある

企業サイトのように長い間運用されるものではなく、映画やテレビゲームのプロモーションなど一過性のコンテンツにもWebサイトは使われています。

これらは新しいコンテンツが出てくるたびに新しく作成されます。そのように考えれば、Webデザイナーの仕事は今後も増える一方で、衰退していくことはないと言えるでしょう。

芸術領域からWebデザイナーを目指すと厳しい場合がある

デザインに興味がある・デザインが得意という芸術領域からWebデザイナーを目指す方が多いと思います。しかし、そのような動機のみでWebデザイナーを目指すと、厳しい現実に直面することになることも。

  • Webデザイナーは数字を見る必要がある
  • 「デザインにお金を払う」という意識の無さ
  • 将来的に求められるものが違う

自分がつくりたいデザインを必ずしもつくれないことがあるからです。クライアントの求めるWebサイトのデザインと自分がつくりたい・得意とするデザインに隔たりがあります。

クライアントはWebサイトを売上を上げるための手段と捉えているため、どれだけ綺麗なWebサイトであっても売上に直結しなければ意味がありません。Webデザイナーはデザインができるだけではクライアントのニーズを満たせません。

芸術領域からWebデザイナーを目指す方は、自分のやりたいこととズレが生じないように、その違いをよく理解しておきましょう。

Webデザイナーは数字を見る必要がある

Webデザイナーと言っても、数字にある程度強くなければなりません。

費用や工数はもちろん、Webサイトの訪問者にどうすれば意図した動き(コンバージョン)をさせられるかについても考えなくてはなりません。

Webデザイナーはデザインだけをする仕事、と勘違いする方が多いので注意しましょう。

「デザインにお金を払う」という意識の無さ

クライアントによっては、デザイン費を相場よりかなり安く見積もるケースもあります。

デザインは、どのようにすれば集客できるか、訪問者を誘導させられるかなどロジックに基づいて設計されています。
しかし、それを知らないクライアントは、デザインを感覚的なものと捉えてしまい、結果として軽視してしまうのです。

クライアントにデザインの大切さを理解してもらうように、納得させるコミュニケーションスキルも必要です。

将来的に求められるものが違う

最近のWebサイトは、JavaScriptで動きをつけることが当たり前に行われています。

JavaScriptはHTML/CSSと違い、世間一般に知られたプログラミング言語ですので、プログラミングの知識も必要になります。

デザインに加えてプログラミングの知識も必要である点は、Webデザイナーになりたい方には盲点でしょう。

これからWebデザイナーを目指す方は、スクールのWebデザイナーコースでJavaScriptを知る機会があるので、学んでおいて損はありません。

UXデザイナーとWebデザイナーの違い

最近急激に増えてきている「UXデザイナー」をご存知でしょうか?

UXデザイナーとWebデザイナーは、名前の響きが似ていることから、よく比較されます。

  • UXデザイナーはWebデザイナーの上位互換
  • ビジネスではUXデザイナーのほうが好まれる傾向

ここでは、それぞれがどのような役割をもっているのかをご説明します。

UXデザイナーはWebデザイナーの上位互換

UXデザイナーの「UX」とは、ユーザーエクスペリエンス(ユーザー体験)のことを指します。

ユーザー体験とは、ユーザーがWebサイトで見たり操作したりといったすべての体験が含まれる言葉です。UXは、これらをユーザーに体験させることで自社の商品を売り上げたり、サービスを認知させたりすることが目的です

それを踏まえると、UXデザイナーは、デザインやシステム構築、売上や集客などの数字、テストなど1人で幅広く行う人々ということになります。

そのため、UXデザイナーはWebデザイナーの上位互換の仕事と言えます。

ビジネスではUXデザイナーのほうが好まれる傾向

最近では、UXデザイナーのほうがWebデザイナーよりもビジネスの現場で好まれる傾向にあります。

なぜなら、先ほども説明したように、UXデザイナーは数字に強いからです。数字を見て、売上をあげるためにどのようなデザインにすればよいか、集客をするにはどのようなSEO対策をすればよいかなど提案できます。

極端に言えば、Webデザイナーはお客様が求めているようなデザインを作ることが仕事です。UXデザイナーは、さらにその先のことを考えて仕事ができるわけですから、お金のやりとりが発生する現場では、当然重宝されます。

未経験からWebデザイナーとして活躍するコツ

未経験からWebデザイナーになる方は、どのような技術を身につけたらよいのでしょうか?

Webデザイナーとして活躍する為に必要な以下のことを解説します。

  • JavaScriptを勉強する
  • PHPを勉強する
  • アクセス解析系・SEO周りに強くなる
  • 営業スキルを身につける

Webデザイナーとしての仕事の将来性がない、というよりは、Webデザイナーに求められることが変わってくると捉えた方がよいです。

JavaScriptを勉強する

まず、JavaScriptを勉強することがおすすめです。

Webデザイナーはデザインはもちろん、コーディングが出来る人も多いです。コーディングはHTMLやCSS、場合によってJavaScriptを使うことがほとんどだと思います。

ここでお伝えしたいJavaScriptとは、システムよりのプログラミングを行うJavaScriptのことです。具体的には、「ajax」や「非同期通信」などの技術を駆使したプログラミングを行います。

ちなみに、最近のJavaScriptは以下のようなライブラリが主流で、これらのうち1つでも習得できれば貴重な人材として重宝されます。

  • Angular.js
  • Backbone.js
  • React.js
  • Vue.js

jQueryも有名なライブラリの1つですが、今後は上で挙げたライブラリが主流になるので、1から本格的に勉強することはおすすめしません。

JavaScriptでシステムを操作するプログラミングができると、フロントエンドエンジニアとしても活躍することが可能です。

PHPを勉強する

JavaScriptとセットで習得したいのが、PHPです。PHPはサーバーサイド言語と呼ばれ、サーバー上で動くプログラミング言語の1つです。

JavaScriptでブラウザ側の処理をプログラムする際は、サーバーとデータのやり取りが発生します。サーバー側の処理の仕組みを知っておく必要があるため、PHPも学習しておきましょう。

PHPでなくとも、PerlやRubyなどサーバー上で動く言語は他にもあるので、どれか1つ習得しておくとよいです。

アクセス解析系・SEO周りに強くなる

知識面では、アクセス解析やSEO対策を勉強しておきましょう。

SEOとは、Search Engine Optimizationの頭文字を取ったもので、検索エンジン最適化のことです。自分のWebサイトを検索上位にもってくるために行う対策のことを言います。

アクセス解析だと、Google AnalyticsやGoogle Search Consoleはほぼ必須のツールです。これらのツールを使いWebサイトへのアクセスを分析することで、お客様にどのようにすればアクセスを伸ばせるかを提案することができます。

提案する際には、SEOの知識をもっておくと、さらに具体的な改善策の提案が可能です。SEO対策に関しては、Webサイトの知識と構築の経験が必要なので、Webサイトを制作する際にも付加価値を付けて受注できたりもします。

知識と経験が必要な分、SEOに強いWebデザイナーは少ないので、是非身につけておきたいスキルです。

営業スキルを身につける

最後は、営業スキルを身につけることです。

自分1人で仕事を受注することができれば、仕事を失うことはありません。Webサイトが世界中に普及しているとは言え、まだまだ必要としている人はたくさんいます。

営業スキルを身につければ、これからの時代でもニーズに応じて最適な提案が出来るようになります。また、フリーランスとして独立することも可能です。

まずは、自分がWebデザイナーであることを知人や友人に知ってもらうことから始めてみましょう。

未経験から最短でWebデザイナーになる方法

最短でWebデザイナーになる方法は、スクールに通うことです。

Webデザインを独学で学ぶ方法もありますが、挫折する可能性が高いです。何を学べばよいかわからない、何が必要かわからないなど疑問点がたくさん出てきます。

そのような疑問点を1つずつ解決するのは時間がかかり、効率よく勉強が進められないために多くの人が挫折してしまいます。

その点、スクールに通うことで以下のようなメリットがあります。

  • カリキュラムに沿って効率よく勉強できる
  • Webデザイナーになるために必要なツールを教えてくれる
  • その他、不明点はスタッフに質問することで解決できる
  • 経験豊富な講師が教えてくれる

このように、独学で起こりうる問題のほとんどを解決できるでしょう。

また、最近は家にいながらオンラインで勉強を進められるスクールも増えています。

未経験からWebデザイナーになるためのおすすめスクール

未経験からWebデザイナーになるためのおすすめスクールは以下のとおりです。

  • rimomo
  • ウェブフリ
  • ヒューマンアカデミー

rimomo

a9ed13e413bbb3f66dea289ff92d10af 530x237 - Webデザイナーになるには?未経験から目指す際に知っておくべきこと

画像出典:rimomo

rimomo(リモモ)は、最短3ヶ月でWebデザイナーのデビューを目指すオンラインサービスです。月額9,800円(税込)から、Webデザインの基礎を習得します。

プロのWebデザイナーが監修したカリキュラムを受講できるのがメリット。以下の順番で、基礎から実践まで学習できます。

  1. Webデザインの基礎
  2. Photoshopの基本操作
  3. バナー作成(練習・実践)
  4. サイズ違いのバナー作成

料金プランは以下の3つです。すべてのプランでWebデザインコースとWeb制作コースの両方を受講可能。

いずれのコースも課題を添削してもらえるので、実践的なスキルを身につけられます。

スクロールできます
料金プラン3ヶ月プラン6ヶ月プラン12ヶ月プラン
月額料金19,800円12,800円9,800円
受講期間3ヶ月6ヶ月12ヶ月
デザイン添削回数4回5回7回

※金額は税込

まずは7日間無料でお試ししてみてください。各コースで提供しているすべての講座を視聴できます。

\まずは7日間無料でお試し!/

ウェブフリ

a121e58a5ecce5c208d6ecfec74ccd11 530x320 - Webデザイナーになるには?未経験から目指す際に知っておくべきこと

画像出典:ウェブフリ

ウェブフリは、未経験から稼げるWebデザイナーを目指すオンラインスクールです。案件獲得から納品までの流れを学び、実践に近い形でスキルを習得します。

ウェブフリで習得できるWebデザインのスキルは以下のとおりです。

  • Figma
  • Illustrator
  • Photoshop

いずれもWebデザイナーの副業をするために必要なスキルです。1つでも欠けると、Webデザイナーの副業で稼ぐのは難しいもの。Webデザインの基礎を学び、副収入を得ましょう。

ウェブフリは口コミ満足度が高いスクールです。多くの受講生が、未経験からWebデザイナーの副業で成功をしています。

まずはLINEでウェブフリを友達追加しましょう。無料カウンセリングを予約し、Webデザイナーの副業で稼ぐまでの道のりを相談できます。

\まずは無料カウンセリングから!/

関連記事:ウェブフリの評判

ヒューマンアカデミー

ヒューマンアカデミーはヒューマンアカデミー株式会社が運営するITやビジネス、クリエイティブ、語学などが学べるスクールです。

Webデザインは下記の3つのコースがあります。

  • Webデザイナーコース
  • Webデザイナー総合コース
  • Webデザイナーエキスパートコース

WebデザイナーコースとWebデザイナー総合コースは未経験で就職・転職を目指す方向けのコースです。Webデザイナーエキスパートコースはフリーランスを目指す方向けのコースとなっています。

進路によってどれを選ぶかを決めるのがよいと思いますが、費用はコースによって大きく変わるので、注意してください。

スクロールできます
コース名学習期間入学金受講料金(一括)分割料金
Webデザイナーコース6ヶ月11,000円425,150円月々16,700円〜
Webデザイナー総合コース6ヶ月11,000円559,130円月々21,900円〜
Webデザイナーエキスパートコース12ヶ月11,000円778,250円月々30,000円〜

※金額は税込

WebデザイナーコースとWebデザイナー総合コースは、厚生労働省教育訓練給付制度の対象のコースとなっています。

実績としては、いくつかの有名なクリエイティブ系の企業に就職・実績があり、2017年度のデータでは就職率90.7%とHPに記載してあります。

\未経験からWebデザイナーを目指す!/

関連記事:ヒューマンアカデミーWebデザイン講座の評判

未経験のWebデザイナーがサイトを作るときの心構え

Webデザインを学んで、いざWebサイトを作るときに、持っておくべき心構えがいくつかあります。

  • ヒアリングシートを使う
  • カンプを作る
  • 表現方法を統一する
  • クライアントには週1回程度連絡する
  • 確認したい部分を明確にして質問する

これらの心構えをしておかないと仕事が円滑に進められませんので、1つ1つ確認していきましょう。

ヒアリングシートを使う

まずは、ヒアリングシートを使うことです。

ヒアリングシートとは、クライアントとの打ち合わせを円滑に進めるために、事前に疑問点や提案する内容をまとめておくための文書です。

あらかじめ、ヒアリングする内容を用意しておき、すぐにメモを取れる状態が望ましいです。

筆者は普段仕事をしている際に以下のような項目をヒアリングしています。

  • クライアント情報(個人情報)
  • 必ずおいて欲しいコンテンツ・パーツ
  • サイト全体で出したい雰囲気
  • メインカラー(あれば)
  • 訪れるユーザーのターゲット層

ヒアリングシートを用意しておくことで、意思疎通のズレによるトラブルを未然に回避することにつながります。必ず用意しておきましょう。

カンプを作る

カンプとは「完成見本」、「デザイン案」のことです。

このカンプを見ながら、Webサイトをコーディングしていきます。必ず作成されるものなので、重要度は高いです。

カンプの作り方ですが、3種類あるので、いずれの方法でも作ることができると安心でしょう。

HTML・CSS形式で見せる

これは、ベタ打ち(ファイルに全てのコードを直接入力、PHPなどを使わない)でHTMLとCSSを書き、クライアントに見せる方法です。

その後のコーディングの際に流用できるので作業がスムーズになりますが、カンプを作るのに時間がかかる点がデメリットです。

PHOTOSHOPなどの画像で見せる

こちらは画像で見せる方法です。デザインソフトを使って、カンプを1つの画像として作成します。デザインソフトは、長らくAdobe社の製品が使われており、現在でも主流になっています。

以下の2つが、制作現場では一番使用頻度が高いです。

  • Adobe Photoshop
  • Adobe XD

Webデザイナーとしては、2つとも使いこなせるようにならなければいけません。今は動画教材が豊富にあるので、無料でも学べます。

手書きで見せる

クライアントの前でさっと書いて見せる方法もあります。

ただし、再現性に劣り時間もかかるので、カンプデータの補助として使った方がよいでしょう。

その場でクライアントに視覚的に分かりやすく伝える能力が必要とされるので、レベルは高いです。

表現方法を統一する

相手の要望を汲み取る際に重要なポイントとして、表現方法を統一することがあります。

例えば、「余白」のことをあるときは「空白」と言うと、クライアントはそれぞれ別の意味のものとして捉えるかもしれません。

特にWebデザインの専門用語は、クライアントは知らないので、なるべく分かりやすい表現にしたほうが相手にしっかりと伝わります。

どうしても専門用語を使わなければならない時は、必ずその意味を教えてあげましょう。

クライアントには週1回程度連絡する

これはマナーとして、覚えておきましょう。

誰でも仕事をいっしょにしている相手から、1週間も連絡がないと不安になるものです。

お互いの進捗確認をするという意味でも、必ず連絡してあげましょう。

不安な方は、3日に1回でも大丈夫です。こまめに連絡をとることで、不測の事態にも慌てずに対応できます。

確認したい部分を明確にして質問する

せっかく連絡をいれるのであれば、現時点でのサイトについてのフィードバックをもらえるといいですね。

ただし、その際には「どうですか?」という抽象的な質問はやめましょう。

「このメニューバーについては、イメージと違う部分はありますか?」などと聞くようにしましょう。クライアントの考える手間が少なくなり、作業時間の短縮につながります。

もし、「お任せします」と言われた場合を想定して、AかBかの2択で選択肢を限定するなどの方法も余計なやりとりが少なくなり効果的です。

Webデザイナーがうまく意思疎通するポイント

未経験のWebデザイナーがクライアントとうまく意思疎通するにはどうすればよいでしょうか?

ここでは、クライアントとうまく意思疎通するポイントを4つに分けてご紹介します。

  • 言葉を統一する
  • カンプを見せる
  • ほかのサイトを見せる
  • イメージを具体的に共有する

言葉を統一する

クライアントと打ち合わせを進める段階で、クライアントがあいまいな要望を出してくることがあります。「それ」や「あれ」、「あそこ」など抽象的な言葉で説明されると、お互いの認識にズレが生じてしまいます。

そうならないために、まずはクライアントと言葉を統一しましょう。例えば、以下のような用語をクライアントに理解させると、指示間違いが少なくなります。

  • グローバルナビゲーション
  • ハンバーガーメニュー
  • サイドバー
  • メインビジュアル
  • paddingとmargin

あまり多くの言葉を理解させようとするとクライアントの負担となるので、大まかな部分のみ事前に教えておいた方がよいです。

カンプを見せる

こちらは、デザインカンプ(完成見本)を見せる方法です。実際に、クライアントの要望に対して簡単なデザインカンプを見せながら、細かな要望を聞いていきます。

カンプを見せる方法では、お互いが共通のものを見ながら話を進められるので、認識のズレがほぼなくなります。

ほかのサイトを見せる

デザインカンプをつくる余裕がない場合は、ほかのサイトを見せる方法もあります。

できるだけ完成形のイメージに近い既存のWebサイトを見せることで、クライアントがイメージしやすくなります。「このようなメニューが欲しい」、「この色を使ってほしい」などクライアントが的確に要望を出しやすくなり、結果的にデザイナーの負担も減るでしょう。

イメージを具体的に共有する

Webサイトのイメージを具体的に共有することも大事なポイントです。

最初の段階でしっかりとしたWebサイトのイメージをお互いが共有できれば、無駄な打ち合わせに時間を割くことがなくなります。

「ヒアリング」→「具体化」のサイクルを何度も繰り返すことです。ヒアリングをした後は具体的にクライアントに説明することを常に頭に入れておきましょう。

未経験のWebデザイナーとして準備しておくべき道具

29歳未経験のWebデザイナーとして仕事をする際に準備しておくべき以下の道具をご紹介します。

  • 紙とペン
  • タブレット端末

Webデザイナーはクライアントと打ち合わせする機会が多いので、今回は現場を想定して以上の2つを取り上げます。

紙とペン

Webデザイナーの仕事風景を想像すると、PCの前で黙々と作業するイメージを持つ方がいると思います。

ですが実際は、ペンを使って紙にラフスケッチをしたりワイヤーフレームを考えることがよくあります。作業でイラストや文字の配置をじっくりと考えてから、デザインをPC上で仕上げていくことが多いです。

また、クライアントと打ち合わせする際も、紙にスケッチすることで細かなイメージを伝えやすくなります。

紙とペンの質にこだわる必要はありませんが、手軽に書ける紙と数種類の色のペンは持っておきたいところです。

タブレット端末

iPadに代表されるタブレット端末も準備しておきましょう。

紙とペンでラフスケッチを書くよりも、データとしてすぐに見せることができるというメリットがあります。

また、ノートパソコンよりもより手軽に使えるため、クライアントの手間を少なくすることができます。事前にクライアントに見せる資料が決まっている場合は、タブレット端末に資料を用意しておけば、わざわざラフスケッチを書く必要もありません。

紙とペン、タブレット端末いずれも、クライアントに対してより分かりやすくイメージを伝えるためのものです。

特に未経験から始めたばかりの頃は、これらの道具を常に持ち歩いて、いざと言う時に備えておきましょう。

未経験者向けのWebデザイナーに関してよくある質問

最後に、未経験者向けのWebデザイナーに関する質問に回答します。

Webデザイナーになって後悔することはある?

好きな仕事として取り組んでいれば、Webデザイナーになって後悔することはありません。

ただし、Webデザイナーがデザインだけをしていればよいと思ったまま転職をすると、後悔することが多いです。あらかじめWebデザイナーの仕事内容をしっかり把握しましょう。

30代も未経験からWebデザイナーを目指せる?

30代も未経験からWebデザイナーを目指せます。Webデザイナーは人材不足なので、スキルを身につければ仕事が見つかりやすいです。

Webデザイナーの離職率はどのくらい?

Webデザイナーの離職率は明確に公表されていませんが、入社して3年以内に辞める人は多いと予想されます。Webデザイナーは専門職にも関わらず給料が低いからです。

Webデザイナーとして高収入を目指すなら、フリーランスに転身したりほかの副業をしたりするのがおすすめです。

未経験からWebデザイナーを目指そう

未経験からWebデザイナーを目指すのは不可能ではありません。スキルをしっかり身につければ、未経験でも仕事が見つかります。

スキルは独学で習得できますが、未経験者は途中で挫折しがち。Webデザインスクールを活用すると、無理なく学習を継続できます。

未経験者はウェブフリがおすすめ。Webデザインの基礎から仕事を獲得するスキルまで、幅広く学習できます。

\まずは無料カウンセリングから!/

関連記事:ウェブフリの評判

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

株式会社ドミニオンの代表取締役として、2016年4月18日に会社を設立。WEBメディアの企画・立案・運営の経験から、WordPressやレンタルサーバー、さらには副業含むフリーランス育成に関することも行っています。

目次