WEB制作フリーランスになるロードマップ【現役フリーランスが詳しく解説】

こんにちはTERUです。
フリーランスでWEB制作を仕事にしています。

読者の悩み

• 会社以外に副業やフリーランスでお金を稼ぐスキルを身につけたい
• WEB制作って、最近よく聞くけど自分にもできないかな？
• このまま会社で働き続けるのは、しんどいし不安だな

「仕事内容が自分に合っていない」「頑張っても評価されない」「でも会社辞めるとお金が心配」など、会社はやる気出ないけど、どうすればいいのと悩んでる方は多いと思います。

本記事では、会社に頼らず自らお金を稼ぐことができるスキルの一つとして、WEB制作を仕事にする方法について詳しく解説します。

具体的には、下記のような人に参考になります。

この記事を読んで分かること

• WEB制作を仕事にするための具体的な方法がわかる

本記事の信頼性

• フリーランスとしてWordPress案件を中心としたWeb制作をメインに仕事をしている。
• Web制作会社にてディレクターの経験もあり。

そもそもWEB制作ってどんな仕事？

WEB制作とは、基本的にインターネット上に公開するWEBサイトを新規で制作したり、既存のWEBサイトをリニューアルする作業のことです。

個人的には、WEB制作とはインターネット上に公開するコンテンツ全般の制作を指すと考えていますが、一般的にはWEBサイトの制作を意味することが多いです。

WEBサイトも一般的なイメージにある会社や個人のホームページだけでなく、用途によっていくつか種類があり、サイトが持つ機能や特徴も異なります。

最近では、企業が自社サイトを持つことはもちろんのこと、新しいサービスや商品を販売する際にも WEBサイトを活用するのは当たり前になっており、WEBサイトはビジネスに欠かせないものになっています。

WEB制作の仕事内容については、以下の記事で詳しく解説しています。

実際にフリーランスになるにはどうすれば良いのか次で解説します。

Web制作のフリーランスになるロードマップ【未経験でも可能】

本章では、実際に僕がフリーランスとして独立した経験を基に、未経験からフリーランスを目指す上で最適なロードマップを解説します。

STEP1:独学やスクールでWeb制作の基礎を学ぶ

まずは最低限のスキルを身につけるためにWeb制作の基礎を学びます。
学ぶ方法としては下記２パターンあります。

独学で学習

独学の場合、下記のステップで学習に取り組みます。

初心者の方はまず「Progate」や「ドットインストール」で基礎学習をするのがおすすめです。

HTML/CSS/JSの基礎を身につけた後は、ひたすら手を動かしてコードを書きましょう。
具体的には、デザインデータをもとにコーディングする練習を量こなすことが成長するために一番効率がいいです。

コーディング作業で複数のAdobeソフトを利用する場合、Adobe CCを契約することで費用を節約できます。
さらに、Adobe CCを通常価格よりもお得に購入したい場合は、「デジハリ経由でAdobe CCコンプリートプランを安く購入する方法」の記事をご覧ください。

下記の記事では、独学でコーディングスキルを身につける具体的な方法について解説していますので、ぜひ参考にしてください。

オンラインスクールを活用して学習

独学に自信がない方には、オンラインスクールを活用した学習がおすすめです。
具体的には下記のような人が対象です。

• 一人だと多分サボってしまう、継続する自信がない。
• 学習中に相談できるエンジニアの人が欲しい。
• 独学してたけど挫折してしまった。

オンラインスクールは、独学よりも費用はかかりますが、挫折しないためのサポートがあったり効率的に学習することができます。
※オンラインスクールの中には、Web制作会社への就職をサポートしてもらえるサービスもあります。

STEP2:制作会社で経験を積んで実績を作る

基礎スキルが身についた後は、制作会社で経験を積むことをお勧めします。

制作会社では、コーダーやデザイナーが不足している場合が多く、基礎スキルを持っていれば雇ってもらえる会社も多いです。

具体的には、求人サービスを利用したり、制作会社のコーポレートサイトから募集要項を確認して申し込みを行います。

