Web制作でフリーランス独立して月30万以上安定させた方法【完全保存版ロードマップ】

うしくん

Web制作のフリーランスとして独立して安定させたい・・・

Web制作を始めた人には、フリーランスとしての働き方に憧れを持って始めた人が多いと思います。

収入が安定しないフリーランスに挑戦するなら、月30万以上は稼げるようになりたいものです。

私はWeb制作フリーランスとして2020年4月に未経験から独立しましたが、始めの3ヶ月くらいまでは月10万程度しか稼げずなかなか安定しませんでしたが、4ヶ月目以降から安定して30万以上稼げるようになりました。

たんしお

2021年1月も60万近い受注額になったので7ヶ月継続して30万以上稼げてるよ!

ここには際立って特出した技術や知識があるわけではなく、基本的なWeb制作の知識を身につければ誰にでも再現可能な方法をとっていました。

たんしお

今回は僕が安定して毎月30万以上稼げるようになった方法をロードマップとして紹介するよ!

目次

基本的なWeb制作を勉強する

まずはWeb制作で案件をこなせるための基本的な能力を身に付けましょう。

今回は最終的にはエンドクライアントも制作会社も、どちらのクライアントの案件もこなせるようになっておきたいので必要な内容としては以下の通り。

  1. HTML/CSS
  2. Sass
  3. JavaScriptの基礎
  4. jQuery
  5. デザインデータからのコーディング
  6. PHPの基礎
  7. WordPressでオリジナルテーマ作成
  8. サーバー/ドメイン等の知識
  9. FTPツールの知識
たんしお

僕が実践した学習工程についてはnoteにまとめているので詳しくはこちらを参考にしてね!

完全無料Web制作ロードマップ

たんしお

noteを読むのが面倒な人のためにそれぞれの項目をざっくりとまとめるよ。

HTML/CSS

Progateドットインストールなどを用いてHTMLとCSSを適切に用いたサイト制作ができるようになりましょう。

1から書籍で勉強したい場合は以下のような書籍が最初の導入にはお勧めです。

1冊ですべて身につくHTML & CSSとWebデザイン入門講座 [ Mana ]
価格:2486円(税込、送料無料) (2021/2/14時点)楽天で購入

少しレベルは高いですが、CSS設計を詳しく学びたい場合は以下の書籍がお勧めです。

CSS設計完全ガイド 詳細解説+実践的モジュール集/半田惇志【3000円以上送料無料】
価格:3608円(税込、送料無料) (2021/2/14時点)楽天で購入

Sass

SassはCSSを使用しやすく、管理しやすくしてくれるものになります。

導入に少し障壁がありますが、その導入の手間を打ち消すほどに後の利便性が高く、規模の大きなサイト制作では確実に使用しないと大変なことになるので使えるようにしましょう。

Sassを実務レベルに学べる書籍は以下がお勧めです。

Web制作者のためのSassの教科書改訂2版 Webデザインの現場で必須のCSSプリプロセッサ [ 平澤隆 ]
価格:2640円(税込、送料無料) (2021/2/14時点)楽天で購入

また、Sassを用いたコーディングの練習として、模写などをしておきましょう。

HikoPro Blog | IT・テクノロジーで生活と仕事をもっと豊かに
【レベル別】模写コーディングにおすすめのサイトまとめ9選 | HikoPro Blog
【レベル別】模写コーディングにおすすめのサイトまとめ9選 | HikoPro BlogHikoPro こんにちは!大学生クリエイターでWebライター|エンジニア|YouTuberとして活動していま...

JavaScriptの基礎

JavaScriptはできることが多すぎて、ここで挫折する人が多いですが、Web制作の領域においては基礎を学ぶ程度でいいでしょう。

学習項目は以下の通り

  • 基本的な記述方法を知る
  • 変数の仕組みを知る
  • if文・while文・foreach文を使えるようになる
  • 関数を使えるようになる
  • イベント処理を覚える

jQuery

jQeuryはJavaScriptのライブラリで、簡単にJavaScriptの記述できるようにしたものです。

Webサイトのよく出てくる動きを実装するのに必須な技術で、詳しいJSの知識がなくても取り扱えます。

Webサイトでよく使うjQueryを勉強したい方のお勧めは以下の書籍です。

jQuery最高の教科書 [ シフトブレイン ]
価格:2838円(税込、送料無料) (2021/2/14時点)楽天で購入

デザインデータからのコーディング

実際の案件では、デザインをデザインカンプと言われるデータにしたものをコーディングし、Web上で閲覧可能な状態にする必要があります。

これらは模写とはまた異なる知識や能力が必要になるので、個別に練習が必要になります。

また、これまでに学んだSassやjQueryを用いてコーディングできると練習になっていいと思います。

