Webデザインは稼げる!?稼げるようになるまでの期間や道のりを解説!!

まず、Webデザインの仕事をする場合、完璧な質の作品を納品できなければ、仕事がもらえないと感じている人もいるかもしれません。

しかし、実はそうではありません。なぜなら、発注者によっては、必ずしも完璧なものを求めていないこともあるからです。勉強をして、実践をすれば、未経験者でもできる案件も多くあります。

もしわからないことがあっても、「Googleで検索」「知り合いに聞く」「ネット上の相談サービス」などで解決することも可能です。

またWebデザインの仕事を副業にして稼いでいる人の中には、全てのスキルを身につけず、コーディングや簡単なバナー作成のみで稼いでいる人もいます。

もし、ホームページの作成が苦手であれば、代わりにバナー作成やロゴのデザイン・ランディングページの作成だけを受注することも可能です。

どんな小さな仕事でも実績を積み重ねれば、新たなWebデザインの仕事を獲得するときや転職活動のときにアピールすることができます。

Webデザインの仕事は、未経験でもやることが可能ですが、最低限の質は求められます。仕事を受けた以上は、きちんと期限までに最低限以上の質のものを納品しなければなりません。

最初に納品したもので修正点があった場合、何度か修正に応じる必要があります。想定以上に修正点があると、修正に時間と労力が掛かり、疲れてしまいます。

また最初は実績がないため、どうしても安い仕事しか請けられません。発注者側の立場に立っても、なるべく実績ある人に安い金額でやってほしいのが本音です。

受注金額が高い仕事は実績の高い人も応募してくるので競争が激しくなります。

一番気をつけなければならない点は、勉強時間=スキルの向上に必ずつながるわけではない点です。仕事をやる目的や効率を考えずにやみくもにやるだけの人にはおすすめできない仕事です。

なぜなら、お金を稼げるようになるまでの時間が掛かり、途中で挫折することも多くなるからです。

実際にクラウドワークスのWebデザインの仕事で実績ランキング上位(週間6位)になった人に少しだけお話を聞きましたが、やはり、やみくもにやるのはおすすめできないとおっしゃっていました。

Webデザインの勉強方法を紹介!!

独学でWebデザインになることは可能ですが、勉強の手順を間違えると、いつまでたっても稼げるようになりません。

一からWebデザインを学ぶ場合は、完全独学(本やオンライン学習ツールのみ)でやる方法とスクールに通う方法があります。

■Webデザインを学習する方法一覧

なお、スクールに通いながら、独学で勉強をすれば、当然早く技術が身につくので、お金に余裕があるなら併用する方法が一番です。

未経験者が独学で勉強する場合は、以下のような手順で勉強をすることをおすすめします。

デザインをするためには、PhotoshopやIllustratorなどのデザインツールを使います。まずは、デザインツールの使い方を覚えますしょう。

デザインツールの使い方は、本やネットで操作方法を学びます。本で知識を得る時は、専門的な知識ばかりが書いてある本ではなく、初心者向けで読みながら実践できるものがおすすめです。

ポートフォリオ用のサイトは、必ず作っておきましょう。Webサイトを作った経験があれば、自信もつきますし、クライアントにも「自分はこれだけの技術を持っている」ということをアピールできます。

学んですぐにサイトを作ってもその出来栄えに不安を感じる人もいるかもしれません。最初からおしゃれなデザインでなくても構いません。

あくまでも大事なのはWebサイトを作る技術が身につくことです。

最初にやる勉強はコーディングを学ぶこと

Webデザインの勉強をする順番は以下の手順通りに進めます。

まずはコーディングから学び始めます。コーディングでHTMLやCSSを扱えるようになれば、Webサイトのデザインがどのように作られているのかわかるようになります。

また最初のコーディングの勉強で意味がわからなくなり、挫折してしまう人も多くいます。したがって、自分にWebデザイナーとしての適性があるか見極める判断材料にもなります。

HTMLとCSSには以下の役割があります。

HTMLとCSSはデザイナーに欠かせないツールです。本やネット上の学習サイトなどで知識と技術を付けます。

本を選ぶときのポイントは、初心者向けで、本を読みながらコードを書く練習ができるものを選びます。ネット上の学習サイトと並行して勉強を行えば、理解力が深まり、知識の引き出しも増えます。

おすすめは、「Progate」「ドットインストール」「Udemy」などの学習サイトは動画やスライドなどが豊富でわかりやすいです。