会社員（異業種）からの転職の場合、一時的に給与は下がりますが下積みと思って頑張りましょう。

個人的には、小規模な制作会社（２０人未満）で経験を積むのがオススメです。
なぜなら、人数が少ないので、早くから外注やディレクションなど、様々な役割を経験することができるからです。

制作会社で経験を積まなくても、いきなりフリーランスとしてやっていくことは可能ですが、チームで作業することや、提案から保守まで一連の作業を経験することは、今後フリーランスとして活動する上ですごく役に立ちます。

STEP3:クラウドソーシングを利用して副業も行う

次にクラウドソーシングを利用して、副業でWeb制作を行います。

最近では、ほとんどの会社で副業は認められており、制作会社でも業務外の時間で副業をすることは問題ないと思います。

副業でもWeb制作をすると、下記のメリットがあります。

• 本業で学んだことを副業でも活用できるので、成長が加速する
• 本業で収入が安定しているので、副業でチャレンジしやすい
• フリーランスになってからの仕事イメージが湧く

STEP4:フリーランスとして独立する

制作会社で経験を積んだら、フリーランスとして独立します。

どれくらい経験するかは人それぞれですが、最初からフリーランスとして独立するつもりであれば、１〜３年経験を積めば十分だと思います。

フリーランスになると自ら営業して案件を獲得してくる必要があります。
制作スキルは重要ですが、フリーランスで生き残っていくためには、営業スキルも重要になります。

独立した当初は、案件獲得の方法として２パターンに分かれます。

勤めていた制作会社との関係が良好な場合、パターン１も多いです。
ただ、独立したらパターン２にも挑戦して自ら案件を獲得できる力を身につけることも重要です。

パターン２での案件獲得の方法については、次章で解説します。

WEB制作案件獲得の具体的な営業方法6選【副業・フリーランス向け】

制作スキルはもちろん重要ですが、副業やフリーランスとして仕事をする場合、一番重要なのは営業力です。
いくら制作スキルがあっても案件獲得できなければ、お金は稼げません。。

ここでは、具体的な案件獲得方法にについて6つ解説します。

フリーランスエージェントの利用

フリーランス向けのエージェントサービスに登録して案件紹介してもらう方法です。

常駐案件が多いですが、自ら営業する必要がないので、営業が苦手な方にはオススメな方法です。

経験者の方で、リモートワークにこだわりがなければ、フリーランスエージェントを利用するのが一番効率的で単価の高い案件を探せると思います。

単発案件よりも継続的に仕事を受ける形式が多いため、エージェントサービスを利用することで収入面を安定させることができます。

また、エージェント毎に「高単価案件が多い」「保証面が手厚い」など特徴が違うので幾つか利用してみて自分に合うのを探しましょう。

おすすめのフリーランス向けエージェントは以下の通りです。

クラウドソーシングの利用

クラウドワークス やランサーズなど、クラウドソーシングサービスを利用して案件を受注する方法です。

大手のクラウドソーシングサイトには、「コーディングのみ」や「LP１枚」など様々なパターンのWeb制作案件が掲載されています。
自分が対応可能な案件に提案して、採用されると案件が発生します。

注意点として、最近のクラウドソーシングは発注者 << 受注者 で需要と供給のバランスが悪く、価格競争から低価格の案件になってるパターンをよく見ます。経験の為に試してみるのはいいですが、継続的にお金を稼ぐという面ではハードルが高いと思います。

他のクラウドソーシングサイトと少し違いますが、スキルのフリマ【ココナラ】を利用すれば、自分が出来る事（サイト制作等）をサービスとして値段をつけて出品することもできます。

友人・知人からの紹介

友人や知人に自分がWEB制作ができることを伝えて、 WEBサイト制作を考えている人を紹介してもらう方法です。

SNS上だとWEB制作できる人はよく見ますが、リアルな自分の日常だとWEB制作できる人はそんなにいません。（僕は出会ったことないです）

