フリーランス基礎知識

Web制作(ホームページ・LP制作)を副業にするには?必要なスキルや仕事を獲得する方法を解説!

ノマド家代表
辻本
ノマド家代表
辻本
フリーランスの自立・キャリアを支援するシェアハウス「ノマド家」を運営している代表の辻本です。

このブログでは、日々フリーランスをサポートする立場である私の目線で、フリーランスに本当に役立つ情報を厳選してご紹介します。

この記事をご覧の方は、副業としても稼ぎやすく、フリーランスとしても独立しやすいWeb制作(ホームページ・LP制作)に興味がある方が多いと思います。

そこでこの記事では、Web制作の仕事を獲得するために必要なスキルや仕事を獲得する方法について、現役のWeb系フリーランスである私が解説します。

Web制作の求人需要が高まってきている

Web制作とは、新規でWebサイトを作ったり、既にあるサイトをリニューアルすることを指します。

一般的には、「Webディレクター」がクライアントの要望をヒアリングし、それを「Webデザイナー」がワイヤーフレームやデザインカンプといった形でデザインを制作し、「Webエンジニア」がコーディングをして実装します。

また、Webサイトにユーザーを集客するために、SEOコンテンツを制作する「Webライター」や、Web広告やSNSからユーザーを集客する「Webマーケター」なども広義の意味でWeb制作に関わっています。

フリーランス実態調査によると、日本における副業・フリーランスを含む「業務委託」の経済規模は、推計で20兆円を超えています。アメリカでは150兆円を超えており、日本における副業ワーカー・フリーランスの人口も今後ますます増加すると予想できます。

特に最近では、クラウドソーシングサービスやフリーランス専門エージェントなどの仕事を獲得するためのインフラが整ってきており、Web制作に携わるフリーランスのWebデザイナーやWebエンジニアの求人需要が右肩上がりに高まっています。

【2021年】これから需要が高まるフリーランスの仕事・職種20選! この記事では、フリーランスとして独立した際の仕事選びを間違えないために、これから需要が高まる職種・仕事を現役のフリーランスである...

Web制作の単価や年収

フリーランスのWebデザイナーの平均年収は300~400万円です。300〜400万円台が約3割、500万円以上が約3割、それ以外は100万円台から1000万以上と広く分散しています。

Webデザイナーが単価をあげる方法としては、クライアントの要望をヒアリングして要件定義するWebディレクターが行うような、上流工程の業務を巻き取ったり、コードが書けるようになると一気に単価をあげることができます。

次に、HTMLやCSS、JavaScriptの実装を行うフリーランスのフロントエンドエンジニアの平均年収は500万円程になります。

ノマド家代表
辻本
ノマド家代表
辻本
フリーエンジニアは実力と経験がものをいう世界なので、年齢にかかわらず実力次第で年収は上がります。

フリーエンジニア専用エージェントである『レバテックフリーランス』で公開されているフロントエンドエンジニアの平均年収は876万円で、平均月単価は73万でした。また最高単価は115万円、最低単価は45万円です。

【言語別】フリーランスエージェントを利用しているエンジニアの年収
言語平均年収最高年収
PHP720万円960万円
VBA720万円890万円
JavaScript800万円1640万円
C#828万円1010万円
Unity840万円1020万円
Java852万円960万円
Swift900万円1680万円
Python924万円1380万円
Ruby960万円1290万円
SAP1080万円1500万円

Web制作に必要なスキル

それでは、順に見ていきましょう。

Webデザイン

Web制作の仕事を受託するためには、まずはクライアントの要望をヒアリングし、それをワイヤーフレームやデザインカンプとして形にする必要があります。

デザインを作成するためには、PhotoshopやIllustratorといったデザインツールを使いこなす必要があります。Photoshopは主にWebデザインや写真・画像加工、Illustratorはロゴやイラストなどの図形を制作します。

ノマド家代表
辻本
ノマド家代表
辻本
もし、Web制作の一貫でデザイン制作も巻き取って仕事をする場合、デザインソフトを自前で用意しておく必要があります。

最近では、『Adobeコンプリートプラン』に契約して、PhotoshopやIllustrator、XDを活用してデザインを制作している方が多いです。

また、パソコン・タブレット・スマホの全てに最適化されたWebページを作るために、レスポンシブデザインの知識も必要になります。