無料のコーディング教材もありますのでぜひ試してみてください。

【無料練習素材】あなたはできる?模写コーディング腕試し!

PHPの基礎

この後学習するWordPressはこのPHPという言語で動いているため、PHPも基礎の部分を学習しましょう。

JS同様挫折する方が多いと思いますが、本当に基礎の部分で十分です。

学習項目は以下の通り

  • 基本的な記述方法を知る
  • 変数の仕組みを知る
  • 配列・連想配列を知る
  • if文・while文・foreach文を使えるようになる
  • 関数を使えるようになる
  • ファイル分割を学ぶ
  • セキュリティ対策を学ぶ

こちらもProgateドットインストールなどで学べます。

WordPressでオリジナルテーマ作成

WordPressまでできるようになると受注できる案件数も大幅に増え、エンドクライアントにも需要が大きく広がります。

オリジナルテーマが作成できるようになるまでには、それなりの学習時間とコストがかかることは覚悟したほうがいいです。

WordPressで実践的なコーポレートサイトをオリジナルテーマで作成する手順を学べる書籍としては以下がお勧めです。

ビジネスサイトを作って学ぶWordPressの教科書 Ver.5x対応版 [ プライム・ストラテジー ]
価格:3080円(税込、送料無料) (2021/2/14時点)楽天で購入

サーバー/ドメイン等の知識

案件の納品方法のもっとも多いものがサーバーにアップするものになります。

あわせて読みたい
【制作会社案件】コーディング納品方法まとめ
【制作会社案件】コーディング納品方法まとめあれ、気がついたけど完成した制作物はどうやって納品するんだろう・・・制作会社からコーディングの依頼を受けたら最初の段階で納品方法は確認しておくべきですが、納...

自身の制作実績やポートフォリオなどを実際にサーバーにアップして、その方法や勝手を理解しておく必要があります。必ずレンタルサーバーの契約をして、サイトを公開できる準備をしておきましょう。

レンタルサーバーは『エックスサーバー』『お名前.comサーバー』『ロリポップ』が主流で取り扱いに関する情報も多く、コストパフォーマンスを考慮しても一押しになりますのでまだサーバーを契約していない方は以下を参考にしてください。

月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』

★月額100円(税抜)~/WordPress簡単インストール! ロリポップ!レンタルサーバー ★

ドメインの運用ならお名前.comレンタルサーバーにお任せ★月額900円(税抜)~★

また、独自ドメインの取得は『お名前.com』を利用するのがもっともメジャーです。

ドメイン取るならお名前.com

FTPツールの知識

サイトをサーバーにアップする際にはFTPソフトを扱ってファイルをアップロードする必要があります。

Cyberduck』や『FileZilla』などのFTPソフトをインストールして、前項で契約した自身のレンタルサーバーに接続し、サイトをアップロードする流れを把握しておきましょう。

ポートフォリオを作成する

案件をこなすのに十分な学習を行ったら自分の能力や制作実績を証明できる名刺的な存在になるポートフォリオを作成しましょう。

このポートフォリオを持って営業をかけてることになるのですが、自らの能力を証明できるものはこれしかないのでここは拘って作りましょう。

仮に自分がWeb制作を制作会社にお願いするとなった時、自社サイトがダサい会社にお願いしたいと思うでしょうか。
コーディングの外注一つとっても同じことなのでポートフォリオは力を入れましょう。

たんしお

デザインに自身がないなら外注しちゃうのもありだと思うよー

制作するポートフォリオのポイント

僕が実際に制作会社に営業をかけてポートフォリオについていただいたフィードバックを基に、ポートフォリオ内に入れるといいと思う機能やポイントをまとめると以下になります。

  • 訪問者の興味を惹きつけるローディング画面の実装
  • ファーストビューにお問い合わせのボタン
  • JSを用いて適度に動きのある実装
  • 明瞭な料金表
  • 自分の顔写真や人となりがわかるプロフィール
  • これまでの制作実績へのリンク(コードが見れるもの)
  • WordPressを搭載しているサイト
  • セキュリティへの配慮(制作実績のベーシック認証やWPのログインページの変更)

ポートフォリオを持って営業をかけても全ての営業先にポートフォリオを見てもらえるとは限りません。

ただ、『営業がきたからなんとなくサイトを見てみた』という人に確実にいい印象を与えられるサイトを用意しておきたいところです。

営業をかける

ポートフォリオまで準備が整ったらついに営業をかけていきましょう。

ここで最初に営業をかける営業先にのおすすめは『クラウドソーシング』『制作会社』になります。

そして明確にどんな案件に狙いをつけるかもここで決めておきましょう。

クラウドソーシング案件の狙い

クラウドソーシングでは『LP制作』など、案件の手離れが早く、のちのち自分の実績にできる案件を狙いましょう。