なのでサイトが作れることは、一つの大きな強みです。
自分の周りに継続的に発信することで、知り合いからの人脈を辿ってWebサイト制作を考えている人に繋がるのは、よくあるパターンです。

注意点として無料で作業を引き受けるのは止めましょう！
お金が発生しないと、無料だからという理由で製作者側に責任が発生せず、依頼者側も無料なので不満があっても妥協してしまったり、お互いにメリットがありません。。

SNS/ブログを利用

SNSやブログ経由で仕事を受注する方法です。

初めての案件では難しいですが、自分が学んだスキルや気づいたことをアウトプットすることで、クライアントに興味を持ってもらい、自分で営業しなくても仕事を依頼される仕組みを作ることができます。

普段からのアウトプットを見た上で声がけいただくので、他の方法と比較するとミスマッチが起こりにくいのもメリットだと思います。

安定的に仕事があるフリーランスの方は、実績を自分なり工夫してアウトプット（情報発信）している人が多い印象です。

WEB制作会社に営業

WEB制作会社に営業して、お仕事を受注する方法です。
営業方法としては、各会社のお問い合わせフォームから、営業文章をメールします。

応募する制作会社には、下記の点を端的に正確に伝えましょう

• 自分ができること（お手伝いできる点）
• 作業をお願いした場合の費用感
• 作業をお願いした場合の稼働時間（例：１ヶ月XX時間動けます）
• 提示できる実績(あれば)

会社を選定する際は、直接会いにいける会社にするのがオススメです。
なぜなら、興味を持っていただいた際に「一度面談しましょう」というパターンが多いためです。

オンラインでの面談も可能ですが、実際に膝を突き合わせて話をすることで、仕事を依頼する側からすると安心感が違います。

メールや文章だけのやり取りではなく、実際に会って話をしたことがある人とは、どうしても信頼度に差が出てしまいます。
会って話をすることができるのであれば、なるべく足を使って会いに行きましょう！

営業パートナーを探す

営業パートナーを見つけて、案件を紹介してもらう方法です。

自分の周りに営業が得意な人がいる場合は、パートナー契約を結んで営業活動をお願いしてみるのも一つの方法です。
営業パートナーがいると制作作業に集中できるメリットがあります

その際には、自分のサービス（何が提供できるのか？価値は何か？）をしっかりと提案資料にまとめる必要があります。
※提案資料を渡して、自分の代わりにお客さまに営業(提案)してもらうイメージです。

注意点として、パートナー契約を結ぶ際には、後で揉めないためにも営業報酬の設定をしっかりとしておくことが重要です。
例）受注した場合のみ営業報酬は発生する。
　　営業報酬は受注金額の2割とする。

Web制作勉強後の初案件に向けた営業方法については、下記の記事にて詳細に解説していますので、ぜひ参考にしてみてください。

WEB制作のフリーランスと制作会社の違いを解説

WEB制作の仕事をする場合、働き方として制作会社勤務とフリーランス（副業含む）の大きく２パターンに分かれます。

パターン①：WEB制作会社に勤務して働く

制作会社に正社員や派遣社員として働くパターンです。
フリーランスと比べると勤務体系や給与面が安定している点が特徴です。

他にも制作会社で働くメリットは多いです。

なかでも一番のメリットは多くの制作経験が積めることです。個人では受注できない大規模案件や自分よりスキルも経験もある人とチームで働ける経験は、貴重です。

一度WEB制作会社で経験を積んでからフリーランスとして独立するパターンも多いです。

パターン②：フリーランスや副業として働く

フリーランスや副業としてWEB制作を行うパターンです。

仕事の案件は、主にクライアントと直接契約する直請け案件と制作会社から一部の作業を引き受ける下請け案件があります。

困っても上司や先輩が助けてくれるわけでは無いので、ある程度のスキルと自己解決していく力が最低限必要になります。
制作会社勤務に比べると難易度は高いし、苦労することも多いですが、自由度は圧倒的に高いです。

WEB制作フリーランスのメリットについて

WEB制作のフリーランスとして4年以上働いてきましたが、大きなメリットだと感じたのは以下の3つです。

