Webデザイン Web制作

【初心者向け】ただの会社員が3ヶ月で副業Webデザイナーとして月15万円を稼いだ方法

2021.09.15

※当サイトはプロモーションを含む場合があります。

未経験、スキルなし、凡人会社員でもたった3ヶ月で稼げるWebデザイナーになれるのかな?

本記事では、こういった悩みを解決します。

この記事を書いた人

ちなみに、プログラミングとWebデザイン学習前の僕は

  • 本業後はゲームかYoutube
  • 土日は2日とも遊びに出かける
  • 大学時代にプログラミング初級を落単
ノア

典型的な何も考えていないスキルなし凡人サラリーマンでした。

そこから、3ヶ月間プログラミングとWebデザインを学習したことで

  • Twitterフォロワー数 0人→1300人以上
  • 副業Webデザイナー収益 合計30万以上
  • ブログ開設初月で1.6万円の収益
ノア

本当にただのサラリーマンから、人生が大きく変わりました!

本記事では、そんなスキル無しのただの未経験会社員だった僕が「どうやって3ヶ月で副業月15万円を稼げるWebデザイナーになれたのか」を解説します。

この記事を読むと、あなたが3ヶ月後に月15万円を稼ぐイメージが掴めます

そして、僕が執筆していることを素直に愚直に行動したら、僕の実績を成し遂げることはできます。

今プログラミングやWebデザインの学習をしているけど、稼げるイメージが沸いていない方。

これから個人で稼げるスキルを身につけていきたいと考えている方。には必ず参考になる部分があると思います。

ぜひ、一つの参考として最後までご覧ください。

ただの未経験会社員が3ヶ月で月15万稼ぐ副業Webデザイナーになるためにやったこと

タイトルの通り、完全プログラミング未経験が会社員をしながら3ヶ月で月15万円を達成できました。

会社員しながら3ヶ月で月15万稼げたなんて嘘だろ?そう思う方もいるかもしれませんが、できました。

(前提としてホワイト企業に勤めています。)

正しい戦略を立てましょう

まず初めに、僕はいかに効率的に稼ぐかの”戦略”を立て、それに適したスクールや教材への投資圧倒的な”時間”を集中投下しました。

プログラミング学習を効率的に進めるには”正しい戦略”と”短期集中の学習時間”が大切です。

ノア

意外とこの戦略設計をせずに学習を進めてしまう人が多いんですよね。。。

そして、そのためには自分のゴール(なりたい姿)を設定してください。

ノア

僕は、CodeCampの無料カウンセリングをうまく活用して、どのようなキャリアを歩むべきかをプロの現役エンジニアに相談しました!

これは本当に大事で、戦略を考えていない人はこういった無料カウンセリングをうまく活用して戦略を立てるのがおすすめです。

自分なりのゴールを設定し、そこから逆算して行動していくことが大切です。
>> CodeCampの無料カウンセリングはこちら

ノア

カウンセリングを踏まえて、僕はエンジニア転職ではなく、副業として稼ぐことをゴールとして設定し、そのための学習戦略を立てていきました!

私の学習時間と投資金額

そして、こちらは参考までに私の学習時間と投資金額です。

学習時間

平日1日 4~6時間
休日1日 10~14時間

教材・スクールコスト

約20万円(デイトラ,Progate,Udemy,書籍など)

このくらいで、ようやく3ヶ月で結果が出るといった感じです。

この時期だけは友達と遊ぶのを我慢していました。

ノア

当時の1日の過ごし方は下記記事で紹介しています!

あわせて読みたい

投資金額については、僕は稼げる自信と忍耐力を自負していたので20万突っ込みましたが、いきなり高額な教材を購入しないことをおすすめします。

世の中には無料の良質な情報が溢れているからです。

  • CodeCampなどの無料カウンセリングをうまく活用して学習のゴールを設定する。
  • それにあった無料の情報を集める。またはスクールを探す。
  • 短期集中で学習時間を投下する。

という手順をお勧めします。

もしスクールに通うのであれば、時間と場所を固定されないオンラインスクールをおすすめします!

