今回の記事では独学・未経験からWebデザイナーとして３ヶ月で稼げるようになるための手順をご紹介します。筆者自身、完全未経験から３ヶ月独学のみでWebデザイナーとして月に２０万円稼げるようになったロードマップなので是非試してみてください。
こんな悩みや疑問を解消できる記事内容になっています。
ふたご
- Webデザイナーになってみたいとは思うけど具体的にどうすればなれるのかわからない。
- できれば時間もお金もあんまり使いたくないな。
- どこのサイトも同じようなこと書いてあるけど結局どの方法が正しいのかな。
- Webデザイナーにはどんなスキルが必要なの？
そんな疑問は全て払拭できます
まずはさらっとでもいいので読み進めてみてください
３ヶ月で独学・未経験からWebデザイナーとして月収２０万円稼げるようになった筆者が解説していきます。あなたがWebデザイナーになるための方法論を検索する作業はこの記事で最後になることでしょう。
ふたご
目次
2020年にWebデザイナーへの転向がオススメな５つの理由
ふたご
１. パソコンひとつあればどこにいても稼げる
想像してみてください。
時間にとらわれずパソコンを片手に仕事をしている自分の姿を
行きたいと思い立ったその翌日には南の島に向かう飛行機の中でワクワクしている自分の姿を
実績を積み上げていくことでWebデザイナーがあなたの本業になり、どこにいてもパソコン一台さえあれば稼げる状態になります
これからは朝一の臭くて不快な満員電車に乗ることも、尊敬のできない上司に愛想笑いして疲れることもなくなるのです
ふたご
２. ３ヶ月全力で学習すれば月3万~5万円なら確実に稼げる
たった３ヶ月。
あなたの人生のうちほんの４００分の１の時間を費やせば副業で月に３~５万円稼げるようになるのです
今よりも月に３~５万円も余分に収入が入ってくるとしたらあなたはなににお金を使いたいですか？
海外旅行に行きたい・・
新しいパソコンが買いたい・・
親孝行がしたい・・
知識欲を満たすために本に囲まれた生活がしたい・・
健康的な生活がしたい・・
これは筆者が当時思っていたことです
あなたも副収入を得たりフリーランスとして働くことで叶えたいなにかがあるはずです
叶えましょう！
もちろんそのためには３ヶ月という期間は仕事でヘトヘトでも朝眠くても無理やりにでも時間を捻出してもらいます
- 8:00 – 9:00 出勤前に職場近くのカフェで学習『１時間』
- 10:00 出勤
- 12:00 – 13:00 休憩時間に食事をしながら動画学習『１時間』
- 20:00 退勤
- 21:00 – 23:00 帰宅後、自宅にて学習『２時間』
ふたご
３. コーディングも同時に学習すれば案件が多く仕事に困らない
次の章で詳細は話していきますが、Webデザイナーの仕事にはPhotoshopやIllustrator(Adobeが提供しているデザインツール)を使ってデザイン素材を作成することに加え、実際にそのデザインをブラウザで反映できるようにするコーディングという作業があります。
コーディングと言ってもエンジニアが使うようなハイレベルな言語ではなく、HTML, CSSという１ヶ月ほど学習すれば身に付くレベルの言語なのでご安心を。はっきり言って簡単です
これは最悪できなくてもなんとかなるのですが、学んでおくことでWebサイトの制作案件などコーディング込みの案件が取れるため仕事の幅が広がります。つまり稼げる額が跳ね上がります。
おすすめは断然WordPressです！
４. 高度なコーディングスキルが不要(HTML,CSSだけでOK)
前述でも少し触れましたがWebデザイナーにはハイレベルなコーディングが不要です
HTML, CSS(仕事の幅をさらに広げたい方はJavaScriptも)だけ後々やっていけばOK！
まずはWebサイトやLPのデザインを作成できるレベルを目指しましょう
ふたご
５. フロントエンドエンジニアへの転向がしやすい（月収５０万以上も狙える）
コーディング(HTML, CSS)もできるWebデザイナーの場合、フロントエンドエンジニアに転向するのもアリです
案件も収入も増えるのでフロントエンドのコーディング(Vue.jsなど)が好きな方には非常に向いています
特に企業で契約社員として働く場合には収入が爆上がりの可能性大（目安：５０万以上）
ただし、コーディングが苦手or嫌いな方はWebデザイナーとして実績を積んだ方がいいです
ふたご
未経験からWebデザインで稼ぐ方法３選
ふたご
【初級】PhotoshopでWebサイトやLP(ランディングページ)のデザインを作成
【期間の目安：１ヶ月~２ヶ月】副業にオススメのレベル『〜月５万円』
このレベルに到達できれば月に３万円ほどは稼げるので副業レベルは達成です
まずはWebサイトやLPのデザインを作るためにAdobeが提供しているPhotoshopやIllustratorをインストールします
インストールしてから１ヶ月半ほど学習すればデザイン案件を獲得できるレベルのスキルが身につきます
学習の手順は後ほどロードマップの章で紹介しますのでご安心ください
ふたご
【中級】Photoshopで作成したデザインを元にJimdoまたはWix.com(ノーコードサービス)でWebサイトやLPを作成
【期間の目安：２ヶ月~３ヶ月】もう少しで本業を目指せるレベル『月５万円〜１０万円』
Photoshop(Illustrator可)で作成したサイトデザインを元にJimdoまたはWix.comにて実際にWebページを作ります
JimdoまたはWix.comを使えばWebページを作成するのにコーディングは一切不要です
加えてブラウザ上に公開までできてしまうのも非常に便利です
JimdoまたはWix.comを使ってのWeb制作は２週間も練習すれば身につくので学習コストが少なく稼ぎやすいのも魅力の１つです
ふたご
【上級】PhotoshopでWebサイトやLPのデザインを作成し、それを元にコーディングでブラウザに反映できる状態する(WordPressがオススメ！)
【期間の目安：３ヶ月~】本業としても挑戦できるレベル『月１０万円〜』
このレベルになればより単価の高い案件を獲得可能になります
具体的には
このような流れが一般的です
WordPressでのWeb制作案件の相場は大体１件につき５~１０万円(企業に直接営業をする場合は２０万円以上も可能)なので、月に２~３件ほど案件を獲得すれば１０万円を超える計算ですね
ここまでのレベルに到達すれば問題なくフリーランスになれるかと思います
ふたご
未経験から３ヶ月でWebデザイナーとして稼ぐためのロードマップ(５ステップ)
ふたご
１. Adobeをインストール
なんでAdobeが必要なの？
ここまで読んでもらえた方にはAdobeの必要性がわかっていただけたかと思います
簡単にいうとAdobeが提供するPhotoshopを使ってWebデザインの基礎となるサイトデザインの作成ができるからですね
作成したファイルを画像データとしてコードに埋め込んで使用できるのもありがたい点です
Adobeのどのプランを選べばいいの？
社会人の場合
中級レベルを目指す方は『Photoshop – 単体プラン』・上級レベルを目指す方は『コンプリートプラン』を購入しておけば間違いないです
学生の場合
学生は格安なので迷わず『コンプリートプラン』にしましょう
いろんなことに挑戦してみたい！という学生さんとかはより多くのAdobeツールで遊んでみることをおすすめします
Adobeの購入方法
まずはCreative Cloudのプランと価格からお好みのプランを選び『購入する』を選択します
すると下の画像のような画面に遷移するので手順通りに記入し『注文する』を選択すれば完了です
ふたご
２. Udemyで学習（１~２ヶ月）
ふたご
３. ポートフォリオを作成（１ヶ月）
ポートフォリオってなに？
ポートフォリオは簡単にいうと実績を示すための作品集です
自分はこれだけのことができるんだぞ！とアピールする際に使います
クライアントに自分のスキルを理解してもらうためには必須です
ふたご
ポートフォリオってなにを作ればいいの？
Webデザイナーの場合、具体的に何を作るのかというと
- Adobeツール(Photoshopなど)を使ってサイトに入れ込むバナーの作成
- Adobeツール(Photoshopなど)を使って仮想店舗などのサイトデザインの作成
- 作成したデザインを参考にWordPressでコーディングをしてサイトを公開する
１のバナー作成はサイトのデザインを作る中で自然と触れることなので２の仮想店舗などのサイトデザインの作成を優先的に始めましょう
ふたご
４. 営業資料・提案文章作成(１~２週間)
あなたの努力を集約したポートフォリオサイトが完成したら、あとは売り込むための良質な営業資料や提案文を作成しそれを案件獲得のために淡々とクライアントに送り続けるだけです
ここでこんな疑問を持つ方がいるかもしれません
- 案件の受注量＝営業での接触数×案件獲得率であり、そのうちの案件獲得率を上げるため
- 前もって資料や提案文を用意することで効率よくクライアントへの接触数を増やすことができる
- だれも営業資料や提案文が疎かな人間からはモノを買わない。フリーランスや副業といえど、クライアントからすれば関係のない話。
言ってしまえば、商品のパンフレッドもなければメール内容もお粗末であるなんて営業される側としては商品を購入する以前の問題でNGですよね
ふたご
ではさっそく営業資料と提案文をどのように作るのかみていきましょう！
これから解説する作成方法を参考にすれば案件の獲得率はアップします（たぶん）
営業資料の作成方法
基本的には同じような業態の企業にいくつか資料請求をして価格相場やパンフレッドの書き方を参考にします
資料の構成はほとんどパクってしまってもいいと思います(内容は変更してください)
価格については個人なので相場よりも安く記載するといいです(だいたい半額など)
ふたご
提案文の作り方
ステップ１ 自己紹介
ステップ２ クライアントのニーズ×あなたに仕事を依頼するベネフィット(得する情報)
ステップ３ 見積もりは具体的かつ詳細に
ちょっと具体的に解説していきますね
ステップ１ 自己紹介
下の例を参考に作成してみてください
はじめまして。
Webデザイナーの○○と申します。
貴社のサイトを拝見させていただき、アクセス数の増加や商品の購買促進のお役に立てると思いご連絡させていただきました。
私の経歴としましては
・・・
以前に作成した作品は△△△からご確認いただけますと幸いです。
ステップ２ クライアントのニーズ×あなたに仕事を依頼するベネフィット(得する情報)
提案文ではクライアントのニーズを把握しそれを自分なら解決できる、しかもお得ですよ。ということを強調しなければなりません
クライアントがこんな悩みを抱えていた場合
・アクセス数アップのためのSEO対策
・購買率アップのためのユーザビリティの強化
こちらは無料でお受けいたします
ふたご
ステップ３ 見積もりは具体的かつ詳細に
下の例を参考に作成してみてください
【お見積もり】
- トップページ制作費：3万円
- 下層ページ制作費：1万円 × 5ページ
- WordPressインストール費用：3万円
- WordPressの初期設定費用：2万円
- SEO対策：無料
- ユーザビリティの強化：無料
- 合計：13万円
このように具体的に書いていきます
人間は抽象的でなんかよくわからないモノには警戒してしまうので、可能な限り詳細に書きましょう
ふたご
５. 案件受注(２週間ほど)
ふたご
案件はどこから獲得すればいいの？
フリーランス初期のあなたにオススメの案件獲得方法はズバリ！クラウドソーシングサービスを利用することです
知っている方も多いかもしれませんが、クラウドソーシングサービスとは仕事を依頼したいクライアントと仕事が欲しいワーカーをマッチングさせるサービスです
つまり、自分でクライアントリストを作成して営業をしなくても仕事がゴロゴロと転がっている場所ということです
なので前述の営業資料と提案文を作成したらどんどん案件に提案をしていきましょう
オススメのクラウドソーシングサービスはランサーズです
いくつか試してみた結論として、ランサーズ一択で問題ナシです！
でもどんな案件に応募すればいいの？自分のスキルでできるのかな・・
ふたご
クラウドソーシング
- 単価低め
- 参入障壁が低い(未経験でも案件を獲得しやすい)
- 競合が多い
- 比較的簡単な案件が多い
- 継続案件はほとんど期待できない
法人営業
- 単価高め
- 参入障壁が高い(実績ナシで案件を取るのは至難の業)
- 競合が少ない
- 比較的ハイレベルな案件が多い
- 継続案件は初回の仕事内容が良ければ期待できる
ふたご
案件を受注する上で注意すること
ふたご
発注率の低いクライアントには提案しない【ランサーズのみ】
発注率の目安：６０％以上
発注率の低いクライアントにはどんなに質の高い提案をしても受注に至らない可能性が高いです
そのため発注率が６０％以上のクライアントのみに絞って提案をすることをオススメします
依頼文の日本語がおかしい案件には依頼しない【ランサーズのみ】
依頼文の日本語がおかしなクライアントとのやり取りほど非効率でストレスの溜まる仕事はありません
双方の認識にズレが生まれたり、メーセージに費やす時間がムダに増えてしまうためです
弊社運営の美容院でHPをリニューアルすることなりますた
いまのHPを10年経過したがオシャレじゃない
WordPress？Wix?よくわからないですけど相談してください
納期は急いでいないですが。早いのがいいです
参考URLは貼っておくので見てからの連絡ください
レス早い人おながいしまう
うーん・・まあ言いたいことはわかる。わかるけどこんな案件を取ったら苦労するのは目に見えてますよね
どれだけ切羽詰まっていても提案しないように気をつけてください
ふたご
ひとこと言わせてください
ふたご
独学だと不安な方におすすめのWebデザインスクール徹底解説
ふたご
『デジタルハリウッドSTUDIO by LIG』
Webデザイナーなら誰もが知っているウェブ制作会社▶︎株式会社LIGが運営するWebデザインスクール『デジタルハリウッドSTUDIO by LIG』
特徴
最大の特徴は「Web制作会社が運営」していること。
- 豊富なWeb制作ノウハウをもとに教材が作られている
- Web制作会社が運営していることもあり、言葉だけでなく、本質的にフリーランスレベルの即戦力スキルが身に付く
- 運営もとがIT企業なのでWebデザイナー転職のサポートが段違いに手厚い
- 獲得できるスキルレベルや受講期間の長さやサポート、講師陣の質の高さなどを踏まえると腰抜かすレベルで価格が安い
- LIG運営のコワーキングスペース使い放題
- 現役クリエイターによる直接指導
他にはない魅力が多いのでお金と時間に多少の余裕がある方は『デジタルハリウッドSTUDIO by LIG』一択で間違いないと思います
費用
プランは下の４つから選べますが、Webデザイナーになりたいあなたにオススメのプランは『Webデザイナー専攻』もしくは『Webデザイナー専攻＋WordPress講座』です
もっと詳しく知りたい方はこちらから確認してみてください
評価
ふたご
まとめ
最後まで読んでいただきありがとうございます。ちょっと長かったかとは思いますが、その分出し惜しみせずだれが実践しても確実に稼げるように書いたつもりです。この方法が唯一無二で他に方法はないとは言いませんが、ほんのちょっとでもあなたが初めの一歩を踏み出すきっかけになれたのなら幸いです。
今回のようなHOW TO記事の他にもCSSだけで作るアニメーションの記事などもありますので興味のある方は是非ご一読ください。
ついでに読んでおくと得する記事
- ブログを始めるメリットってなんだろう？
- ブログって稼げるのかな？
- どれくらいの期間継続したら稼げるようになるのかな？
- ブログ開設でかかる費用っていくらだろう？
- ブログ始めてみたいけど何から始めればいいんだろう？
こんな悩みを全て払拭できます。
- スクールに通うか独学かで迷ってる・・
- Udemyの講座選びで失敗したくない・・
- 初心者からでもWeb系スキルを習得できるUdemy講座を教えてほしい・・
- Web系初心者でも学習しやすいUdemy講座がいいな・・
- Web系スキルを活かして稼ぎたい・・
こんな悩みを全て払拭できます。
- Webデザイナーになってみたいとは思うけど具体的にどうすればなれるのかわからない。
- できれば時間もお金もあんまり使いたくないな。
- どこのサイトも同じようなこと書いてあるけど結局どの方法が正しいのかな。
こんな悩みを全て払拭できます。