時間と場所の自由がある

一番大きいメリットが、働く時間も場所も自由に決めることができる事です。

案件(仕事)さえ取る事ができれば、どこで（場所）、いつ（時間）働くのも自由なので、最近では、田舎や海外に移住して、単価の高い都会の案件をしているフリーランスが増えてきています。

もちろんエージェント経由などで会社と契約して働く場合は、働く場所や時間にある程度縛りはありますが、最近はフルリモートも増えてきて、今後もっと自由度は上がっていきます。

何歳になっても働ける

フリーランスには、定年がないので働きたければ、いつまでも働けます。

サラリーマンであれば、基本的に定年になると会社を辞めなければいけません。
大企業によくありますが、その会社でしか通用しないスキルばかりだと定年で会社を辞めた時に自分にできることが何もないという悲惨なことになります。

人生100年時代なので、低く見積もっても定年後10年以上は何かしら仕事して稼いでいく必要があります。
会社から、給与をもらうだけでなく、フリーランスや副業を通して「自分で稼ぐ」ということを経験しておくことは、これからの時代に必要だと思います。

全ての決定権が自分にある

「時間と場所の自由がある」と似ていますが、フリーランスは、全ての決定権が自分にあります。
「どれくらい働く？」「どんな仕事をする？」「誰と付き合う？」など人間関係や収入、働き方まで全て自分でめることができます。

自分の行動がダイレクトに成果として現れるので、「会社では頑張っても評価されない」と思ってる方には向いてるかもしれません。

自己決定によって進路を決定した者は、自らの判断で努力することで目的を達成する可能性が高くなり、また、成果に対しても責任と誇りを持ちやすくなることから、達成感や自尊心により幸福感が高まることにつながっていると考えられます。

所得や学歴より「自己決定」が幸福度を上げる　2万人を調査 | Research at Kobe

WEB制作フリーランスのデメリットについて

もちろんWEB制作フリーランスで活動する中でデメリットもありました。

デメリットの中でも大きなものは以下の3つになります。

収入が安定しない

フリーランスは収入が安定しません。

そもそも給与収入ではないので、安定しにくいです。
Web制作では、案件の請求タイミングによって月毎の収入にはかなりの上下があります。
ただ、運用保守などお客様に月額契約で提供できるサービスを作ることでストック収入を獲得し、収入を安定させることもできます。

全部一人でやらないといけない

会社ではないので、契約関連や会計処理、確定申告など、通常業務とは関係ない雑務も全部一人でやらないといけません。
ただ、その分マネーリテラシーの向上やメリットもありますが面倒な作業も正直多いです。

収入が増えてくると、これらの業務を外部に依頼することもできるので上手く活用すれば少しずつ楽になります。

社会的信用が低い

近年フリーランス人口は増えていますが、会社員と比べると、まだまだ社会的信用が低いです。

フリーランスは、毎月の収入が保証されている働き方では無いので、下記のような場面では少なからず影響があります。

• ローンを組む
• クレジットカードを発行する
• 賃貸物件を借りる

Web制作案件の流れについて

Web制作に必要なスキルと営業方法が分かったので、次に案件を受注した後の流れを解説します。

作業の流れを理解することで、どのように案件を進めていけば良いのかがわかります。

フリーランスや副業としてWeb制作をする際、コーディングやデザインのみなど一部の作業だけ担当する場合が多いですが、案件全体の流れを把握しておくことは重要です。

案件を受注した後のWeb制作の大きな流れは下記のようになります。

ヒアリング

まずはヒアリングです。

お客様からサイト制作の目的やサービスの強みなどサイトの基本となる情報や、デザイン、コンテンツに関わる情報まで、幅広くヒアリングしていきます。

要件漏れによるトラブルや手戻りが発生しないためにも、ヒアリングには時間を掛けて丁寧に行うことが重要です。

下記の記事では、WEBサイト制作の際にヒアリングすべき具体的な項目を、ヒアリングシートのテンプレートと共に詳しく解説しています。ぜひ参考にしてください。

