独立を目指せる副業の仕事

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

ノマド家代表
辻本
ノマド家代表
辻本
IT・Web系フリーランスの独立を支援するシェアハウス『ノマド家』を運営している代表の辻本です。

当サイトでは、エンジニアの独立支援を生業とする私の目線で、フリーエンジニアに役立つ情報を厳選してご紹介します。

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

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

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

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

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

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

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

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

【2021年】これから需要が高まるフリーランスの仕事・職種20選この記事では、フリーランスとして独立した際の仕事選びを間違えないために、これから需要が高まる職種・仕事を現役のフリーランスである私が厳選してご紹介します。 フリーランスの平均年収は?年収1,000万円を目指す方法でもご紹介しましたが、努力の方法さえ間違えなければ、どの職種も年収1,000万円を目指せます。...

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 Creative Cloud コンプリートプラン』に契約して、PhotoshopやIllustrator、XDを活用してデザインを制作している方が多いです。

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

【2021年】Webデザインを学びたい方におすすめの本10選 この記事では、これからWebデザイナーを目指す上で必ず頭に入れておくべき、「HTML/CSS(+JavaScript)の基礎知識...
【2021年】おすすめのWebデザインスクール・学校11校を徹底比較 リモートワーク可能で求人が豊富な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制作を副業としている方のほとんどが、『クラウドワークス』や『ランサーズ』のような大手クラウドソーシングサービスを活用して仕事を獲得しています。

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

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

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

【2021年】クラウドワークスとランサーズどっちに登録すべき?数字と評判で徹底比較クラウドソーシングサービスといえばどのサービスを思い浮かべますか?ほとんどの方がランサーズかクラウドワークスだと思います。 この記事では、ランサーズとクラウドワークスの各種ポイントを比較する事により、フリーランスにとってどちらが使いやすいサービスかを解説していきます。...

企業に直接営業する

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

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

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

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

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

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

週末の土日に稼働したい方や、フルリモート案件をお探しの方は、以下でご紹介するITプロパートナーズの活用をおすすめします。

ITプロパートナーズがおすすめ

ITプロパートナーズ』は、株式会社Hajimariが運営するWeb系フリーランス専門のエージェントです。週2、3日から参画できる案件数は業界でもトップクラスで、さらにリモートや時間がフレキシブルな案件を数多く取り揃えています。

スタートアップやベンチャーの案件も豊富で、新しいトレンドの技術を取り入れている会社が多く、技術者として面白い案件が多いです。

ノマド家代表
辻本
ノマド家代表
辻本
週2〜3日稼働OK、リモートワークOKなどの案件は、どうしても単価が低くなりがちですが、ITプロパートナーズはエンド直の案件がメインなので高単価な案件が多いです。

・エンド直の案件が多く高単価

・週2〜3日OK、リモートワークOKな案件が豊富

・地方在住のフリーランスにも案件紹介可能

\週2〜3日稼働の案件が約1,500件

最後に

以上、Web制作(ホームページ・LP制作)を副業にする方法や、Web制作に必要なスキルについてご紹介しました。最後までご覧いただきありがとうございます。

・Web制作に携わるフリーランスのWebデザイナーやWebエンジニアの求人需要は右肩上がり

・Web制作に必要なスキル(Webデザイン/HTML/CSS/Javascript/PHP/SQL/WordPress etc.)

・Web制作案件を獲得する方法(クラウドソーシング/企業に直接営業/フリーエンジニア専門エージェントの活用)

現在サラリーマンの方で、これからフリーランスになるための準備を始められる方は、以下の記事をステップ①から順に実践されることをおすすめします。

この記事を読まれた方は、以下の関連記事もおすすめです。

シェアハウス「ノマド家」

ノマド家」は、湘南に拠点を構える、業界最大手のフリーランス専門シェアハウスです。

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

同業のフリーランスと仕事や人脈、ノウハウをシェアし合いながら働きたいという方は、ぜひお気軽にご連絡ください!