ただしクラウドソーシングは注意が必要で、かなり競争率も高く、価格帯もかなり低く消耗しやすい案件が多く散見しております。

また、評価制度のため、新規参入者が簡単に制約できるものでもありません。
後の実績作りと割り切って安く受ける覚悟をすることも大事かもしれません。

また、安めの価格帯でいつまでも勝負していてはいつまで経っても安定して月30万以上稼ぎ出すのは難しいため、このプラットフォームには長いことい続けないよう、手離れのいい案件を数件こなして実績にすることを目標にしましょう。

たんしお

ちなみに僕は初案件はクラウドソーシング絡みだったけどそれ以降は利用してないよ。

制作会社案件の狙い

制作会社では『コーディング案件』や『保守・管理案件』を狙いましょう。

コーディング案件は、クラウドソーシングで書いたのと同じで、手離れのいい比較的簡単な案件を数多くこなすのが最初は吉でしょう。

簡単なコーディング案件だったら、実績があまりない最初の頃でもお願いしてもらえる可能性が高いので、自信を持って提案できるよう、コーディングの練習や実績は作っておきましょう。

個人的に強くお勧めするのは保守・管理案件です。

こちらは契約を結んだ制作会社次第ではありますが、時給や日給などで契約して、その制作会社が管理しているサイトの修正や変更を行うものです。

案件ごとの報酬ではないので、毎月安定して収入が入るので、駆け出しフリーランスにも制作会社にも嬉しい案件です。

たんしお

僕は2社からお願いされてたけど時給2000円と日給1万円で契約できて最初の頃は本当に助けられたよ!

制作会社への営業については別の記事でまとめていますのでそちらも参考にして営業をかけてみてください。

あわせて読みたい
Web制作フリーランスの営業徹底解説【Web制作は営業が全て】
Web制作フリーランスの営業徹底解説【Web制作は営業が全て】Web制作の勉強してサイトは作れるようになったけど、お仕事ってどうやって手に入れるの?降ってくるの?昨今プログラミングの学習コンテンツが増えてきて、Web制作でフ...
あわせて読みたい
Web制作会社との面談でよく聞かれることまとめ
Web制作会社との面談でよく聞かれることまとめこんにちは、たんしおです🐮制作会社に営業をかけて好感触な返信が来て、『是非一度面談しましょう』などと言われることがあるかもしれません。せっかくいい印象を持って...

ちなみに、独立直後の実績があまりない状態でいきなり大きめの案件を任されることはあまりないかもですが、もしも大きめの案件をお願いされそうだったら本当に自分にこなせるか吟味して、時には断る勇気を持つことも大切です。

大見得切って難しい案件を受けてしまって、結局こなせなかったらその企業との繋がりはおしまいです。

この先大事になってくるのは継続的に仕事を依頼される関係性作りなので、無理ならできないと言ってしまってOKです。

たんしお

このことについては次で解説するよ。

実績と関係性を築く

営業をかけてそれなりに案件をお願いされるようになってきたら一度案件に集中しましょう。

たんしお

制作会社と仕事をする基本的な流れは別記事にまとめてあるから参考にしてね!

あわせて読みたい
【駆け出しフリーランス必見】Web制作会社と一緒にお仕事をする基本的な流れ
【駆け出しフリーランス必見】Web制作会社と一緒にお仕事をする基本的な流れ業務の流れもよくわからないし迷惑かけそうだから制作会社の人とお仕事一緒にするの怖い・・・実務経験のない人間がプロ集団の制作会社と一緒に仕事をすることを怖がっ...

継続案件のメリット

クラウドソーシング系の案件は単発の可能性が高いですが、制作会社案件の場合は高確率でいい仕事をこなせば継続的に案件の依頼をもらえるようになります。

継続的に同じ制作者にお願いすることは制作会社側にもメリットがあります。

制作会社側のメリット

  • その人の仕事ぶりを理解できている
  • その人の技術レベルを理解できている
  • 新たな外注先を探す手間が省ける
  • 新たな同様の営業の話を聞く時間を省ける
  • コミュニケーションの基盤が築けている
たんしお

制作会社側にも継続的にお願いするメリットがあることを理解して業務に当たろうね。

新たな外注先を作ることは、制作会社側にとって主に『時間のコスト浪費』と『人間的・技術的不安』を生み出すことになるので、確実に信頼できる外注先に継続的にお願いする方がメリットは大きいのです。

なので実は一度関係性を築ければ継続で案件をもらうのは比較的簡単です。

たんしお

僕も10社以上の制作会社と関わってるけど、継続でお願いされた会社は7社以上あるよ。

フリーランス側のメリット

