Webデザインの副業は、バナーやLP(ランディングページ)、Webサイトの見た目を制作する仕事です。案件単価の目安はバナー1枚2,000〜5,000円、LP制作1件3万〜10万円と幅があり、バナーだけでは月10万円に30枚以上の制作が必要になります。
一方で、コーディングやWordPressまで対応できると単価は1.5〜2倍になるとされ、収入の伸びしろは大きい副業です。
| 収入目安 | 案件単価の目安 バナー1枚2,000円〜5,000円、LP制作1件3万円〜10万円、WordPress関連2万円〜5万円程度(副業Webデザイナーの収入は初級で月1万円〜5万円、中級で月5万円〜20万円の目安が示されている) |
|---|---|
| 収入の根拠 | https://www.furi-ten.com/web-designer-side-income-guide-5-steps/ |
| 初期費用 | パソコンに加え、デザインツールの費用。Adobe Creative Cloud Pro(旧コンプリートプラン)は月額9,080円、Photoshop単体は月額3,280円(年間プラン・月々払い)。無料のFigmaから始めることも可能 |
| ランニングコスト | ツールのサブスクリプション月額3,280円〜9,080円程度(使うツールによる)。クラウドソーシング経由では手数料(クラウドワークスは10万円以下の部分20%、ランサーズは一律16.5%、ココナラは22%)が差し引かれる |
| 難易度(1〜5) | 4 |
| 作業時間の目安 | バナー1枚2〜4時間、LPデザイン1件10〜30時間程度(案件規模による) |
| 収益化までの期間 | 学習から初受注まで3〜6か月程度が目安(未経験の場合、基礎学習とポートフォリオ作りに時間がかかる) |
| 在宅可否 | 可 |
| スマホのみで可能か | 不可 |
| 必要なスキル | FigmaやPhotoshopなどのデザインツールの操作、デザインの基礎(レイアウト、配色、文字組み)。HTML/CSSやWordPressまで対応できると単価が1.5〜2倍になる傾向が報告されている |
| メリット | LPやサイト制作など、1件の単価が高い案件がある、 スキルの積み上げがそのまま単価に反映されやすい、 コーディングやWordPressまで広げると、受けられる案件の幅が大きく広がる、 実践者視点(運営者はWeb制作の実践経験あり):バナー量産は入口にはなるが天井が低い。LPやWordPressなど「成果物が大きい案件」へ早めに移る設計が重要 |
| デメリット | 未経験から受注レベルに達するまでの学習期間が長い、バナーなど小口案件だけでは月収の天井が低い(月10万円には30枚以上の制作が必要な計算)、ツールの月額費用が継続的にかかる |
| 向いている人 | デザインや見た目の調整にこだわるのが好きな人 数か月の学習期間を投資と割り切れる人 将来的にWeb制作全般へ広げたい人 |
| 向いていない人 | すぐに収入が欲しい人 細部の調整作業が苦手な人 学習に時間を割けない人 |
| リスク・注意点 | 制作物の著作権・譲渡範囲を契約時に確認しないとトラブルの元になる(著作権は原則として制作者に残り、譲渡は別途取り決めが必要)。フリー素材やフォントの商用ライセンス違反にも注意。スクール等の高額講座は、費用に対して回収見込みを冷静に計算してから契約すること。本業がある人は就業規則の確認と確定申告(副業所得が年間20万円超)が必要 |
| 始め方の概要 | 1. 勤務先の就業規則で副業が可能か確認する 2. Figma(無料)やPhotoshopで基本操作を学び、既存サイトの模写(トレース)で練習する 3. バナー2〜3点と架空のLP1点を作り、ポートフォリオとして公開できる形にまとめる 4. クラウドワークス、ランサーズに登録し、まずバナーなど小口案件で実績と評価を1〜2件作る 5. 制作条件(修正回数、納期、著作権の扱い)を応募・契約の前に文章で確認する習慣をつける 6. 実績がたまったらLP制作など単価の高い案件に応募し、最初の1万円をLP1件またはバナー数件で到達する 7. HTML/CSSやWordPressの学習を加え、対応範囲を広げて単価を上げる 8. 継続クライアントができたら、保守・運用まで含めた月額契約を提案する |
| 代表的なサービス | クラウドワークス ランサーズ ココナラ Figma Adobe Creative Cloud(Photoshop、Illustrator) |
| 出典・参考情報 | https://www.furi-ten.com/web-designer-side-income-guide-5-steps/ https://atsoho.com/blog/web-designer-fukugyo https://www.furi-ten.com/how-to-earn-web-design-pricing-strategies/ |
| 最終確認日 | 2026年11月4日 |