Progateはスライド形式でHTMLやCSSの基礎知識が学べる

（画像引用元：Progate公式サイト）

Progateは、イラスト中心のスライド解説を見た後、すぐにコードを書いて実践することができます。

無料会員では、HTML＆CSSの初級編など18レッスンを見ることができます。ただ、本や他のサイトで調べるのが苦手な人は、全ての動画が見放題になる有料会員(税抜980円)への登録をしましょう。

■Progateで学べること

他にもjQueryなど全部で15種類の言語を学べますが、Webデザインをする人は、「HTML＆CSS」「JavaScript」「jQuery」を学んでおけば十分です。

ドットインストールはそれぞれの言語を目的別に学べる

（画像引用元：ドットインストール公式サイト）

ドットインストールは、「HTMLやCSS」「JavaScript」などを20種類の目的別に学ぶことができます。言語の種類が多く、このサイトで扱っていないものはないぐらいです。

ドットインストールは、1本あたりの動画の再生時間が3分未満です。時間が短いので、通勤時間や家事の合間などスキマ時間でも学習できます。

ステップも細かく別れているので、途中でわからなくなっても、どの部分でわからなくなったのか判断しやすいです。

ただ無料会員で学べる範囲は、そこまで多くはありません。HTMLやCSSでは全5章のうち学習環境の整え方と概要の理解の2章分のみです。

「アプリ紹介ページの作り方」「HTMLの基礎文法」「CSSのレスポンシブWebデザイン」などについて学ぶためには有料会員になる必要があります。

月額1,000円(税抜)のプレミアム会員になれば、以下の特典があり、勉強しやすくなります。

Udemyはボリュームのある動画を90％OFFの価格で受講できる

（画像引用元：Udemy公式サイト）

Udemyでは、数あるコースの中にWebデザインを学べるコースがあります。どの動画も評判がよく、Webデザインの知識やデザインツールの使い方について学べます。

■Udemyで学べるコースの一部※

※価格は2019年10月現在

UdemyもドットインストールやProgateのようにオンラインでデザインの学習ができますが、以下のような特徴があります。

Udemyは他のサイトのように月額課金をする必要はありません。また視聴期限もないので、サービスが続く限り見放題です。本来価格はとても高いですが、頻繁に90％OFFの価格で購入できるようです。

（画像引用元：Udemy公式サイト）

動画は5段階で評価されるので、クオリティの低い動画を購入してしまうこともありません。購入した動画が満足できなければ、30日以内に返金を申し出ることもできます。

ただ、他の学習サイトのように1本まるごと無料で視聴はできません。無料で視聴できるのは、冒頭部分だけです。

独学で学ぶといっても、お金を全く使わずに学ぶのはおすすめできません。稼げるようになるまで時間がかなり掛かってしまうからです。

もったいないかもしれませんが、効率的に知識を付けるためには、必要な投資です。

Webサイトを模写する

コーディングができるようになったら、本格的にデザインの勉強と実践に入ります。まずデザインツールを使いながら、3つから５つデザインが良いと思ったサイトの模写をします。

模写をするメリットは、以下の通りです。

デザインの基礎を効率的に学べる

デザインが良いサイトは、デザインの基礎がきちんとできているサイトが多いです。

そのため、デザインの知識を得た状態で模写をすることで、トップデザイナーの制作ページで基礎的なデザインが使われている場所がわかるようになります。

デザインの知識を頭に入れただけでは理解も進みません。手も動かしながら、トップデザイナーの技術が盛り込まれたサイトを模写することでデザインの使い方のコツがわかります。

Webサイトを作るイメージが湧くようになり自信がつく

学んだ知識を何もないサイトに表現するのは初心者には難しいことです。なぜならサイトが完成するイメージがまだないからです。

しかし、お手本として模写するサイトがあれば、その通りにコードを入力するだけなので、どのようにWebサイトのデザインが作られていくのかが理解できます。

模写を繰り返せば、似たようなサイトを一からデザインすることも可能です。自信もついてくるので、どのようなデザインを作るかイメージも湧きやすくなります。

デザインツールを使う練習になる

模写は、一からデザインをするよりもハードルを下げてくれます。そのため、模写をしていたら、いつのまにかデザインツールの使い方を学んでいたということが起きます。

さまざまな機能を使いこなせるようになれば、できることの幅も広がりますね。

