メインコンテンツへスキップ
PR

Webデザイナー副業 月10万|12ヶ月ロードマップ【2026】

Webデザイナー副業 月10万|12ヶ月ロードマップ【2026】

※この記事は広告を含みます

Webデザイナー副業で月10万円は、未経験から始めても12ヶ月あれば現実的に到達できるラインです。本記事では、4フェーズに分けた具体的なロードマップと、各フェーズの達成目安・つまずきポイントを2026年の市場感に合わせて解説します。私自身がエンジニアになる前に通ったプログラミングスクールでの学び方も踏まえて、地に足のついた進め方をまとめました。

この記事の結論(3行サマリ)

  • 月10万までの最短ルートは「4フェーズ × 各3ヶ月」の積み上げ式
  • 1〜3ヶ月でFigmaとHTML/CSS、4〜6ヶ月でポートフォリオ3点、7〜9ヶ月で初案件、10〜12ヶ月で月10万円
  • 独学が3ヶ月以上停滞したら個人レッスンに切り替えるのが復路最短(Winスクール等)

月10万までの全体像|Webデザイナー副業 12ヶ月ロードマップ

結論からいうと、未経験からWebデザイナー副業で月10万円を達成するまでの平均的な所要期間は12ヶ月前後。早い人で8ヶ月、ゆっくりめでも18ヶ月で到達するレンジです。重要なのは「フェーズごとの達成目安」を明確に持つこと。漠然と「Webデザインの勉強」をしている人は、いつまで経っても案件が取れません。

12ヶ月のロードマップを4つのフェーズに分けると、こんな感じです。

フェーズ 期間 達成目安 収益目安
① 基礎習得 1〜3ヶ月 Figma + HTML/CSS の基本操作 0円
② 制作練習 4〜6ヶ月 ポートフォリオ作品3点 0〜5,000円
③ 初案件獲得 7〜9ヶ月 初案件1件+継続案件1件 1〜5万円/月
④ 月10万安定 10〜12ヶ月 継続クライアント2〜3件 10万円〜/月

各フェーズで「何をクリアできていれば次に進めるか」が明確になっていると、進捗管理がぐっと楽になります。

フェーズ1(1〜3ヶ月)|スキルゼロから基礎習得

このフェーズの目標は「Figmaで簡単なバナーが作れて、HTML/CSSで簡単なLPが模写できる状態」です。難しく考えすぎず、「画面を作る」感覚を体に染み込ませる期間と考えてください。

1ヶ月目: Figma の基本操作

  • 無料アカウントを作る(個人利用は無料)
  • YouTube の入門動画を10本くらい見ながら、実際に手を動かす
  • 1日30分〜1時間でOK。続けることが最重要

2ヶ月目: HTML/CSS 模写コーディング

  • Progate or ドットインストールで HTML/CSS の基本を1周
  • 既存のLPを2〜3本「模写」して、自分でコードを書く感覚を養う
  • レスポンシブ対応(スマホ表示)の基本も触っておく

3ヶ月目: バナー10本&LP1本の模写

  • Figmaでバナー10本作成(テーマは飲食・美容・教育など何でもOK)
  • HTML/CSSでLP1本コーディング(ファーストビュー+3セクション)
  • 「自分のスキルの現在地」を把握できる状態になる

この3ヶ月で挫折する人は約半数いますが、ここを抜けられたら月10万までの一番きつい壁は越えています。

フェーズ2(4〜6ヶ月)|ポートフォリオ作品3点を作る

フェーズ2は「人に見せられる作品」を作るフェーズ。クライアントがあなたを採用するかどうかは、ポートフォリオサイトで判断されます。SNSのフォロワー数ではありません。

作るべき3作品

  1. 架空店舗のLP(飲食・美容・スクールなど)— 1枚もの・スマホ対応必須
  2. バナーセット10本(同じ商品の異なる訴求軸でA/B/C案を出す)
  3. SNS投稿テンプレ5枚(Instagram or X用・統一感のあるデザイン)

ポートフォリオサイトの構成

  • トップページ: 自己紹介+3作品のサムネイル
  • 各作品ページ: コンセプト・制作意図・使用ツール・制作期間
  • 連絡フォーム or メールアドレス(必須・問い合わせ動線がないと案件0件)

このフェーズでつまずく人の特徴は「永遠に練習し続けて公開しない」こと。60点でいいから世に出すのがフェーズ2の鉄則です。完璧主義は副業の最大の敵だと思っています。

フェーズ3(7〜9ヶ月)|初案件獲得とリピート設計

ポートフォリオが3点揃ったら、いよいよ案件獲得。ここで重要なのは「単発案件で終わらせず、リピート率を上げる仕組み」を最初から組み込むこと。

初案件の取り方3パターン

  • クラウドソーシング(ココナラ・クラウドワークス・ランサーズ)— 単価は低いが実績作りに最適
  • SNSでの発信(X・Instagram)— ポートフォリオ作品を毎週投稿、DMで打診来るのを待つ
  • 知人紹介(小規模事業者・飲食店・整体院など)— 一番取りやすい・お礼にレビューもらう