デザイン＆コーディング

ヒアリング情報をもとに、デザインとコーディング作業を進めていきます。

デザインは、下記のような流れで進めていきます。
※基本的にはTOPページ→下層ページの順に作業を進めます。

1. モックアップ作成（手書き）
2. デザインラフ作成（ワイヤーフレーム）
3. ブラッシュアップ
4. デザインカンプ作成

デザインとコーディングで担当者が違う場合、コーディング作業は、デザインがFixできたページから五月雨で作業していくことが多いです。

WordPressを使ったサイト制作の場合、テーマ設定や投稿設定などWordPress関連の作業がコーディング作業の中で発生します。

動作確認＆修正

サイトが完成したら、お客様に見た目のチェックと動作確認を行なってもらいます。

もちろんお客様にチェックしてもらう前に内部チェックを入念に行います。

お客様から出た指摘事項に対して修正作業を行います。

引継ぎ

マニュアルを作成して、引き継ぎ作業を行います。
マニュアルは、今後運用でお客様が定期的に操作する項目を中心に作成します。

引き継ぎ作業は、実際にお客様に操作してもらいながら行います。
※特にWordPressは、説明するより自分で触って早く慣れてもらう方が重要です。

サイト公開

引き継ぎが完了したら、いよいよWEBサイト（ホームページ）の公開作業を行います。

WEB制作を仕事にする上では、WEBサイト（ホームページ）をインターネット上に公開する方法や、普段私たちが見るブラウザに表示される仕組みを理解することは重要です。

公開作業前には、設定漏れがないか最終チェックを行います。
見た目や仕様のチェック以外にもSEO対策として、必要最低限の設定ができていることを確認します。

公開前のチェック項目については、下記の記事で詳細に解説していますので、ぜひ参考にしてみてください。

請求

作業が全て完了したら請求作業を行います。

請求書を発行し、お客様に振り込んでもらって完了です。

「翌月末振り込み」や「翌々月の15日振り込み」など、お客様によって会計処理のルールが異なるので、事前に確認しておきましょう。

2023年4月1日から無料プランの月請求書作成数が5通→10通に拡大されました！

下記の記事では、WEB制作案件の流れについて、さらに具体的に解説しているのでぜひ参考にしてください。

Web制作のフリーランスに必要なスキルとは？

フリーランスとして必要なスキルはいくつもありますが、ここでは自分のフリーランスとしての経験を振り返り、特に重要だと思うスキルについて説明します。

一つずつ解説します。

コミュニケーション能力

ここでのコミュニケーション能力は、誰とでも仲良くするスキルではなく、お客様やWeb制作会社に対して的確な報連相（報告・連絡・相談）ができるスキルのことです。

案件作業をする中で、お客様や制作会社に的確な報連相（報告・連絡・相談）をすることは、案件を円滑に進めることだけでなく、信頼関係の構築に大いに関係します。

この信頼関係の構築がフリーランスとして活動していく中でとても重要になります。

なぜなら、フリーランスで仕事をする場合、結局は人との繋がりでお仕事を頂くことが多いからです。
※営業力はもちろん必要です。

ホウレンソウのコツは、相手の立場に立って考えることです。
お客様も制作会社もなるべくコミュニケーションコストを抑えたいです。
なので、報連相（報告・連絡・相談）のような当たり前のことを当たり前にできる人がフリーランスとして長く生き残ると思います。

コミュニケーションコストとは？

コミュニケーションコストとは、「情報伝達・意思疎通にかかる時間や労力」のことをいいます。つまり、コミュニケーションコストが低ければ低いほど、複数人で取り組む仕事がスピーディーに進みます。

コミュニケーションコストが高いと生じる4つの問題と7つの改善方法

問題解決能力

問題解決能力は、分からないことがあった時になんとかする力のことです。

フリーランスでは、自分の出来る範囲だけで仕事をしても成長は少ないし、飽きてきます。
なので、自分がまだ経験したことない案件に常に挑戦していくことが必要です。

