【裏ワザ】Webデザイナー独学ロードマップ（Web制作で稼ぐ）

今回の記事では独学・未経験からWebデザイナーとしてWeb制作案件を獲得し、3ヶ月で稼げるようになるための手順をご紹介します。筆者自身、完全未経験から3ヶ月独学のみでWebデザイナーとして月に３０万円稼げるようになったロードマップなので是非試してみてください。（2021年1月現在は月収80万円）

そんな疑問は全て払拭できます

まずはさらっとでもいいので読み進めてみてください

この記事を読んでいる時点であなたは相当な熱意と行動力をお持ちなので、確実にスキルを習得できると断言します。独学だろうが未経験だろうが関係ありません。あとはやるだけです。

2021年にWebデザイナーへの転向がオススメな５つの理由

１. パソコンひとつあればどこにいても稼げる

想像してみてください。

時間にとらわれずパソコンを片手に仕事をしている自分の姿を

行きたいと思い立ったその翌日には南の島に向かう飛行機の中でワクワクしている自分の姿を

実績を積み上げていくことでWebデザイナーがあなたの本業になり、どこにいてもパソコン一台さえあれば稼げる状態になります

これからは朝一の臭くて不快な満員電車に乗ることも、尊敬のできない上司に愛想笑いして疲れることもなくなるのです

２. ３ヶ月全力で学習すれば月５万 ~ １０万円なら確実に稼げる

たった３ヶ月。

あなたの人生のうちほんの４００分の１の時間を費やせば副業で月に５~１０万円を稼げるようになります

今よりも月に５~１０万円も余分に収入が入ってくるとしたらあなたはなににお金を使いたいですか？

これは筆者が当時思っていたことです

あなたも副収入を得たりフリーランスとして働くことで叶えたいなにかがあるはずです

叶えましょう！

もちろんそのためには３ヶ月という期間は仕事でヘトヘトでも朝眠くても無理やりにでも時間を捻出してもらいます

３. コーディングも同時に学習すれば案件が多く仕事に困らない

次の章で詳細は話していきますが、Webデザイナーの仕事にはPhotoshopやIllustrator(Adobeが提供しているデザインツール)を使ってデザイン素材を作成することに加え、実際にそのデザインをブラウザ（PC画面）に反映できるようにするコーディングという作業があります。

コーディングと言ってもエンジニアが使うようなハイレベルな言語ではなく、HTML, CSSという１ヶ月ほど学習すれば身に付くレベルの言語なのでご安心を。はっきり言って簡単です

これは最悪できなくてもなんとかなるのですが、学んでおくことでWebサイトの制作案件などコーディング込みの案件が取れるため仕事の幅が広がります。つまり稼げる額が跳ね上がります。

詳しくは次の章でご説明します。

４. 高度なコーディングスキルが不要(HTML,CSSだけでOK)

前述でも少し触れましたがWebデザイナーにはハイレベルなコーディングが不要です

HTML, CSS(仕事の幅をさらに広げたい方はJavaScriptも)だけ後々やっていけばOK！

まずはWebサイトやLPのデザインを作成できるレベルを目指しましょう

５. フロントエンドエンジニアへの転向がしやすい（月収５０万以上も狙える）

コーディング(HTML, CSS)もできるWebデザイナーの場合、フロントエンドエンジニアに転向するのもアリです

案件も収入も増えるのでフロントエンドのコーディング(Vue.jsなど)が好きな方には非常に向いています

特に企業で契約社員として働く場合には収入が爆上がりの可能性大（目安：５０万以上）

ただし、コーディングが苦手or嫌いな方はWebデザイナーとして実績を積んだ方がいいです（ふつうに稼げます）

未経験からWebデザインで稼ぐ方法３選

【初級】Photoshop or IllustratorでWebサイトのデザインを作成

【期間の目安：１ヶ月程度】副業にオススメのレベル『〜月５万円』

このレベルに到達できれば月に３万円ほどは稼げるので副業レベルは達成です

まずはWebサイトやLPのデザインを作るためにAdobeが提供しているPhotoshopもしくはIllustratorをインストールします