【2021年】Webデザインを学びたい方におすすめの本10選! この記事では、これからWebデザイナーを目指す上で必ず頭に入れておくべき、「HTML/CSS(+JavaScript)の基礎知識...
【2021年】Webデザインを学びたい方におすすめのスクール・教室10選 スクールに通いながらWebデザインを学びたいと思っているけど、「何を基準にスクールを選べばいいか分からない・・」と悩んでいる方は...

HTML/CSS

HTMLとは、テキストボックス・文字・表・画像・リンクなど、Webページに必要な部品を配置するための言語です。

HTMLが文章の構造を作るのに対して、CSSは「HTMLをどのようなデザインでブラウザに表示するかを指定する言語」なので、HTMLとセットで使われます。

HTML/CSSを独学したい方は以下の記事がおすすめです。

【2021年】プログラミングを学びたい方におすすめの本15選! この記事では、これからプログラマーを目指したいと考えている方向けに、「プログラミングの概要」「HTML/CSS(+JavaScr...

Javascript

JavaScriptは、動的なWebページを作成できるプログラミング言語です。JavaScriptを活用すると、ユーザーのアクションに応じたコンテンツの表示や、ブラウザーで地図やグラフィックアニメーションなども表示できます。

前述のHTML/CSSだけでは表現が難しいアニメーションやお問い合わせフォームなどを作る場合に必要なスキルです。

最近では、比較的簡単にJavaScriptを記述できる「jQuery」というライブラリがよく使用されています。JavaScriptを独学したい方は以下の記事がおすすめです。

初心者がJavascriptを独学で学ぶのは難しい?資格の種類や勉強方法を解説! この記事をご覧の方は、「JavaScriptって初心者が独学で学習できるものなのかな・・」とお悩みの方が多いかと思います。 ...
JavaScriptエンジニアがフリーランスになるには?年収・副業事情・案件獲得方法を解説! 現在、JavaScriptエンジニアとして働かれている方は、独立するタイミングを伺っている方が多いかと思います。 最近では...

PHP/SQL

PHPは、動的にWebページを生成することができるサーバーサイドのスクリプト言語です。他のプログラミング言語と比較すると、仕様や文法が簡単なので習得しやすいと言われています。

また、MySQLなどのデータベースとの連携が容易なので、WordPressを含めたWebアプリケーションの開発によく使用される言語です。

PHP/SQLを独学したい方は以下の記事がおすすめです。

初心者がPHPを独学で学ぶのは難しい?資格の種類や勉強方法を解説! この記事をご覧の方は、「PHPって初心者が独学で学習できるものなのかな・・」とお悩みの方が多いかと思います。 結論、可能で...
PHPエンジニアがフリーランスになるには?年収・副業事情・案件獲得方法を解説! 現在、PHPエンジニアとして働かれている方は、独立するタイミングを伺っている方が多いかと思います。 最近では、フリーエンジ...

WordPress

Webサイト制作の副業案件は、そのほとんどがWordPressの導入やカスタマイズとなります。WordPressは世界でもっともシェア率が高いCMSで、Web制作を生業にするにはWordPressを扱えることが必須です。

一般的にはテーマのカスタマイズやプラグインの設置などが多く、高額案件になるとWordPressの保守管理やサイトの構築段階から行うものもあります。

既存のテーマやプラグインを用いる場合、それほど深い知識やスキルは要求されませんが、ゼロから開発から行う場合、WordPressを構築するPHPはもちろんのこと、データベースであるMySQLの知識も必須です。

その他、HTML・CSS・JavaScriptやセキュリティに関する知識、コラムを投稿するならSEOについての知識も必要になります。

フリーランスとしてWordpress制作を生業にするには?年収や営業方法を解説! 現在、Wordpressエンジニアとして働かれている方は、副業したり独立するタイミングを伺っている方が多いかと思います。 ...

Web制作案件を獲得する方法

それでは、順に見ていきましょう。

クラウドソーシングを活用する

Web制作を副業としている方のほとんどが、『クラウドワークス』や『ランサーズ』のような大手クラウドソーシングサービスを活用して仕事を獲得しています。

「Webデザイン」と検索すると(2021年1月現在)、
・クラウドワークスは9,572件
・ランサーズは9,109件

「Web制作」と検索すると(2021年1月現在)、
クラウドワークスが16,731件
ランサーズが8,270件
の案件を見つけることができました。

メインで使うクラウドソーシングサービスを比較検討中の方は、以下の記事がおすすめです。

【2021年】おすすめのクラウドソーシングサービス10選! 最近では、新型コロナウイルスの影響もあり、クラウドソーシングサービスを活用してリモートワークを始めるフリーランスや副業ワーカー、...
【2021年】クラウドワークスとランサーズどっちに登録すべき?数字と評判で徹底比較! クラウドソーシングサービスといえばどのサービスを思い浮かべますか?ほとんどの方がランサーズかクラウドワークスだと思います。 ...

企業に直接営業する

一般的にクラウドソーシングは単価が安いので、単価を上げたいという方は企業に直接営業することをおすすめします。営業方法としては、仕事の発生源(エンドクライアント)となる企業よりも、仕事のハブになるWeb制作会社や広告代理店などに営業することをおすすめします。

なぜなら、Web制作を発注したいと考えている企業(エンドクライアント)をタイミングよく見つけるのは難しいですが、仕事のハブになっている制作会社や広告代理店は常に案件を抱えています。

ノマド家代表
辻本
ノマド家代表
辻本
こういった企業に絞って営業することで、少ない営業工数で安定して案件を獲得することができます。

Wantedlyなどで、「地域名 + エンジニア + 業務委託」で検索すると、ハブになっている企業の求人情報がたくさん出てくるのでおすすめです。

フリーエンジニア専門エージェントを活用する

フリーエンジニアにとって、営業工数をかけず、かつ安定して仕事を獲得するには、フリーエンジニア専門エージェントに登録することが最も有効です。

フリーエンジニアとして廃業する方のほとんどが、エージェントや代理店を利用せず、自分で企業に営業しているというデータがあるので、息の長いフリーエンジニアになるためには積極的にエージェントを利用することをおすすめします。

ギークスジョブがおすすめ

ギークスジョブ」は、ギークス株式会社が運営するフリーエンジニア専門のエージェントです。業界実績15年、登録エンジニア数は12,000名いる業界最大手のエージェントです。

常時6,000件以上の案件を保有しており、稼働中のエンジニアの85%が年収850万円以上を実現しています。

他社と比べると、アフターサポートがとても充実していて、フリーランス1名につき3名(営業、カウンセリング、サポート)の専任担当がつきます。専任担当は、案件が途切れないよう手厚くサポートしてくれるので、安心して仕事に取り組むことができます。


出典:https://geechs-job.com/

・業界実績15年、登録エンジニア数は12,000名

・会社員並の福利厚生サービスが受けられる

・エンジニア1人に対して3人のサポーターがつく

・勉強会、懇親会を開催している

【2021年】geechs job(ギークスジョブ)の評判は?現役フリーランスがメリット・デメリットを解説! フリーランスにとって、営業工数をかけず、かつ安定して仕事を獲得するには、フリーランス専門エージェントに登録することが最も有効です...

最後に

以上、Web制作(ホームページ・LP制作)を副業にする方法についてご紹介しました。この記事をご覧の方は、以下の記事もオススメです。

フリーランスエンジニアになるには?仕事内容・年収・案件獲得方法も解説! 現在、エンジニアとして働かれている方は、独立するタイミングを伺っている方が多いかと思います。 最近では、クラウドソーシング...

以下の表に、代表的なフリーエンジニア専門エージェントの評判と最高単価をまとめてみました。エージェント選びで悩んでいる方はぜひ参考にしてみてください。

名称評判最高単価
ギークスジョブ評判を見る100万円/月
レバテックフリーランス評判を見る160万円/月
フォスターフリーランス評判を見る230万円/月
Pe-BANK評判を見る200万円/月
ポテパンフリーランス評判を見る100万円/月
tech tree評判を見る120万円/月
クラウドテック評判を見る120万円/月
midworks評判を見る160万円/月
エミリーエンジニア評判を見る100万円/月
DYMテック評判を見る120万円/月
エンジニアルート評判を見る190万円/月
フューチャリズム評判を見る120万円/月
【2021年】案件・求人が豊富なおすすめのフリーランスエージェントをご紹介! フリーランスにとって、営業工数をかけず、かつ安定して仕事を獲得するには、フリーランス専門エージェントに登録することが最も有効です...
シェアハウス「ノマド家」

ノマド家」は、湘南に拠点を構えるフリーランス限定のシェアハウスです。

エンジニア・デザイナー・マーケター・ライター・動画クリエイターなど、主にWeb系フリーランスが入居しています。

フリーランスと寝食を共にして、切磋琢磨したいという方はぜひお気軽にご連絡ください!