僕はデイトラのWeb制作コースを使用して学習しましたが、現在の値段とコース内容を踏まえると、個人的にはCodeCampのWebマスターコースを選ぶと思います。
>> CodeCampのWebマスターコースはこちら

ノア

そのことを踏まえた上で、それぞれ順に沿って解説していきますね!

Progate(HTML&CSSの理解)

まずは、Progateというオンライン学習サイトでプログラミングの基礎を学習しました。

無料でもできますし、有料でも月額1000円程度なので、おすすめです。

ノア

僕は有料で学習していました!

①HTML&CSS②Sass③JavaScript④jQueryの順番で4つのコースを1週間程で終わらせました。

ここについては、とにかく早く終わらせて「プログラミングとは」の全体感を掴めればOKです。

0円のプログラミングスクールという近道

Progateだけでは心配という方はCodeCampの無料体験レッスンを活用しましょう。

無料体験で現役講師とビデオチャットできます。ゴリゴリ営業されませんし、契約しなくてもOKです。
>> CodeCampの無料体験レッスン

ノア

僕は、無料で現役エンジニアに戦略相談をできるチャンスはなかなかないと思ったので迷わず使いました。笑

デイトラのWEB制作コースを受講

次に、オンラインスクールの”デイトラ”WEB制作コースを受講しました。

決め手は、オンライン完結でプロからプログラミングを学べる教材の中で安かったのがデイトラだったからです。

今であれば他にもあると思いますが!

ノア

スクールがいろいろあって悩むかと思いますが、プロのエンジニアに1から体系的にしっかり学習したい方はデイトラおすすめです!

受講した感想は下記記事で紹介しているのでよければ覗いてみてください。

あわせて読みたい

デイトラのWEB制作コースは90日のコースを約40日で終了させました。(実務で必要と感じた箇所のみやりました。)

もしスクールにお金をかけるのが厳しければ、下記の書籍がコスパ良いのでおすすめです。

多少の自走力さえあれば、書籍でも十分稼げるようになります!

デイトラのWEBデザインコースを受講

次に、デザインもできた方が提案の幅も広がると考え、デイトラのWEBデザインコースを受講しました。

ノア

このあたりでコーディングができるだけではなく、デザインもコーディングもできるWebデザイナーになることを決意しました!

(結局2コースを受講するならCodeCampのWebマスターコースだけでよかったのでは…とも思いました笑)

ここでは、かなり実践に近いデザインや営業、契約の考え方を教わりました。(詳しいレビューは下記記事で紹介してます。)

あわせて読みたい

こちらも90日のコースでしたがボリューム的に14日ほどで終わりました。(実務で必要と感じた箇所のみやりました。)

デイトラのWEBデザインコースはFigmaを使った学習で、FigmaはTwitterの図解作成やヘッダー作成などさまざまなシーンで多用しています。

Figmaを使いこなせるようになったのは大きいです!

ノア

ブログのアイキャッチ画像やTwitterのヘッダー画像もFigmaで作っています!

WordPressの勉強

次に、単価の高い案件を獲得できるよう、WordPressを学習しました。

ノア

詳しい勉強方法は下記記事で解説しています!

あわせて読みたい

WrodPressの学習には、主に下記2つを利用しました。

たにぐちまことさんのYoutube動画

まずは、たにぐちまことさんのYoutube動画で手を動かしながらサイトを作成しました。

初心者にもわかりやすく噛み砕いた解説をしてくれています。あと、口調が優しく心地よいです!

たにぐちまことさんのYoutube動画

仕事の現場でサッと使える!デザイン教科書”WordPress”

その後、書籍を学習しながら応用としてポートフォリオサイトを作成しました。

書籍は実際の案件対応でも辞書感覚で使っています。

ノア

正直、おすすめではなくWordPress案件をこなす上では"必須"という感じです。

それでもWordPressをもっと理解したいと思い、下記記事で紹介している書籍とUdemyの「WordPress開発マスター講座」を並行して使用していました。

あわせて読みたい

ポートフォリオサイトの制作

次に、ポートフォリオサイトを制作しました。

基本的にデイトラWEB制作コースで作ったものをベースにいくつかサイトを作成しました。

これによって、効率的にポートフォリオサイトをいくつも作成できます。