インストールしてから１ヶ月半ほど学習すればデザイン案件を獲得できるレベルのスキルが身につきます

学習の手順は後ほどロードマップの章で紹介しますのでご安心ください

Adobe公式サイトを確認

Udemyのセール期間に購入すればPhotoshopの料金と合わせても飲み会1回分で周りと差がつくなら安いもんですよね。

【中級】Photoshopで作成したデザインをもとにコーディング！

【期間の目安：１ヶ月~１ヶ月半】もう少しで本業を目指せるレベル『月５万円〜１０万円』

Photoshop(Illustrator可)で作成したサイトデザインをもとにHTML / CSSでコーディングをしていきます

ランサーズやWeb制作会社の案件を見ていても『コーディング案件』は非常に多いので、ここまでのスキルを習得してしまえば月に５~１０万円どころか、２０万円以上稼ぐことも可能かと思っています。（筆者の経験から）

【上級】中級レベルで作成したコーディングファイルをWordPress化する

【期間の目安：２週間~１ヶ月】本業としても挑戦できるレベル『月２０万円〜』

このレベルになればより単価の高い案件を獲得可能になります

具体的には

このような流れが一般的です

WordPressでのWeb制作案件の相場はだいたい１件につき２０~３０万円(企業に直接営業をする場合は４０万円以上も可能)なので、月に１件でも案件を獲得すれば生活できる計算になります

ここまでのレベルに到達すれば問題なくフリーランスになれるかと思います

Webデザイナー独学ロードマップ（Web制作で月収20万円稼ぐ）

受講前にAdobe『Photoshop』をインストール

なんでAdobe『Photoshop』が必要なの？

簡単にいうとAdobeが提供するPhotoshop / Illustrator / XDを使うことによって初めてWebデザインの基盤となるサイトデザインの作成ができるからです

つまり、AdobeツールはWebデザインをおこなうための『画材（絵の具や画用紙）』の役割を担ってくれるというわけです。絵を描きたいのに画材がないのは困りますよね。その代わり、WebデザインではAdobeツールが必要となってくるわけです。

どの『Adobeプラン』を選べばいいの？

実際に案件を受注する際には『Photoshop / Illustrator / XD』全てを使用するので『コンプリートプラン』以外の選択肢はないのですが、『通常価格5,680円 / 月』と、正直いって少々お高いので悩んでしまうかと思います。ただ、『Photoshop』をマスターすれば他のツールは１週間ほどで習得できてしまうので、今回はひとまず『Photoshop月々プラン』のみをインストールしましょう。月々プランならスキルを習得して実際に案件を獲得してからの『プラン変更』もしやすいのでおすすめです。

『Photoshop – 単体プラン』であれば飲み会1回分で周りと差がつくなら安いもんですよね。

Adobe料金プランを確認

Adobe『Photoshop』の購入方法

まずはCreative Cloudのプランと価格からお好みのプランを選び『購入する』を選択します

すると下の画像のような画面に遷移するので手順通りに記入し『注文する』を選択すれば完了です

２. Udemyで学習（１~２ヶ月）←重要です

ちなみにご紹介しているUdemy講座は『通学スクール100万円の価値はある内容』です。それらをセール期間中ならどの講座も基本的には2,000円以下で購入できるので超オトクです。

【もう失敗しない】Udemy『Webデザイン』おすすめ講座6選｜独学向け

３. ポートフォリオを作成（１ヶ月）

ポートフォリオってなに？

ポートフォリオは簡単にいうと実績を示すための作品集です

自分はこれだけのことができるんだぞ！とアピールする際に使います

クライアントに自分のスキルを理解してもらうためには必須です

ポートフォリオってなにを作ればいいの？

Webデザイナーの場合、具体的に何を作るのかというと

１のバナー作成はサイトのデザインを作る中で自然と触れることなので２の仮想店舗などのサイトデザインの作成を優先的に始めましょう

４. 営業資料・提案文章作成(１~２週間)

あなたの努力を集約したポートフォリオサイトが完成したら、あとは売り込むための良質な営業資料や提案文を作成しそれを案件獲得のために淡々とクライアントに送り続けるだけです