その時に重要になるのが、問題解決能力です。
例えば、分からないことが発生した際には、下記の流れで対応します。

相手に質問する時は、自分で調べたこと（仮説と結果）や目的を簡潔に伝えて、なるべく相手の時間を奪わないことが重要です。

このような問題点を把握して、解決までの道筋を考え実行していく力（問題解決能力）はフリーランスにとって必須のスキルです。

自走力

最後に自走力です。
自走力は、簡単に言うと自ら考え行動して、前に進んでいく力のことです。

自走力がない人の典型としては、言われたことしかしない指示待ち人間です。

フリーランスの場合、サラリーマンと違い上司もいないので常に自分で考えて仕事を進めることが必要になります。
仕事だけでなく、今後の生き方やお金の面も含めて、自分一人で意思決定する場面が圧倒的に多いので、フリーランスを長く続ければ嫌でも自走力は鍛えられます。

WEB制作フリーランスの年収を上げる施策

ここでは、僕自身がフリーランスとして行ってきた年収を上げるための施策を紹介します。

顧客の信頼獲得

まずは、請け負った仕事1つ1つに120%で取り組んで、顧客の信頼を獲得することに全力で取り組みました。

Web制作の案件には、大きく２種類あり、案件の種類によって顧客は変わります。

案件パターン	直請け案件	下請け案件
説明	WEBサイトやECサイトを作りたいお客さんから直接お仕事を頂く案件	Web制作会社さんや、エージェント経由でお仕事を頂く案件
顧客	お客様	WEB制作会社さん

請け負った仕事をやり遂げるのは、当たり前ですが、下記のような行動も意識しました。

• 報連相（報告・連絡・相談）を細かく実施
• 無理のない範囲で＋αの提案や作業実施

顧客との信頼関係をしっかりと構築することで、継続的な案件の依頼や、新しい顧客の紹介に繋がります。

スキルの掛け合わせ

フリーランスの場合、自分の今持っているスキルを軸にキャリア設計を考えることが重要です。

具体的には、関連性が高い＋αのスキルを身に付けると市場価値を上げることができます。
例えばコーディングメインで仕事している場合、下記のような＋αのキャリア設計があります。

• コーディング＋CMS構築（WordPress）
• コーディング＋デザイン
• コーディング＋マーケティング
• コーディング＋ディレクション

僕は、CMS構築（WordPress）やディレクションのスキルを身につけることで、１案件当たりの単価や年収を上げていくことに繋がりました。

作業の効率化

単純にWEB制作で行っている普段の作業を効率化することで、自分の1日の作業量を増やしました。

同じ時間で対応できる作業量増えるので、フリーランスの方にとっては、時給単価が大きく変わってきます。

具体的には、コーディングスピードを上げるために３つの対策を行いました。

施策	内容
コードのテンプレート化	自分が実装したHTML&CSSの記述をテンプレート化して、うまく再利用する。
コードの見える化	デザインデーターからコーディングに必要なデータ（CSS情報や画像等）を見える化する。
コードの簡略化	ツールを使って、HTMLやCSSを省略記法で簡潔に記述する。

WEB制作フリーランスとして仕事をする場合、コードを書く以外にも様々な作業をこなす必要があります。

最近では、有料・無料問わず制作作業を助けてくれる便利ツールが数多くあるので、どんどん活用しましょう。

特にクライアントワークの作業は、労働集約型の稼ぎ方なので、どうしても自分の時間を投資する必要があります。
なので自分の投資する時間で最大限のパフォーマンスを出すためにも作業の効率化は重要です。

Web制作に関するよくある疑問について【フリーランス・副業】

Web制作に関するよくある疑問について下記にまとめます。

まとめ

今回はWEB制作のフリーランスになるロードマップを中心に、仕事の獲得方法などWEB制作を仕事にするために必要な要素を解説しました。

フリーランスや副業でWeb制作をすることは、簡単ではないですが正しい努力をすれば誰でも可能です。
本記事が少しでも参考になれば嬉しいです。

以上です。お疲れ様でした！