当然、コンセプトやこだわりポイント、デザインとしての機能も計算して設計しています。

ちなみに、スクールで作ったデモサイトをそのままポートフォリオとして営業しても正直、厳しいです。

僕はこの時に作成したポートフォリオサイトで、WEB制作会社へのパートナー連携営業では2日で4社・1週間で7社と提携することができました。

ちなみにツイッター企画でポートフォリオサイトをお見せしましたが140RT以上と予想外の大反響でした。

評価されるポートフォリオサイトの作成方法については長くなるので後日、別の記事で詳しく解説します。

相手にされないポートフォリオは下記記事で解説していますので、よければご覧ください。

あわせて読みたい

また、サーバーやデータベースの扱いについてはポートフォリオサイトを作る過程で習得しました。

営業:クラウドワークス

ポートフォリオサイトを作成した後は、ついに営業です。

の前に、トラブルを起こさない為にも、契約関連ってどんなものがあるのかを確認してから営業に移りました。

下記記事で最低限押さえておきたい契約知識を紹介しているので良かったら確認してみてください。

あわせて読みたい

そして、営業。

僕はクラウドワークスで営業を始め、初案件を獲得しました。
正直、案件の進め方もわからず、提案はかなり心配でした。

ただ、すぐ案件を取れるわけないかと思い、とりあえず10件ほど提案すると、すぐに2件決まりました。

ノア

嬉しい誤算でした。

参考にしたブログ

クラウドワークスでの提案時に気をつけたことに関しては後日執筆したいと思いますので、お待ちください。

営業:Web制作会社

ここからWEB制作会社への営業を始め、2日で4社・1週間で7社とパートナー提携を結ぶことができました。

ちなみに、"Twitterでかなり反響のあった"制作会社への営業で使用していた営業文は下記記事で公開しています。

あわせて読みたい

具体的な営業数や返信数は下記の通り

  • 営業数 150社
  • 返信数 10社
  • 提携数 7社(2件断り、1件断られました。)

正直、このスピード感で企業様と提携できたのは予想外でした。

企業と提携するまでのステップは「営業メール→返信あり→オンライン面談→提携」という形になります。

WEB制作会社の営業手法や提携に向けて準備したことのすべては下記記事で解説しています。

あわせて読みたい

その為、ポートフォリオサイトのクオリティだけでなく、オンライン面談での受け答えなど、コミュニケーション面もみられていたと感じます。

面談で聞かれる内容は下記記事で紹介しています。

あわせて読みたい

上記の記事に書かれている、質問される内容などを読めばわかりますが、

ズバリ、提携を勝ち取るのに必要なのは「信頼」「技術力」「コミュニケーション能力」です。

また、ここで1件10万円以上の制作案件をご依頼いただき、初案件獲得から割とすぐに月15万達成となりました。

かなり順風満帆に見えますが、実はかなり細かく泥臭い準備をしていたので、このような成果を達成できました。

まとめ

以上が僕が副業Webデザイナーとして月15万円を稼ぐまでにやったことです。

学習において、初めに全体感を掴むことは非常に重要なことです。

ノア

このやり方で進めた方がいい。というわけではありませんが、参考にできるところは参考にして、自分に落とし込んで学習を進めてください。

そして、悩むことがあれば無料カウンセリングなどをうまく活用して、すぐに悩みを解決することが大切です。

最後に

私はこの3ヶ月間はプログラミングを中心とした生活を過ごしました。

その結果、会社員をしながら短期間でこのような成果を達成できました。(まだまだ上はいますが。)

プログラミングは決して楽に稼げるわけではありません。
ただ、行動すれば必ず結果は出ます。同時に、怠けた分も必ず出ます。
諦めなければ、負けはありません。
なので、一緒に楽しくコツコツと努力をして頑張っていきましょう!

最後まで読んでいただきありがとうございます。

なにかわからないことがあったらTwitterのDMやリプでお気軽にご連絡ください!

>> ノアのTwitterアカウント

  • この記事を書いた人

ノア

ITベンチャー会社員(25)|副業で月7桁稼ぐ私が、NFT・メタバース・仮想通貨や副業などのマネーハック情報をお届けするブログです。

-Webデザイン, Web制作