webデザインの副業は未経験でも始められますが、最初の3ヶ月は実績ゼロの状態からポートフォリオを作り、月1万〜3万円の案件を積み上げる段階です。この記事では学習から案件獲得まで5ステップで解説します。
▶ 3日で初案件PR
この記事でわかること
月3万円稼ぐまでの具体的な5ステップと所要期間がわかる。架空作品3点でポートフォリオを完成させる方法がわかる。初心者が最初に応募すべき案件の種類と提案文の型がわかる。
今のデザインの仕事で、一番近い悩みは？
この記事の結論
webデザイン副業で初心者が最初に稼ぐべき金額は月1万〜3万円です。この段階では「稼ぐ」より「実績を作る」ことが最優先であり、3ヶ月で2〜3件の案件をこなすことが単価アップへの最短ルートになります。FigmaとバナーとLP制作の基礎を固め、クラウドソーシングで低単価案件を受注することから始めれば、6ヶ月後に月5万円という目標は現実的な数字です。
今日やるべき1つ
Figmaの無料アカウントを作成し、公式チュートリアルを30分こなす（所要時間：30分）
状況別ショートカット
| 状況 | 読むべきセクション | 所要時間 |
| 何から学べばよいか迷っている | webデザイン副業は3ツールで始める | 5分 |
| ポートフォリオが作れていない | ポートフォリオは架空案件3点で完成 | 5分 |
| 最初の案件をどこで取るか悩んでいる | 初心者の案件獲得はバナーと修正が最速 | 5分 |
| 自分に向いているか診断したい | webデザイン副業の向き不向きを3分で診断 | 3分 |
| 月いくら稼げるか知りたい | webデザイン副業の収入は5ステップで管理 | 5分 |
webデザイン副業は3ツールで始める
FigmaはWebデザイン副業の第一選択ツール
Figmaは無料プランでも副業レベルの制作が可能で、クラウドソーシングのクライアント側が「Figmaデータで納品してほしい」と指定するケースが増えています。ブラウザ上で動作するため、WindowsでもMacでもインストール不要で今日から使い始められます。初期コストをゼロにしたまま実務レベルの学習ができるツールであり、副業として最初に習得する優先度が最も高いと断言できます。
公式のFigmaチュートリアルは日本語対応しており、基本操作の習得に必要な時間は集中すれば10〜15時間です。平日1日1時間を2週間続ければ到達できる水準であり、本業と両立しながら現実的に習得できます。Figmaの練習お題や独学方法を参考に、架空案件を使ったトレーニングを積み上げることで、ポートフォリオ制作の基盤が整います。
PhotoshopとIllustratorはバナー案件に必要
バナー制作案件を受注する場合、クライアントから「PSD形式で納品してほしい」「aiデータも添付してほしい」と指定されることがあります。Photoshopは写真の切り抜きや色調補正を伴うバナーに、Illustratorはロゴやテキストを扱うバナーに向いており、どちらか1つでも使えると応募できる案件の幅が広がります。両ツールはAdobe Creative Cloudのサブスクリプション（月額3,000円程度〜）が必要ですが、最初の1〜2ヶ月はFigmaで基礎を固めてから導入を検討しても遅くありません。最新の価格はAdobe公式サイトでご確認ください。
HTML・CSSはデザインと並行して学ぶ必要はない
副業の初期段階では、デザインカンプ（仕上がりのビジュアル画像）の納品だけで完結する案件が存在します。バナー制作やLPデザインの案件はコーディング不要が多く、最初の3ヶ月間はHTML・CSSを学ばなくて構いません。ただし、Webサイト制作全体を担当する案件や単価3万円以上の案件を狙う段階になれば、HTML・CSSの基礎知識は必須になります。デザインの受注実績が2〜3件積み上がった時点で並行学習を開始するのが、時間効率の面で合理的です。
CHECK
▶ 今すぐやること: Figmaの無料アカウントを作成し、公式チュートリアルの最初のステップを開く（30分）
Q: Figmaは無料で副業レベルのデザインができますか？
A： 1人での制作であれば無料プランでも実務レベルのデザインが可能です。複数人でのリアルタイム共同編集は有料プランが必要ですが、副業の初期段階では無料プランで十分です。
Q： PhotoshopとIllustratorはどちらを先に学ぶべきですか？
A： バナー制作を最初の案件にする場合はPhotoshopが優先です。写真を扱う案件が多いためです。ロゴ制作を並行して受けたい場合はIllustratorも早めに触れておくと応募できる案件が増えます。
ポートフォリオは架空案件3点で完成
架空バナーは実在サービスの模写から始める
架空案件の作り方として効率が高いのは、実在するECサイトや食品メーカーの広告バナーを模写することです。模写とは完全にコピーするのではなく、レイアウト・色使い・フォント選択の構造を分析しながら自分で再現する作業を指します。1枚の模写を通じて「なぜこの配置なのか」「なぜこの色なのか」を考える習慣が身につき、そのままオリジナルの架空バナーを制作するための思考回路になります。模写は著作権の観点からポートフォリオには掲載せず、あくまでも練習用として活用し、ポートフォリオには模写を参考に作ったオリジナル作品を掲載します。
ポートフォリオ作成の実践的な手順を参考にすれば、架空作品をどう「営業資料」として機能させるかの整理がしやすくなります。
LPデザインの模写でレイアウト力を鍛える
LPとはランディングページの略で、1ページで商品・サービスの購入や申し込みに誘導する縦長のWebページです。クラウドソーシングではLP制作案件の需要が高く、単価も1万〜5万円程度と初心者が挑戦しやすい価格帯に位置しています。LPの模写を1〜2本こなすことで、ファーストビュー・本文・CTAという構造的なレイアウトの型が身につきます。模写の段階で売れるデザインの型を体で覚えることで、架空LP制作のときに白紙から悩む時間が大幅に短くなります。
ポートフォリオは3点あれば初案件に応募できる
バナー1点・LPデザイン1点・サイトデザイン風のページ1点という3点セットがあれば、クラウドソーシングの初心者向け案件への応募として十分な水準です。ポートフォリオを載せる方法は、NotionやAdobe Portfolio（無料）で公開URLを作成し、応募時にリンクを貼る形が最も手軽です。3点が揃った時点で応募を開始してください。ポートフォリオに載せる作品数より「応募した件数」の方が初受注の速さに直結します。
CHECK
▶ 今すぐやること: 模写するバナーを1枚決めてFigmaで制作を開始する（2〜3時間）
Q: 架空案件のポートフォリオで本当に採用されますか？
A： 初心者向け案件であれば架空作品でも採用されるケースは多くあります。重要なのは「どんな意図でこのデザインにしたか」を説明できることであり、提案文にデザインの意図を1〜2文添えると採用率が上がります。
Q： ポートフォリオはどのツールで作ればよいですか？
A： NotionまたはAdobe Portfolio（無料）が最適です。Notionは作品画像を貼るだけで公開URLを発行でき、設定の手間が最も少ないため副業の初期段階に向いています。
初心者の案件獲得はバナーと修正が最速
クラウドソーシングのバナー案件が初心者の登竜門
クラウドワークスやランサーズでは、バナー制作案件が常時多数掲載されています。予算3,000〜8,000円のバナー1枚制作案件は、制作物のサイズ・使用画像・キャッチコピーがクライアントから指定されるため、デザインの判断範囲が限定的で初心者でも取り組みやすい特性があります。「初心者歓迎」「丁寧に説明します」という文言が入った案件を優先的に選ぶと、フィードバックをもらいながらスキルを高める環境が整います。
既存サイトの修正案件は単価が安定している
修正案件とは、すでに公開されているWebサイトのデザインや文言を一部変更する仕事です。新規デザインの判断が少なく、クライアントの指示通りに作業を進めやすいため、初心者が納期を守る練習として最適です。単価は1件5,000〜15,000円程度が多く、バナー1枚よりも単価が高い案件も存在します。修正案件を2〜3件こなすことで「やり取りの流れ」「修正対応の仕方」「納品形式の確認」という実務の型が身につき、より複雑な案件への応募につながります。
提案文は「実績ゼロ」を正直に書いた方が採用率が上がる
応募時の提案文で「実績がありません」と正直に書いてください。クライアントが初心者に案件を発注する理由は「コストを抑えたい」「丁寧に対応してくれる人が欲しい」という点にあります。提案文に「現在副業でWebデザインの案件実績を積んでいます。ポートフォリオのURLを添付します。ご不明点は何でも確認いただけます」という一文を加えることで、誠実さと対応力をアピールできます。応募件数が10件を超えた時点で採用率の傾向が見え始め、提案文を改善するサイクルが回り始めます。単価交渉メールの実践的な例文も参考にしながら、提案の質を高めていきましょう。
CHECK
▶ 今すぐやること: クラウドワークスに無料登録し、「バナー制作 初心者歓迎」で案件を3件検索して応募できそうなものをメモする（15分）
Q: 1件目の案件を取るまでに何件応募すればよいですか？
A： 初心者の場合、採用率は10〜20件に1件程度が現実的です。10件応募して1件採用されれば良いペースであり、まず応募数を積み上げることが最優先です。
Q： 提案文の文字数はどのくらいが適切ですか？
A： 200〜400文字が目安です。「何ができるか」「なぜこの案件を選んだか」「ポートフォリオURL」の3点を必ず含めてください。長すぎると読まれない可能性があり、短すぎると誠意が伝わりにくくなります。
デザインの仕事で単価を上げたい方へ
Webデザインの学び方をLINEで受け取る
LINEで無料で届くもの
- 20本Webデザインの無料レッスン
- 全工程Photoshopの解説動画
- 4本限定のPDF・動画
登録1分・情報収集だけでもOK・セミナー参加は自由
タップするとLINEの友だち追加画面が開きます
スマホのカメラで読み取ると
LINEの友だち追加が開きます
LINE登録のよくある質問
- お金はかかりますか？
- LINEの登録と、届くレッスン・動画・PDFは無料です。
- どんな連絡が来ますか？
- レッスンや動画のほか、無料セミナーの案内が届きます。参加するかは自由です。
- やめたいときは？
- LINEでブロックすれば、それ以上は届きません。
PR提供: 日本デザインスクール（デザスク）
webデザイン副業の向き不向きを3分で診断
Q1: 本業以外の時間に週5時間以上を副業に使えますか？
YESの場合 → Q2へ進んでください。
NOの場合 → Result Dへ進んでください。
Q2: デザインやビジュアルに対して「なぜこのレイアウトが見やすいのか」と考えることに興味がありますか？
YESの場合 → Q3へ進んでください。
NOの場合 → Result Cへ進んでください。
Q3: パソコン作業（ファイル管理・メール対応・ソフト操作）に抵抗がありませんか？
YESの場合 → Result Aへ進んでください。
NOの場合 → Result Bへ進んでください。
Result A: webデザイン副業に向いています
週5時間以上の時間・デザインへの興味・PC作業への慣れという3つの条件が揃っており、3ヶ月以内に最初の案件受注が現実的な目標です。Figmaの習得を今週中に開始してください。
Result B: 環境を整えれば十分に挑戦できます
PC作業への抵抗感は、Figmaの操作を10時間こなす過程で解消されるケースが多くあります。まずFigmaの無料チュートリアルを1時間試してから判断してください。
Result C: 他のデザイン副業も検討してみてください
ビジュアルへの興味がない状態でデザインの学習を続けると、学習自体が苦痛になりやすい傾向があります。バナー制作よりも文章や数字を扱う副業（ライティング・データ入力）の方が向いている可能性があります。自宅副業のおすすめ7選で、デザイン以外の選択肢も確認してみてください。
Result D: 週2〜3時間でも始められる案件からスタートしてください
週5時間が取れない場合でも、バナー1枚制作（1〜2時間）から始めることは可能です。「週に何時間使えるか」を具体的に計算してから案件の規模を決めてください。
CHECK
▶ 今すぐやること: 自分がResult A〜Dのどれに該当するかを確認し、対応するアクションを今週のスケジュールに入れる（5分）
Q: 副業と本業を両立するにはどれくらいの時間が必要ですか？
A： 学習フェーズでは週5〜10時間、案件受注フェーズでは案件規模によりますが週3〜8時間が目安です。バナー1枚であれば制作・修正対応を含めて2〜4時間で完結する案件が多くあります。
Q： デザインセンスがなくても副業できますか？
A： センスよりも「型の習得」が重要です。LPやバナーには「この場所にこれを置く」という定石のレイアウトが存在し、模写を通じてその型を学ぶことで対応できます。
webデザイン副業の収入は5ステップで管理
第1〜2ヶ月は収入よりも実績作りに集中する
副業を始めてから最初の2ヶ月間は、収入がゼロまたは月1万円未満であることを前提として計画を立ててください。この段階での目標は「Figmaの基本操作習得」「ポートフォリオ3点作成」「クラウドソーシング登録と応募開始」の3つに絞ります。収入を急ぐ段階ではなく、受注実績を作るための投資期間と位置づけることで、低単価案件を受けることへの心理的なストレスが軽減されます。この期間に実績を作れた人が、3〜6ヶ月後に単価を上げられる傾向があります。
第3〜4ヶ月で月1万〜3万円が現実的な目標
学習と並行して応募を続け、2〜3件の案件実績が積み上がった段階で月1万〜3万円の収入が見えてきます。この段階では、同じバナー制作でも1件の単価を3,000円から5,000円に引き上げる交渉や、リピート案件の獲得を意識し始めることがポイントです。リピートクライアントが1社でも生まれると、継続して案件が入り始めるため収入が安定しやすくなります。
第5〜6ヶ月で月5万円が現実的な上限ライン
学習・応募・受注・修正・納品のサイクルを6ヶ月間継続した場合、月5万円程度が初心者段階の現実的な上限の目安です。月5万円を超えるためには、LP制作（1件2万〜5万円）やサイトデザイン案件（1件3万〜10万円）へとシフトする必要があり、その段階ではポートフォリオに「成果物の意図を説明できるページ」を追加することが採用率向上に直結します。将来的にフリーランス専業を検討するなら、フリーランスの開業資金と収入管理の考え方も参照しておくとよいでしょう。
▶ 今すぐやること: 「月いくら稼ぎたいか」を具体的な数字で決め、そこから逆算して必要な案件数（月収 ÷ 平均単価）を計算する（5分）
Q: 最初の案件の単価はどれくらいが適切ですか？
A： バナー1枚あたり3,000〜5,000円が初心者の相場です。まず3,000〜5,000円で2〜3件の実績を作り、その後「前回と同じクオリティで5,000〜8,000円からご相談できますか」と交渉する流れが現実的です。
Q： フリーランスに転向するにはどれくらいの実績が必要ですか？
A： 月収10〜15万円を副業で安定して稼げるようになった段階が転向の目安です。副業で継続案件を3〜5社確保できている状態であれば、フリーランスとして独立した後も収入が途切れるリスクが低くなります。
webデザイン副業は5つの仕組みで管理
【対象】: バナー制作を最初の案件にしようとしている副業初心者
【手順】: Figma Community（無料）で「banner template」または「LP template」と検索し、日本語対応のテンプレートを3点ダウンロードします（15分）。次にテンプレートを開いてフレームサイズ・カラー・テキストを変更する操作を1点ずつ練習します（1時間）。最後に架空案件のバナー制作にテンプレートを適用し、全要素をオリジナルに差し替えてポートフォリオ用作品として完成させます（2時間）。
【コツと理由】: テンプレートのレイアウト構造を把握してカスタマイズすると、白紙から作るより速く学べます。テンプレートを使うことで「なぜこのグリッドにするのか」「なぜこの余白量なのか」という設計意図を逆算して学べるため、設計力が自然に身につきます。
【注意点】: テンプレートのデザインをそのままポートフォリオに掲載しないでください。全要素をオリジナルに差し替えてから掲載してください。
ハック2: 提案文の改善で採用率を高める
【対象】: クラウドソーシングに応募しているが採用率が低いと感じている副業初心者
【手順】: 現在の提案文をA版として保存します（5分）。「なぜこの案件を選んだのか」という理由を1〜2文追加したものをB版として作ります（15分）。次の10件の応募をA版5件・B版5件に分けて送り、採用件数を記録して2週間後に比較します（2週間）。
【コツと理由】: クライアントは1つの案件に複数の応募が集まる環境にあります。「このクライアントの商品に関心がある」と伝えた応募者は少数であり、その少数の中に入るだけで採用候補に残る確率が上がります。実績ゼロでも誠実さで選ばれる状況が生まれる仕組みです。
【注意点】: 同じ提案文を全案件にコピペするのは逆効果です。クライアントは「この人は本当に自分の案件を読んだのか」を見ており、汎用的な提案文は即座に見抜かれます。
ハック3: 修正回数を事前に明記して時間単価を改善する
【対象】: 低単価案件を受注しているが修正対応が多く時間単価が下がっていると感じている副業初心者
【手順】: 受注前の連絡の中で「修正は2回まで含みます。それ以上は1回あたり1,000円のオプションとなります」という文を契約前に送ります（5分）。この条件をクライアントが承諾した場合のみ受注します（判断：5分）。納品後に追加修正の依頼が来たときは、事前に合意した条件を丁寧に確認し、オプション費用を請求します（10分）。
【コツと理由】: 修正回数を事前に明記すると、クライアントとの関係が良好になる場合があります。無制限の修正対応は作業時間が予測不能になるだけでなく、クライアント側も際限なく要望を出しやすくなる構造が生まれます。修正回数を明記することで「最初から具体的な要件を出してくれる」クライアントが集まりやすくなり、1件あたりの実質時間単価が改善します。
【注意点】: 初回のクライアントに対してこの条件を出すことをためらわないでください。プロとしての条件提示は信頼を高める行動であり、条件を何も提示しない方が「何でも言えそう」という印象を与えるリスクがあります。
ハック4: 実績整理シートで単価交渉を有利に進める
【対象】: 実績が2〜3件積み上がり、次の案件で単価を上げたいと考えている副業初心者
【手順】: GoogleスプレッドシートまたはNotionで「案件名・納品日・単価・制作時間・クライアントの反応（良・普通・課題）」の5列を作成します（15分）。過去の案件を入力し、時間単価（単価 ÷ 制作時間）を計算して時間あたりの効率が最も高かった案件タイプを特定します（30分）。次の案件の提案文に「過去〇件の実績があり、平均納期〇日・修正回数〇回で完了しています」という実績データを盛り込みます（10分）。
【コツと理由】: 実績を整理して言語化すると単価交渉に直結します。クライアントが高い単価を払う理由は「この人は過去に同じ仕事をうまくやった事実がある」という安心感です。漠然と実績があると言うのではなく、数値で実績を示すことが安心感の根拠になります。実績整理シートがある人とない人では、単価交渉時の会話の具体性に明確な差が生まれます。
【注意点】: 実績整理は受注直後ではなく納品完了後に行うのが習慣化しやすく、忘れてしまう前に5分で記録するルールを自分で決めてください。
ハック5: リピート案件を獲得する納品後メールで継続率を高める
【対象】: 1件納品したがそのクライアントからの継続がない副業初心者
【手順】: 納品完了のメールの末尾に「今後も同様のデザイン業務がございましたら、ぜひご連絡ください」という一文を追加します（1分）。納品から2週間後に「先日納品したデザインのご確認はいかがでしょうか。追加でお手伝いできることがあればお気軽にご相談ください」という短いフォローアップメールを送ります（5分）。フォローアップに返信があった場合は、同じクライアントの次の案件を現行単価+10〜20%の金額で提案します（10分）。
【コツと理由】: 既存クライアントからリピート案件を得る方が、新規クライアントへの応募より時間単価が高くなります。新規クライアントへの応募は採用まで複数回の応募コストがかかるのに対し、既存クライアントへのフォローアップは1通のメールで完結するため、時間効率の差は大きくなります。継続案件が月収の一定割合を占めるようになった段階が、副業からフリーランスへの移行を検討する実質的なタイミングです。
【注意点】: フォローアップメールを送るべきでないケースは、「完成に問題があった」「修正対応で摩擦が生じた」という案件です。そのようなクライアントへの連絡は関係悪化のリスクがあるため、フォローアップ対象から外してください。
CHECK
▶ 今すぐやること: 5つのハックの中で「今週から始められるもの」を1つ選び、具体的な実施日時をスケジュールに入れる（5分）
Q: ハックを全部同時にやる必要がありますか？
A： 一度に全部実施する必要はありません。ハック1（Figmaテンプレート）は学習段階に、ハック2（提案文改善）は応募段階に、ハック3〜5は受注後に順番に取り組むのが効率的です。
Q： これらのハックはスクールで教えてもらえますか？
A： Figmaの操作などはスクールで学べますが、提案文の改善や修正条件の明記など実務的な部分は自分で試行錯誤するしかないケースが多くあります。スクールは「ツール習得」に向いており、「案件獲得・継続」の部分は実践で身につける比重が大きいのが実態です。
webデザイン副業は3ヶ月で実績を作る
webデザインの副業で挫折しやすいポイントは「ポートフォリオが完璧になるまで応募しない」という先延ばしです。3点の架空作品が揃った時点で即座に応募を開始し、提案文を改善しながら実績を積み上げる行動量こそが最大の差別化要因になります。
| 状況 | 次の一歩 | 所要時間 |
| まだFigmaを触っていない | Figmaの無料アカウントを作成してチュートリアルを開始する | 30分 |
| Figmaは使えるがポートフォリオがない | 模写バナーを1点制作してNotionに掲載する | 2〜3時間 |
| ポートフォリオはあるが応募していない | クラウドワークスに登録して初心者歓迎案件に1件応募する | 30分 |
| 応募しているが採用されない | 提案文を改善して採用率を高めるサイクルを回す | 2週間 |
| 1〜2件受注したが収入が増えない | 実績整理シートを作って単価交渉の材料にする | 45分 |
webデザイン副業に関するよくある質問
Q: webデザイン副業は独学とスクールどちらがよいですか？
A： FigmaやレイアウトルールはFigmaは独学で十分習得できます。スクールは「モチベーション維持」「カリキュラムの迷いをなくす」点で有効ですが、月額数万円の費用が発生するため、まず無料のFigmaチュートリアルを2週間試してから判断してください。
Q： 副業での収入は確定申告が必要ですか？
A： 給与所得以外の所得（副業収入）が年間20万円を超えると、原則として確定申告が必要です（所得税法第120条）。詳細は国税庁の公式情報をご確認ください。
Q： コーディングができないとWebデザイン副業は難しいですか？
A： 最初の3ヶ月はコーディング不要です。バナー制作・LPデザインのデザインカンプ納品で完結する案件が多く存在します。単価3万円以上の案件やWebサイト制作全体を担当する案件を目指す段階になって初めてHTML・CSSの学習を始めれば十分です。
【出典・参照元】
Figma公式 デザイン基礎 – Figmaの基本操作チュートリアル
Adobe Creative Cloud 料金プラン – Adobe Creative Cloudの最新料金情報
クラウドワークス – 国内最大規模のクラウドソーシングプラットフォーム
ランサーズ – クラウドソーシングプラットフォーム
国税庁 確定申告の必要な方 – 副業収入の確定申告に関する公式情報