初案件で守るべき3つのルール

  1. 納期は必ず守る(リピート率の最重要要因)
  2. 修正は2回まで無料、3回目から有料と最初に伝える
  3. 納品後1ヶ月以内に「追加で何か困っていることありませんか?」とフォローする

このフェーズで月3〜5万円が安定したら、フェーズ4の月10万円はすぐ目の前です。

独学に行き詰まりを感じたら|Winスクール

「フェーズ1で3ヶ月以上停滞している」「ポートフォリオの方向性が独学で迷子」と感じたら、軌道修正は早い方がコスパが高いです。Winスクールはデザイン専攻の個人レッスン制で、自分のレベルとペースに合わせてカリキュラムを組めるので、独学では崩しにくい挫折パターンを回避しやすい構造になっています。無料カウンセリングで「自分にとって独学かスクールか」の判断軸だけでも持ち帰れます。

▶ Winスクール 無料カウンセリングはこちら

フェーズ4(10〜12ヶ月)|月10万円の安定収益化

月10万円を「単月で達成」するだけなら案件3〜5件で届きますが、「毎月安定」させるには継続クライアントの存在が必要です。

月10万を安定させる収益モデル

タイプ 単価 月の件数 月収目安
継続クライアント(バナー定額) 3万円/月 2社 6万円
単発LP制作 4〜5万円/件 1件 4〜5万円
合計 10〜11万円

継続案件を取るコツ

  • 1案件納品後、必ず「次の課題」をヒアリング → 提案書を1枚作る
  • 月額固定の「バナー○本まで作成」プランを提示する
  • 納品物に必ず「次回提案ポイント」を1〜2行添える

月10万を安定させた人は、ほぼ100%「営業より既存クライアント深耕」にシフトしています。新規開拓だけで月10万を維持するのは想像以上にきついです。

月10万達成の現実|稼げない人と差がつくポイント

同じロードマップを実行しても、月10万を達成できる人とできない人がいます。私の周りで見てきたパターンを整理すると、差がつくポイントは大きく3つ。

ポイント1: 学習時間を「予約制」にしているか

稼げる人は「毎週日曜の朝9-12時はWebデザイン」のように予約制にしています。「空いた時間にやる」では絶対に続きません。

ポイント2: 公開・打診を恐れていないか

「もうちょっとうまくなってから」と作品を公開しない人は、永遠に月10万に到達しません。60点で公開して、80点に磨き続ける人が結果を出します。

ポイント3: 早めに人に聞いているか

独学で3ヶ月以上停滞している人は、ほぼ100%「聞く相手がいない」のがボトルネック。スクールでもオンラインコミュニティでもいいので、フィードバックをくれる相手を作るのが最短ルートです。

Webデザイナー副業 月10万 よくある質問

Q1. 完全未経験から月10万円までの最短期間は?

最短で約8ヶ月、平均で12ヶ月前後です。週10時間以上の学習時間を確保できる人は8〜10ヶ月で到達するケースが多く、週5時間以下だと18ヶ月以上かかる傾向があります。

Q2. 独学とスクール、どちらがおすすめですか?

3ヶ月独学を続けてみて「方向性が合っているか自信が持てない」と感じたら、スクール検討のタイミングです。完全独学で月10万に到達する人は約3割、スクール経由は約7割と言われていますが、最終的には「フィードバックをくれる人がいるかどうか」が分岐点になります。

Q3. パソコンのスペックはどれくらい必要?

Figmaが快適に動けばOK。メモリ8GB以上・Macなら2018年以降、Windowsなら2020年以降のミドルクラスで十分です。新調する必要はなく、手持ちのPCで始めてからでも遅くありません。

Q4. 副業バレが心配です。会社にバレずに月10万稼げますか?

会社員が副業で月10万円稼ぐ場合、住民税の特別徴収から会社にバレる可能性があります。確定申告時に住民税を「自分で納付(普通徴収)」を選択することで対策できます。詳細は確定申告記事を参照してください。

Q5. ポートフォリオは何作品あれば案件取れますか?

最低3作品、理想は5〜7作品です。ジャンルを「LP1点・バナー1点・SNSテンプレ1点」のように分散させると、クライアントから「うちにも作れそう」とイメージしてもらいやすくなります。

12ヶ月ロードマップを最短で走り抜けたい人へ

独学で1人で続けるより、Winスクールのようにフィードバックをもらえる環境を最初の3ヶ月だけ使う方が、結果的に月10万までの到達は早くなるケースが多いです。個人レッスン制なので「教室の進度に置いていかれる」リスクも低く、自分のペースで進められます。無料カウンセリングで現在のレベルを診断してもらえるので、まずは状況把握だけでも価値があります。

▶ Winスクール 無料カウンセリングを予約する

関連記事

この記事の著者

MJ|MJ-Lab 代表。営業・起業・人材業界を経て、2020年にプログラミングスクールでゼロからエンジニアに転身(バックエンド・フロントエンド開発)。2023年にMJ-Labをスタートし、生成AIブームに乗ってWeb制作とAI活用の発信・支援を行っています。本記事は2026年5月時点の市場感を踏まえて作成。

まずは気軽に、ご相談ください。