ここでこんな疑問を持つ方がいるかもしれません

言ってしまえば、商品のパンフレッドもなければメール内容もお粗末であるなんて営業される側としては商品を購入する以前の問題でNGですよね

ではさっそく営業資料と提案文をどのように作るのかみていきましょう！

これから解説する作成方法を参考にすれば案件の獲得率はアップします（たぶん）

営業資料の作成方法

基本的には同じような業態の企業にいくつか資料請求をして価格相場やパンフレッドの書き方を参考にします

資料の構成はほとんどパクってしまってもいいと思います(内容は変更してください)

価格については個人なので相場よりも安く記載するといいです(だいたい半額など)

提案文の作り方

ちょっと具体的に解説していきますね

ステップ１　自己紹介

下の例を参考に作成してみてください

ステップ２　クライアントのニーズ×あなたに仕事を依頼するベネフィット(得する情報)

提案文ではクライアントのニーズを把握しそれを自分なら解決できる、しかもお得ですよ。ということを強調しなければなりません

クライアントがこんな悩みを抱えていた場合

ステップ３　見積もりは具体的かつ詳細に

下の例を参考に作成してみてください

このように具体的に書いていきます

人間は抽象的でなんかよくわからないモノには警戒してしまうので、可能な限り詳細に書きましょう

５. 案件受注(２週間ほど)

案件はどこから獲得すればいいの？

フリーランス初期のあなたにオススメの案件獲得方法はズバリ！クラウドソーシングサービスを利用することです

知っている方も多いかもしれませんが、クラウドソーシングサービスとは仕事を依頼したいクライアントと仕事が欲しいワーカーをマッチングさせるサービスです

つまり、自分でクライアントリストを作成して営業をしなくても仕事がゴロゴロと転がっている場所ということです

なので前述の営業資料と提案文を作成したらどんどん案件に提案をしていきましょう

オススメのクラウドソーシングサービスはランサーズです

いくつか試してみた結論として、ランサーズ一択で問題ナシです！

案件を受注する上で注意すること

発注率の低いクライアントには提案しない【ランサーズのみ】

発注率の目安：６０％以上

発注率の低いクライアントにはどんなに質の高い提案をしても受注に至らない可能性が高いです

そのため発注率が６０％以上のクライアントのみに絞って提案をすることをオススメします

依頼文の日本語がおかしい案件には依頼しない【ランサーズのみ】

依頼文の日本語がおかしなクライアントとのやり取りほど非効率でストレスの溜まる仕事はありません

双方の認識にズレが生まれたり、メーセージに費やす時間がムダに増えてしまうためです

うーん・・まあ言いたいことはわかる。わかるけどこんな案件を取ったら苦労するのは目に見えてますよね

どれだけ切羽詰まっていても提案しないように気をつけてください

ひとこと言わせてください

独学だと不安な方におすすめのWebデザインスクール徹底解説

『デジタルハリウッドSTUDIO by LIG』

Webデザイナーなら誰もが知っているウェブ制作会社▶︎株式会社LIGが運営するWebデザインスクール『デジタルハリウッドSTUDIO by LIG』

特徴

最大の特徴は「Web制作会社が運営」していること。

他にはない魅力が多いのでお金と時間に多少の余裕がある方は『デジタルハリウッドSTUDIO by LIG』一択で間違いないと思います

費用

プランは下の４つから選べますが、Webデザイナーになりたいあなたにオススメのプランは『Webデザイナー専攻』もしくは『Webデザイナー専攻＋WordPress講座』です

もっと詳しく知りたい方はこちらから確認してみてください

評価

 このスクールの詳細ページ 

まとめ

最後まで読んでいただきありがとうございます。ちょっと長かったかとは思いますが、その分出し惜しみせずだれが実践しても確実に稼げるように書いたつもりです。この方法が唯一無二で他に方法はないとは言いませんが、ほんのちょっとでもあなたが初めの一歩を踏み出すきっかけになれたのなら幸いです。

最後に、Webデザイン学習と両立して『副業ブログで月5万円くらいを稼ぎたい方』におすすめの記事を紹介して終わりにします。