こちらは言わずもがなですが、新たな営業先を探す必要なく、仕事の依頼を定期的にくれるクライアントができることは大きな強みで、この関係性を築けた制作会社の数が多ければ多いほど安定的に月30万以上稼ぎ出すことが可能になります。

たんしお

てことで『継続関係をもらえる関係性の構築』を念頭に仕事に当たろうね!

継続案件をもらう信頼関係の築き方

継続案件をもらえる関係性を築くには、先ほど書き出した『制作会社側のメリット』を抑えて、実行できるようにしておけばOKです。

制作会社にメリットを確実に感じてもらうためには以下のことを満たせればいいと言うことになります。

  • 真面目で丁寧な仕事ぶり
  • できること・できないこと・得意なことが明瞭
  • 明瞭で安定した価格感の提示
  • 迅速で丁寧なコミュニケーション

これらもまとめると、『時間のロスが少ない』『人間的・技術的に信頼できる』人間であることが大事なので、それらをアピールできる仕事ぶりを意識しましょう。

たんしお

そのために僕が意識してたことは下のような感じだよ。

  • 即レス/即対応
  • 適切な報/連/相
  • こまめな進捗報告
  • 指定の納期の前に納品
  • こちらからも積極的に提案
  • 見積もりを項目ごとに細分化
  • 箇条書きなどを用いて読みやすい文章

正直受けた仕事を完遂仕切らず飛んでしまうフリーランスもいるくらいなので基本的なビジネスマナーを守り、誠実に対応すれば信頼を勝ち取るのはそこまで難しくないです。

強気な営業・提案を行う

継続的に依頼をもらえる関係性がいくつか作れたら再び営業に戻りましょう。

今度の営業の狙い目は『制作会社』『Webマーケ/コンサル会社』『エンドクライアント』になります。

またこの営業フェーズでは前回よりも高単価で提案するよう価格表を改訂しておきましょう。

制作会社案件の狙い

これまでの実績や経験、新たにできるようになったことを武器に規模の大きめな高単価案件を狙いましょう。

狙いとしては『コーディング&WordPress構築案件』『コーポレートサイト制作案件』などです。

この時の提案金額もこれまでの金額より高めを提示してみましょう。

金額を高めに設定して提案するのは勇気のいることだと思います。
ですが、これまでの継続案件をもらえる繋がりがあるので、この新規営業先がダメだったとしてもマイナスは全くないので、自信を持って自分の欲しい額を提示しましょう。

たんしお

ここでこれまで築き上げてきた関係性が心理的アドバンテージに働くと言うことだ!

Webマーケ/コンサル会社案件の狙い

Webマーケ会社やWebコンサル会社は、大きな企業などのWeb案件をとってきて、マーケティングやコンサルティングをメインに行っているので、制作部分は外注しているケースが多いです。

また、会社によっては大手の案件を抱えていたりするので、制作会社が持っている案件よりも予算規模が大きい場合が多いです。

たんしお

エンドも予算規模が大きければ相場の感覚も異なるので、高めの金額設定でもあっさり通ったりするよ。

これまでの実績を提示して、まるっと制作を任せられる実力を証明しましょう。

エンドクライアント案件の狙い

エンドクライアントは狙う業種によってWebに割ける価格感が大きく変わりそうですが、直受けであれば制作会社やマーケ会社等のマージンが発生しないので、制作費を全て得られるメリットがあるので高単価になりやすいです。

また、提案の手法によっては、管理費用やその他運用費用などの付加価値も提案できるので、価格を自分で作っていけるのが高単価に繋がりやすいメリットです。

たんしお

エンドなどまるっと請負う依頼は制作以外の知識が必要になったりするので、提案は慎重に、相手の企業のメリットを提示できるようにしてから挑戦しようね!

エンドクライアント等の注意

エンドクライアント案件や、コンサル会社からまるっと制作をお願いされるような案件は制作会社が間に入っていないため、制作以外の面でトラブルが発生しやすいです。

Webサイトを公開するまでの流れ全てやWeb全般の知識などを身に付けてトラブルが発生しないような状態になってから案件を取りにいきましょう。

たんしお

中途半端な知識で挑むと炎上しがちで、裁判沙汰になることもあったりするので注意が必要だよ。

まとめ

今回はWeb制作フリーランスとして独立して月30万以上安定して稼ぐためのロードマップを紹介しました。

まとめると以下のようになります。

  1. 基本的なWeb制作スキルを学ぼう
  2. 学んだスキルを活かしたポートフォリオを作成しよう
  3. クラウドソーシングや制作会社に営業して実績と信頼を築こう
  4. 継続案件をもらえる関係性を築けたらさらに高単価な案件を狙おう
うしくん

確かにこれなら僕にも再現できそうだ!

たんしお

念頭に置いておくべきことは安定するには時間がかかること!粘り強く自分を信じて頑張ろう!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!