「Web制作を副業で始めたいけれど、何から手をつければいいのか分からない」という方へ。結論から言うと、①HTML/CSSを中心とした最小限のスキルを固める → ②ポートフォリオを1〜2本つくる → ③クラウドソーシングやスキルシェアで小さな案件を受注する、という3ステップで進めるのが最短ルートです。特別な資格は不要で、必要なのは「納品できる実物」と「相手に伝わる提案文」の2つ。この記事では、必要スキル・サービスの選び方・単価相場・初案件までの具体的な流れ・つまずきやすい注意点までを、実務目線でまとめました。
なお、案件を探す前に「どのツールで作るか」を決めておくと学習の遠回りを防げます。使うツールの全体像はWebデザインツールおすすめ2026年版で整理しているので、あわせて読むとスキル習得の順番が見えてきます。
Web制作の副業とは？まず全体像をつかむ
ひとくちに「Web制作の副業」といっても、実際の仕事はいくつかの層に分かれます。自分がどこを担当するのかを最初に決めておくと、学ぶべきスキルと狙う案件がはっきりします。
- コーディング：デザインカンプ（完成イメージ）をもとに、HTML/CSSでブラウザに表示できる形に組み上げる仕事。最も案件数が多く、副業の入り口になりやすい領域です。
- Webデザイン：ワイヤーフレームやビジュアルを設計する仕事。デザインツールの操作に加え、配色・レイアウトのセンスと引き出しが求められます。
- LP（ランディングページ）制作：1枚完結の縦長ページ。デザインからコーディングまで一気通貫で請けると単価が上がりやすい定番案件です。
- WordPress構築・カスタマイズ：テーマの導入・改修、既存サイトの修正など。継続案件や保守につながりやすいのが特徴です。
初心者はまず「コーディング」または「小規模なLP制作」から入り、実績を積みながらデザインやWordPressへ広げていくのが現実的です。いきなり大規模なサイト一式を請けようとすると、要件定義や進行管理の負担が大きく、初案件で挫折しやすくなります。
副業に必要なスキルは？最小構成から積み上げる
「全部できるようになってから始めよう」と考えると、いつまでも一歩目を踏み出せません。まずは受注に直結する最小構成をそろえ、案件をこなしながら広げていくのが効率的です。
まず固める土台（ここがないと受注できない）
- HTML / CSS：Webページの骨組みと見た目をつくる基本。ここは必須で、避けて通れません。
- レスポンシブ対応：スマホ・タブレット・PCで表示を最適化する知識。現在のWeb制作では前提条件です。
- デザインカンプの読み取り：デザインデータから寸法・色・余白を正確に拾い、忠実に再現する力。コーディング案件で最も評価される部分です。
単価と受注の幅を広げるスキル
- JavaScript（jQuery含む）：スライダーやアコーディオンなど、動きのある実装。対応できると受けられる案件が一気に増えます。
- WordPress：テーマ改修・簡単な構築。継続案件や保守契約につながりやすい領域です。
- デザインツールの操作：Figmaなどでの制作・修正。デザインまで一括で請けると単価が上がります。ツール選びはWebデザインツールおすすめ2026年版を参考にしてください。
学習リソースは、無料の学習サイトや動画チュートリアル、書籍が充実しています。独学でも土台は十分に身につきますが、「動画を見て満足する」だけでは案件は取れません。必ず自分の手で1ページ丸ごと作り切ることを繰り返してください。手を動かして作った成果物が、そのままポートフォリオになります。
案件を取る場所：クラウドソーシングとスキルシェアの選び方
副業の入り口として現実的なのは、クラウドソーシングとスキルシェアのサービスです。それぞれ「仕事の取り方」の仕組みが違うため、自分の性格や状況に合うものを選びましょう。ここでは代表的な3サービスの型を早見表にまとめました。
| サービス | 仕事の取り方（型） | 料金・手数料の型 | 向いている人 |
|---|---|---|---|
| クラウドワークス | 提案型（募集案件に応募）。国内最大級の案件数で初心者向け案件も多い | 登録無料。ワーカーのシステム利用料は報酬から差し引かれる段階制（詳細は公式で確認） | とにかく案件の母数から選びたい人／まず実績を作りたい初心者 |
| ランサーズ | 提案型（募集案件に応募）。Web制作・エンジニア系や中〜上級者向けの案件が目立つ | 登録無料。ワーカーのシステム利用料は報酬から差し引かれる（詳細は公式で確認） | 実績を積んで単価を上げたい人／制作系案件を狙いたい人 |
| ココナラ | 出品型（自分のサービスを商品として出品し、購入を待つ） | 登録無料。販売時に出品者から手数料が差し引かれる（詳細は公式で確認） | 得意分野を商品化したい人／営業より「待ち」の受注が合う人 |
※手数料率・利用料の体系は改定されることがあります。実際に登録・受注する前に、必ず各サービスの公式サイトで最新の料率を確認してください。
3サービスの違いをもう少し詳しく
クラウドワークス（公式サイト）は日本最大級のクラウドソーシングで、案件数の多さが最大の武器です。ライティングやバナー作成など初心者歓迎の案件も常時あるため、「まず1件受注して評価を得る」入り口として使いやすいのが特徴です。
ランサーズ（公式サイト）も提案型ですが、Web制作・マーケティング・エンジニア系の案件が比較的目立ちます。実績が積み上がってきたら、単価の高い制作案件を狙う場として活きてきます。
ココナラ（公式サイト）は他2つと仕組みが異なり、自分のスキルを「商品」として出品しておき、購入を待つスタイルです。営業的な提案が苦手でも、出品ページを作り込んでおけば問い合わせが来る可能性があります。
迷ったら、まず案件母数が最大のクラウドワークスで初案件を取り、実績が付いたらランサーズで単価を上げ、得意が固まったらココナラで出品するという併用が王道です。1つに絞る必要はなく、複数登録して案件を横断的に探すのが効率的です。
目的別のおすすめ：あなたはどれから始めるべきか
とにかく早く1件受注して自信をつけたい
案件数が最も多いクラウドワークスから始めましょう。応募できる案件の分母が多いほど、初受注までの時間は短くなります。最初は単価より「完遂して良い評価をもらう」ことを優先してください。
制作スキルを活かして単価を上げていきたい
クラウドワークスで数件の実績を作ったら、ランサーズにも登録して制作系の案件に提案しましょう。実績とプロフィールが充実するほど、選ばれる確率と単価が上がっていきます。
営業が苦手・自分のペースで受けたい
提案し続けるのが負担なら、ココナラで出品する形が合います。「LPコーディング承ります」「WordPressの軽微修正します」といった具体的なサービスを用意し、購入を待つスタイルです。ただし出品直後は埋もれやすいため、実績ゼロのうちは提案型と併用するのが無難です。
単価相場の目安：いくらで受けられる？
Web制作の副業単価は、スキルレベル・案件の複雑さ・業務範囲によって大きく変動します。以下はあくまで一般的な「幅」の目安で、実際の金額は案件ごとに異なります。断定的な相場として受け取らず、参考値として扱ってください。
- 下層ページのコーディング：1ページあたり数千円〜2万円程度が中心。初心者が実績を積む入り口になりやすい価格帯です。
- トップページのコーディング：1万円〜10万円程度と幅があります。デザイン再現の難易度で変わります。
- LP制作（コーディングのみ）：1件1万円〜。デザインも含む一気通貫だと数万円〜十数万円に上がることもあります。
- LP制作（企画・デザイン込みの大型案件）：クラウドソーシングでも数万円〜数十万円規模の募集が見られます。
重要なのは、最初の数件は「相場より安くても、確実に納品して高評価を得る」ことに投資するという考え方です。評価と実績が積み上がるほど、単価交渉の余地は広がります。逆に、実績ゼロの段階で高単価案件だけを狙うと、いつまでも受注できず心が折れがちです。
初案件までの流れ：登録から納品・報酬まで
クラウドソーシングでの基本的な流れは、どのサービスでもおおむね共通しています。順番に見ていきましょう。
- 無料登録・プロフィール整備：まずアカウントを作り、スキル・対応可能な業務・稼働時間を明記します。プロフィールは「この人に頼めそう」と思わせる最初の判断材料になります。
- ポートフォリオを用意する：架空でも構わないので、自作のLPやコーディング済みページを見せられる状態にしておきます。実物があるだけで受注率は大きく変わります。
- 案件を検索し、応募（提案）する：初心者は「実績不問」「初心者歓迎」の小さな案件から。まずは提案の数をこなすことが大切です。
- 提案文を丁寧に書く：後述しますが、ここが受注できるかどうかの最大の分かれ目です。
- 受注・やり取り・納品：条件を確認して契約し、こまめに進捗を報告しながら制作を進めます。認識のズレを防ぐため、疑問はためずに早めに確認します。
- 検収・報酬受け取り・評価：クライアントの確認（検収）を経て報酬が確定します。良い評価が付けば、次の受注につながる資産になります。
受注できる提案文のコツ
初心者がやりがちな失敗が、「経験は浅いですが頑張ります」というテンプレ的な自己紹介だけで終わることです。クライアントが読みたいのは、あなたの不安ではなく「自分の案件をちゃんと理解し、こなせる人か」という点です。次の要素を入れると通過率が上がります。
- 募集内容を読み込んだうえで、案件の要件に触れる（コピペではないと伝わる）
- 対応できる範囲・使える技術・納期の目安を具体的に書く
- 関連するポートフォリオや制作物のURLを添える
- だらだら書かず、相手が数十秒で読める分量に収める
失敗しないための注意点（ここでつまずく人が多い）
スキルよりも、実は「進め方」でつまずくケースが目立ちます。初案件の前に、以下は必ず押さえておきましょう。
1. クライアント選びを軽視しない
案件そのものより「誰から受けるか」が重要です。評価が高く、これまでの取引で揉めた形跡がなく、依頼内容が明確なクライアントを選びましょう。評価コメントは受注前に必ず目を通してください。地雷案件を避けるだけで、トラブルの大半は防げます。
2. 業務範囲と追加対応を最初に決める
「あとちょっとだけ直して」が積み重なり、無償の追加作業が膨らむのはよくあるトラブルです。契約時に対応範囲・修正回数・追加が発生した場合の扱いを明文化しておきましょう。範囲を決めておくことが、自分を守る最大の防御になります。
3. 著作権・商用利用の扱いを確認する
制作物の著作権は、契約で譲渡を定めない限り制作者側に残るのが原則です。納品後の権利がどう扱われるか（譲渡するのか、利用許諾なのか）は、クライアントとの間で明確にしておくとトラブルを避けられます。また、案件で使うフォントや素材（画像・テンプレート・プラグイン等）は、商用利用が許可されているか、ライセンス条件を必ず確認してから使ってください。無料素材でも商用利用が制限されている場合があります。
4. 確定申告・税金を忘れない
副業の所得が一定額を超えると確定申告が必要になります（給与所得者の場合、副業の所得が年間20万円を超えるときが目安）。要件は個人の状況によって変わるため、詳細は国税庁の情報や税務署・税理士に確認してください。報酬の一部が源泉徴収される案件もあるため、支払明細は保管しておきましょう。
5. 本業の就業規則を確認する
会社員の場合、副業が就業規則で制限・禁止されていないかを事前に確認しておくと安心です。トラブルを避けるためにも、始める前のチェックをおすすめします。
よくある質問（FAQ）
Q. 未経験・完全初心者でもWeb制作の副業は始められますか？
始められます。ただし「何も作れない状態」でいきなり受注はできません。まずHTML/CSSで1〜2本のページを自作し、ポートフォリオを用意するのが最初の一歩です。実物さえあれば、実績不問の小さな案件から入っていけます。
Q. どのくらい勉強すれば案件を受けられますか？
人によって差がありますが、目安は「自力でデザインを見ながら1ページ丸ごと組める」レベルに達したら受注を始めてOKです。すべてを完璧にしてからではなく、案件をこなしながら足りない部分を埋めていく方が成長は速いです。
Q. クラウドワークスとランサーズ、どちらに登録すべき？
どちらか一方に絞る必要はありません。まず案件数の多いクラウドワークスで実績を作り、単価を上げたい段階でランサーズも併用するのがおすすめです。両方に登録して案件を横断的に探すと、機会損失を減らせます。
Q. 手数料はどのくらい引かれますか？
各サービスとも、報酬からシステム利用料（手数料）が差し引かれます。料率の体系はサービスや金額帯によって異なり、改定されることもあります。正確な数字は必ず各サービスの公式サイトで最新情報を確認してください。手取りを見積もる際は、この手数料分を織り込んでおきましょう。
Q. 副業でどのくらい稼げますか？
スキルと稼働時間、受ける案件の単価によって大きく変わるため、断定はできません。最初は月数千円〜数万円規模から始まり、実績と単価が上がるにつれて伸びていくのが一般的なイメージです。最初から大きな金額を期待するより、「初案件を完遂する」ことを目標に置くのが続けるコツです。
まとめ：まず1件、確実に納品することから
Web制作の副業は、①HTML/CSSを中心に最小限のスキルを固める → ②ポートフォリオを用意する → ③クラウドソーシングやスキルシェアで小さな案件を取るという順番で進めれば、未経験からでも十分に始められます。
ポイントを振り返ると、次のとおりです。
- 入り口はコーディングや小規模LPがおすすめ。いきなり大型案件を狙わない
- 案件は母数の多いクラウドワークスで初受注 → ランサーズで単価アップ → ココナラで出品という併用が王道
- 単価は幅が大きいので、最初の数件は「安くても高評価を取る」ことに投資する
- 受注のカギは実物のポートフォリオと、案件を理解した提案文
- クライアント選び・業務範囲の明確化・著作権と商用利用の確認・確定申告は必ず押さえる
手数料や料金体系は変わることがあるため、登録・受注の前に各サービスの公式サイトで最新情報を確認してください。まずは無料登録とポートフォリオ作成から。最初の1件を確実に納品できれば、そこから道は自然と開けていきます。使うツールを整理したい方は、Webデザインツールおすすめ2026年版もあわせてご覧ください。
おすすめ新着記事
おすすめタグ