このように模写には未経験者が上達するためのメリットがたくさんあります。模写をする時にはコツがいくつかあるので、注意しておいてください。

模写をする時は、デザインの良い部分だけを盗むようにしましょう。またWebサイトのデザインを模写する時間がない人は、バナーの模写がおすすめです。

バナーの模写に慣れてきたら、Webサイトやランディングページの模写にステップアップしていきましょう。

なおデザインツールは、「Photoshop」「Illustrator」「AdobeXD」「 Sketch」などがあります。このなかで最初に使い方を覚えるべきはPhotoshopです。

なぜなら、Photoshopは、技術力が優れており、デザインツールとして採用している企業がとても多いからです。IllustratorやAdobeXDは必ずしもやる必要はありません。

実際にWebサイトを作ってみる

さまざまなサイトを模写すれば、Webサイトの作りがどのようになっているか理解できているはずです。そして、いよいよポートフォリオになるサイトを作ります。

ポートフォリオは、クライアントさんがあなたを採用するかどうかの判断に使うことが多いので、丁寧に作るようにしてください。

ポートフォリオは一つではなく、複数作ることをおすすめします。なぜなら、同じようなサイトでも、そのサイトの目的によってデザインの方向性が変わってくるからです。

複数のポートフォリオを作っておけば、クライアントさんの意向を反映したサイトを作りやすくなります。

■Webサイトの目的とデザインの違い

Webデザインで稼ぐためにクラウドソーシングサービスを利用する

（画像引用元：ランサーズ公式サイト）

Webデザインで稼ぐためには、知識だけでなく、どんなに安い仕事でも良いので実績を作ることが大事です。

すでに企業で働いていて実績があるのなら、自分のブログなどから受注することができます。また友人や知人がデザイナーを探しているのなら、仕事を獲得できるチャンスです。

しかし、未経験者がいきなり企業から受注を取るのは至難の技でしょう。未経験者におすすめの方法はサービスがクラウドソーシングサービスなどから仕事を獲得することです。

■Webデザインの仕事が豊富なサイト

クラウドソーシングサイトは未経験者や初心者にとっては仕事が受注しやすいサイトです。案件の数も多いので仕事には困りません。

単価は内容と作業量の多さによりますが、5000円〜50,000円の範囲内です。安く感じるかもしれませんが、実績のない初心者は報酬の高さよりも実績を多く積むことが大事です。

評価システムもあるので、実績を積めば積むほど、単価の高い案件を受注しやすくなります。

■クラウドソーシングで募集されている仕事

経験者なら、クラウドワークスやランサーズだけでなく、経験者向けに強いgeechs jobやクラウドテックに登録すれば、単価の高い仕事を受注できます。

クラウドソーシングと並行してSNSやブログでも発信しておく

クラウドソーシングサイトでの仕事は、手数料が20％掛かるサイトが多いです。そのため5万円の仕事をしても、実際に得られる金額は4万円です。

並行してSNSやブログなどに日々の仕事の実績を載せたり、実際にデザインを作っている写真などを載せましょう。SNSやブログからの仕事は手数料が取られませんし、単価の高い仕事を受注しやすいです。

Webデザインで実績を出して就職できるのか？

Webデザインで実績を出して就職をすることは可能なのでしょうか？結論からいえば、条件は厳しいですが、不可能ではありません。

まず、正社員になるためには実務経験を求める会社が多く、実務経験3年or大学を卒業していることを採用条件にしている企業も多くあります。

更にアピールをしたければ、ブログの運営がおすすめです。ブログを書くことで、「SEO対策」「サイトの作成」「アクセス解析」などができるようになります。

面接時のアピールにも使えるので、ぜひやってみてください。

Webデザインは独学で稼げるが、勉強の方法や手順を間違えないことが大事!

Webデザインは、未経験者でも本やオンライン学習サイトを利用すれば、独学で稼げます。しかし、効率を求めるなら並行してスクールに通う方法もあります。

一番大事なことは勉強方法や手順を間違えないことです。間違ってもやみくもに時間だけ掛けて勉強してはいけません。

自分がどの仕事を中心に獲得したいのかという点やどのデザインツールを中心に使っていくのかなど考える必要があります。

Webデザインの仕事は、在宅でできますし、需要も高いです。時間を掛けて、技術を習得できれば、webデザイン系の仕事に転職したり、副業としてお金を稼ぎ続けることもできるでしょう。