▶ 3日で初案件PR
この記事でわかること
Figma・HTML/CSS・バナー制作の3スキルで在宅案件を受注する方法がわかります。模写3点のポートフォリオで未経験歓迎案件の応募通過率を上げる手順がわかります。副業で月3〜5万円から始めて月10万円を超えたら独立を検討する判断基準がわかります。
webデザイン在宅は未経験でも月3〜5万円の副収入から始められます。HTML/CSS基礎とFigmaを習得し、クラウドソーシングで小規模案件を受注するのが最短ルートです。この記事では学習から初案件獲得まで5ステップで解説します。
今のデザインの仕事で、一番近い悩みは？
この記事の結論
未経験からwebデザインで在宅ワークを始めるには、Figma・HTML/CSS・バナー制作の3スキルを習得し、クラウドソーシングで月単価3,000〜15,000円の小規模案件から実績を積むことが最短経路です。ポートフォリオに制作意図を添えた作品を3点掲載すれば、未経験歓迎案件への応募通過率が大幅に上がります。副業として月5〜10万円を安定させてから独立する流れが、収入リスクを最小化できます。
今日やるべき1つ
Figmaの無料アカウントを作成し、既存のWebサイトを1時間かけて模写制作してください（所要時間: 1〜2時間）。
状況別ショートカット
| 状況 | 読むべきセクション | 所要時間 |
| 何から学ぶか決まっていない | webデザイン在宅は3スキルで始められる | 3分 |
| ポートフォリオの作り方を知りたい | ポートフォリオは3作品で在宅案件に通用する | 4分 |
| 今すぐ案件を探したい | webデザイン在宅案件は3媒体で並行獲得 | 3分 |
| フリーランス独立の時期を判断したい | webデザイン在宅独立は月10万円が分岐点 | 4分 |
| 実績ゼロでも応募できるか確認したい | 未経験webデザイナーの初案件は3段階で獲得 | 5分 |
webデザイン在宅は3スキルで始められる
Figmaは無料で即日使えるデザインツール
Figmaはブラウザ上で動作する無料のデザインツールで、インストール不要で当日から使い始められます。クラウドソーシングの在宅案件でもFigmaを指定するクライアントが増えており、フリーランスWebデザイナーの間で広く使われています（Figma公式）。PhotoshopやIllustratorは月額2,728〜6,248円のサブスクが必要なため、学習コストを抑えたい未経験者はFigmaから始めるのが合理的です。有料ソフトへの投資判断は実際に案件を受注してから行えばよく、最初から揃える必要はありません。
Figmaでのポートフォリオ作成も、無料プランで制作から共有まで完結できます。
HTML/CSSは2週間で基礎を習得できる
HTML/CSSはWebサイトの構造とデザインを記述する言語で、在宅案件の多くで「コーディング可能なデザイナー」の条件が付きます。Progateの無料コースを1日1時間ずつ進めれば、2週間でHTML/CSSの基礎を習得できます。この基礎があるだけで、バナー修正・LP修正・テキスト差し替えといった補助案件に応募できるようになり、受注できる案件の幅が一気に広がります。
レスポンシブデザインの基礎知識で案件対応力が上がる
レスポンシブデザインとは、スマートフォン・タブレット・PCなど画面サイズに合わせて表示を最適化する設計手法のことです。国内のWebトラフィックにおいてスマートフォンからのアクセスが過半数を占めており（総務省情報通信白書）、クライアントからの要件に「スマホ対応」が含まれるケースは非常に多くなっています。基礎を押さえるだけで要件を満たせるようになり、単価5,000〜15,000円の案件でも対応可能な範囲が広がります。
CHECK
▶ 今すぐやること: Progateの無料HTMLコースにアクセスして1レッスン目を完了する（30分）
Q: PhotoshopやIllustratorは学ばなくていいですか？
A： 初期段階では不要です。Figmaで基本的なデザイン制作はカバーでき、Photoshopは写真加工が主体の案件で必要になります。月収5万円を超えてから必要に応じて追加習得してください。
Q： コーディングが苦手でもWebデザイナーになれますか？
A： なれます。ただし、Figmaだけで対応できる純デザイン案件はHTML/CSS対応案件より単価が低い傾向があります。HTML/CSSの基礎だけでも習得しておくと、月収の上限が大きく変わります。
ポートフォリオは3作品で在宅案件に通用する
模写制作で再現力を証明する
模写制作とは、既存のWebサイトをデザインツールで再現する練習方法のことです。クライアントが未経験者のポートフォリオを評価するとき、「デザインを指示通りに再現できるか」を最優先で確認します。バナー模写1点・LP模写1点・Webサイトトップページ模写1点の計3点がポートフォリオの最小構成として機能します。模写元は著名なECサイトや企業サイトのトップページが素材として適切で、Figmaで完成させた後にスクリーンショットと実際のFigmaファイルURLを一緒に提示すると説得力が増します（japan-design.jp）。
制作意図を100文字で添えると差別化になる
作品を並べるだけのポートフォリオと、制作意図を添えたポートフォリオでは、クライアントの印象が大きく異なります。「なぜこの配色にしたか」「どのターゲット層を意識したか」を各作品に100文字程度で添えるだけで、考えて作れるデザイナーという評価につながります。「20代女性向けにコンバージョン率を意識し、CTAボタンを視線誘導の終点に配置した」のように、ターゲット・目的・判断の根拠を1文に圧縮する形式が有効です。
NotionかBehanceで無料公開する
ポートフォリオの公開場所は、Notion（無料）またはBehance（無料）で十分です。クラウドソーシングの応募時にURLを貼れる状態にしておくことが重要で、PDFで送るよりもブラウザで即時確認できるURL形式の方が通過率が高い傾向があります。Notionであればデザインの知識がなくても1〜2時間で整ったページを作成でき、Figmaで作成した作品のスクリーンショットを貼り付けるだけで完成します（liginc.co.jp）。
ポートフォリオをSTUDIOで作る方法も、ノーコードで最短1日で公開できるため初心者に向いています。
CHECK
▶ 今すぐやること: 気に入ったWebサイトを1つ選び、Figmaで模写制作を開始する（1〜3時間）
Q: 実務経験なしのポートフォリオで本当に通過できますか？
A： 未経験歓迎案件であれば可能です。クライアントは経歴ではなく「今できること」を見ています。制作意図を添えた模写3点があれば応募条件を満たす案件が複数あります。
Q： 有料のポートフォリオサイトは必要ですか？
A： 最初は不要です。Notionで作成したURLで十分機能します。月収10万円を超えて独自ドメインで差別化したくなった段階で移行を検討してください。
webデザイン在宅での自己診断は4つの質問で完了
Q1: Figmaを使ったことがありますか？
Yesの場合はQ2へ進んでください。Noの場合はまずFigmaで模写制作1点を完成させることが最初の行動です（Result D）。
Q2: HTML/CSSで簡単な修正ができますか？
Yesの場合はQ3へ進んでください。Noの場合はProgateの無料コースでHTML基礎を2週間学習してください（Result C）。
Q3: ポートフォリオをURLで公開していますか？
Yesの場合はQ4へ進んでください。Noの場合はNotionかBehanceで公開してからクラウドソーシングへ応募してください（Result B）。
Q4: クラウドソーシングで1件でも受注したことがありますか？
Yesの場合は継続受注と単価アップのフェーズです（Result A）。Noの場合はCrowdWorksかLancersで未経験歓迎案件に応募してください（Result B）。
Result A: 継続・単価アップのフェーズ
受注実績があるので、単価5,000円以下の案件から単価10,000〜30,000円の案件へシフトする時期です。同一クライアントからの継続受注を目標にしてください。
Result B: 案件応募フェーズ
学習とポートフォリオが揃っています。CrowdWorksで「Webデザイン 未経験歓迎」で検索して10件提案することが今日の行動です（所要時間: 1〜2時間）。
Result C: HTML/CSS学習フェーズ
Figmaはあるのでデザイン力はあります。Progateで2週間でHTML/CSS基礎を終わらせてからポートフォリオを更新してください。
Result D: ツール習得フェーズ
Figmaの無料アカウントを今日作成し、好きなサイトを1時間模写することが最初のステップです。この1枚がポートフォリオの第1作品になります。
CHECK
▶ 今すぐやること: 上記の診断でResult Bに該当するなら今日中にCrowdWorksに登録する（15分）
Q: 診断でResult Cでも在宅案件に応募できますか？
A： HTML/CSSなしでも純デザイン案件（バナー制作など）には応募可能です。ただし対応できる案件数が限られるため、並行してHTML学習を進めてください。
webデザイン在宅案件は3媒体で並行獲得
CrowdWorksは未経験案件の登録数で国内最多
CrowdWorksは国内最大級のクラウドソーシングプラットフォームで、Webデザイン関連の未経験歓迎案件が多数掲載されています。バナー制作1点3,000〜8,000円、LP修正5,000〜15,000円の案件が中心で、受注後の評価が蓄積されるほど次の案件の通過率が上がります。1件目は単価より評価獲得を優先し、2件目以降で単価交渉に入るのが現実的なステップです。なお、1件目の単価は3,000円を下限として設定しておくと、後続の値上げ交渉がしやすくなります。
クラウドソーシングで提案文を書く際は、フリーランス提案文の5構成を参考にすると採用率が上がります。
Lancersは長期継続案件の割合が高い
LancersはCrowdWorksと並ぶ国内大手クラウドソーシングで、企業クライアントからの長期継続案件が多い傾向があります。未経験段階では単発案件での実績を積みながら、同一クライアントから継続依頼を受ける流れを目指すと、毎月の収入が安定しやすくなります。CrowdWorksとLancersの両方に登録して並行応募することで、月の案件応募数を増やせます。
テンプスタッフなどの求人媒体は未経験歓迎の幅が広い
テンプスタッフのような総合人材会社のサイトでは、「Webデザイナー 未経験 在宅」で検索すると、補助業務・社内デザイン担当・制作サポートなどの案件が複数掲載されています。クラウドソーシングと比べると時給制・週2〜3日などの柔軟な条件が多く、副業として収入を安定させたい場合に特に有効です。フリーランス独立を急がずに実務経験を積む選択肢として、求人媒体の案件も並行して活用してください。
CHECK
▶ 今すぐやること: CrowdWorksとLancersに両方登録して、プロフィール欄にポートフォリオURLを記載する（30分）
Q: クラウドソーシングは競争率が高くて通過できないのでは？
A： 未経験歓迎案件は競合も未経験者が多いため、ポートフォリオURLと制作意図が明記されているだけで上位に入りやすくなります。提案文に「対応できること」を具体的に書くことが最も重要です。
Q： エージェントは未経験でも使えますか？
A： 実務経験が3〜6ヶ月以上あると利用しやすくなります。最初はクラウドソーシングで実績を作ってからエージェントを活用する順序が効率的です。
デザインの仕事で単価を上げたい方へ
Webデザインの学び方をLINEで受け取る
LINEで無料で届くもの
- 20本Webデザインの無料レッスン
- 全工程Photoshopの解説動画
- 4本限定のPDF・動画
登録1分・情報収集だけでもOK・セミナー参加は自由
タップするとLINEの友だち追加画面が開きます
スマホのカメラで読み取ると
LINEの友だち追加が開きます
LINE登録のよくある質問
- お金はかかりますか？
- LINEの登録と、届くレッスン・動画・PDFは無料です。
- どんな連絡が来ますか？
- レッスンや動画のほか、無料セミナーの案内が届きます。参加するかは自由です。
- やめたいときは？
- LINEでブロックすれば、それ以上は届きません。
PR提供: 日本デザインスクール（デザスク）
未経験webデザイナーの初案件は3段階で獲得
第1段階: 応募する案件の難易度を下げる
最初の案件は「バナー修正」「テキスト差し替え」「画像差し替え」の3種類に絞ってください。制作物の難易度が低いほどクライアントの期待値も現実的で、未経験でも対応可能な範囲に収まります。単価3,000〜8,000円の案件でも、1件完了して★4以上の評価を得ることが次の案件への最短経路です。まず評価を作ることに集中してください。
第2段階: 提案文で「できること」を具体的に書く
クラウドソーシングや知人紹介で小さな実務案件に挑戦することが、未経験から初案件を獲得する定石とされています（online.dhw.co.jp）。提案文に「Figmaでのデザイン制作・バナー修正・HTML/CSSによる軽微なコーディング修正に対応可能です。ポートフォリオURLは〇〇です」と具体的に書くことで、クライアントは依頼可能かどうかを即座に判断できます。「未経験ですが一生懸命やります」という定性的な文章より、「何ができるか」を地の文で1〜2文に圧縮する方が採用率は上がります。
フリーランス営業メールで返信率を上げる方法も、提案文の書き方と共通する原則です。
第3段階: 納期厳守と修正対応で継続案件につなげる
初回案件で継続依頼を得るために最も効果的な行動は、納期の1日前に完成品を提出することと、修正依頼に24時間以内に対応することです。クライアントが「また頼みたい」と思う最大の理由はスキルより対応速度と安心感です。初案件の品質と返信速度が継続受注率を決定します。
CHECK
▶ 今すぐやること: CrowdWorksで「バナー制作 未経験歓迎」で検索し、3件に提案文を送る（1時間）
Q: 提案文のテンプレートはありますか？
A： 「【対応可能なこと】Figmaでのバナー・LP修正、HTML/CSS修正。【ポートフォリオ】（URL）。【対応速度】依頼から24時間以内に初稿提出可能です。」の形式が基本です。案件ごとに冒頭1文だけクライアントの要件に言及した一文を加えてください。
Q： 応募した案件を断られ続けた場合はどうすればいいですか？
A： ポートフォリオの作品数を増やすか、さらに難易度の低い案件（テキスト修正・画像差し替えのみ）に絞ると通過率が改善します。10件応募して1件通過が未経験段階の目安です。
webデザイン在宅独立は月10万円が分岐点
副業で月10万円が独立判断の目安
副業段階でWebデザインの月収が3ヶ月連続で10万円を超えている場合、フリーランスとしての基本的な案件獲得力があることを意味します。10万円という水準は、バナー1件5,000円換算で月20件、またはLP制作1件30,000円で3〜4件の受注に相当します。この水準に達していない段階で退職・独立すると、案件の空白期間に収入ゼロが続くリスクがあります。副業での実績が6ヶ月分以上蓄積されてから独立の意思決定をしてください。
独立を検討する際は、フリーランスの開業資金の目安を事前に把握しておくことが資金ショートの防止につながります。
実務経験なしのいきなり独立は収入リスクが高い
未経験からいきなりフリーランスWebデザイナーとして独立するのは、案件獲得・スキル習得・収入安定の3つを同時に解決する必要があり、リスクが集中します。未経験からスキルを身につけて在宅Webデザイナーを目指すことは可能ですが（japan-design.jp）、「可能」と「容易」は異なります。副業で実績を積み、クライアントから継続依頼が来ている状態で独立するのが、リスクを最小化する現実的な手順です。
業務委託・準委任契約で段階的に経験を積む方法もある
フリーランス独立の前段階として、週2〜3日の業務委託契約でWebデザイン業務を担当する働き方があります。時給1,200〜2,000円、月収10〜20万円の案件がテンプスタッフやdodaなどの媒体に掲載されており、実務を通じてスキルと実績を同時に積めます。この段階を経てから完全フリーランスに移行することで、既存クライアントを引き継ぐ形で独立できる場合もあります。
CHECK
▶ 今すぐやること: 直近3ヶ月の副業収入を計算し、月10万円に到達しているか確認する（10分）
Q: フリーランスとして独立するのに資格は必要ですか？
A： Webデザインに必須の国家資格はありません。ただし、ウェブデザイン技能検定などの検定はポートフォリオと合わせて信頼性の補強に使えます。必須ではなく補強として位置づけてください。
Q： 独立後に案件が途切れた場合はどうすればいいですか？
A： クラウドソーシングへの応募を再開しつつ、既存クライアントへの定期的な連絡（月1〜2回の近況報告）が継続受注の最も効果的な手段です。案件が途切れてから動くより、途切れる前に種まきをする習慣が重要です。
webデザイン在宅は5つの仕組みで月収を安定させる
ハック1: 模写からの逆算制作で受注率を改善する
【対象】: Figmaを使ったことはあるが、ポートフォリオの作品がまだ揃っていない未経験者
【手順】: CrowdWorksで受注したい案件を5件選び、その案件で求められているデザインスタイルを分析します（30分）。選んだ案件の要件に近い既存サイトをFigmaで模写制作し、ポートフォリオ用の作品として仕上げてください（2〜3時間）。完成した模写作品のURLを提案文に貼り付け、「このスタイルでの制作に対応可能」と一行添えて応募します（15分）。
【コツと理由】: 「応募したい案件のスタイルに近い模写」から逆算して作品を選ぶと受注率が上がります。クライアントは自分の案件イメージに近い実績を持つ応募者を優先するため、案件を先に選んでから作品を作ることで提案の関連性が高まり、応募通過率の改善につながります。
【注意点】: 人気サイトをそのままコピーするだけで制作意図を一切添えないポートフォリオは評価されません。模写であっても「なぜこの配色か」「誰向けのデザインか」を1文添えることが必須です。
ハック2: 提案文の先頭1文でクライアントの要件を繰り返し通過率を改善する
【対象】: CrowdWorksやLancersに登録済みだが、提案を送っても反応がない未経験者
【手順】: 応募する案件の依頼文を読み、最も重要な要件（例:「LP全体のリニューアル」「バナー5枚制作」）を1文で抽出します（5分）。提案文の先頭1文に「〇〇様のLP全体リニューアルの件で応募いたします」と要件を繰り返す文章を入れてください（5分）。2文目以降に「対応可能なこと」「ポートフォリオURL」「返信速度」の3点を地の文で記載して送信します（10分）。
【コツと理由】: 「クライアントの要件を先頭で繰り返す」方が採用率は高くなります。クライアントは複数の提案をまとめて確認するため、「自分の案件のことを理解して応募してきた人」という印象を先頭1文で作れるかどうかが選別の最初のフィルターになります。
【注意点】: テンプレートをそのまま使い回して案件名だけ変えると逆効果です。クライアントは定型文かどうかを敏感に感じ取るため、先頭1文に案件固有の要件を毎回入れ直してください。
ハック3: 納期1日前提出で継続率を高める
【対象】: 初回受注はできるが、同一クライアントからの継続依頼が来ない在宅デザイナー
【手順】: 案件を受注したら、納期の2日前を「内部締め切り」として手帳またはNotionに記録します（5分）。内部締め切りまでに完成品を仕上げ、当日中にクライアントに送信してください（制作時間は案件による）。送信時のメッセージに「修正依頼は〇日まで承ります」と修正期限を明示して送ります（5分）。
【コツと理由】: 「納期1日前提出」を徹底する理由は、クライアントが修正指示を出す時間的余裕を意図的に確保するためです。修正対応を含めて納期内に完了できるという安心感がクライアントの継続依頼意欲に直結します。
【注意点】: 修正が多くなりそうな案件では、着手前にクライアントと「修正は〇回まで」という条件を確認しておいてください。修正回数の上限を最初に合意しておくことが長期的な受注関係を守る基本です。
ハック4: バナー量産練習で制作速度を短縮する
【対象】: 1点のデザインに時間がかかりすぎて、案件単価と時間効率が合わないと感じている未経験者
【手順】: 同じバナーサイズ（例: 300×250px）で、配色・フォント・レイアウトを変えながら10パターンを1日で制作します（3〜4時間）。完成した10パターンをFigmaのコンポーネント機能でテンプレート化して保存してください（30分）。次の案件でこのテンプレートをベースに制作することで、1点あたりの制作時間を15〜30分短縮できます。
【コツと理由】: 「10パターンを素早く作る」量産練習の方が実務での制作速度が早く身につきます。実際の案件ではクライアントからAB案の提示を求められることも多く、短時間で複数案を出せる能力が評価につながります。
【注意点】: テンプレートを使い回しすぎると、クライアントごとのデザインの個性が消えます。色・フォント・アイキャッチ画像は毎回クライアントのブランドカラーに合わせて変更してください。
ハック5: 週次の応募数を固定して安定受注率を維持する
【対象】: 仕事が来るときと来ないときの波があり、収入が不安定な在宅デザイナー
【手順】: 毎週月曜にCrowdWorksとLancersを確認し、応募数の目標を「週5件」と固定します（15分）。受注できた週は翌週の応募数を3件に減らし、受注がなかった週は7件に増やして調整してください（毎週15分の確認で完了）。月の応募総数20件を下回らないように3ヶ月間継続し、通過率を記録して改善箇所を特定します（月末に30分）。
【コツと理由】: 「常に一定数の提案を出し続ける」方が収入の谷間を防げます。案件が完了してから次の応募を始めると、次の受注まで1〜3週間の空白が生じます。応募を止めずに一定数を維持することで、常にパイプラインに候補案件を持てる状態になります。
【注意点】: 応募数を増やすために質を下げた提案を量産するのは逆効果です。週5件は「丁寧に書いた提案を週5件」という意味です。1件あたりの準備時間を削って件数を増やすことはやらないでください。
CHECK
▶ 今すぐやること: 今週の応募目標を5件と設定し、CrowdWorksで応募できる案件を3件ブックマークする（20分）
Q: スクールに通った方が在宅案件の獲得は早くなりますか？
A： スクールによっては案件紹介やキャリア支援が付帯しているため、独学より初案件獲得が早くなるケースがあります。ただし費用が20〜60万円かかるため、まずProgateなどの無料コースで適性を確認してから判断してください。
webデザイン在宅を5ステップで実現する：未経験から月10万円への行動まとめ
未経験からwebデザインの在宅ワークを始めるには、Figma・HTML/CSS・バナー制作の3スキルを習得し、模写3点のポートフォリオを作成してからクラウドソーシングに応募することが最短経路です。初案件は単価より評価獲得を優先し、納期1日前提出と24時間以内の修正対応で継続受注につなげることが収入を安定させる核心です。副業で月収が3ヶ月連続10万円を超えたタイミングをフリーランス独立の分岐点として判断してください。
今日Figmaを開いて1時間模写制作をするだけで、このガイドの最初のステップが完了します。学習を完璧にしてから応募しようとするより、作品を1点作って提案を1件送ることの方が、在宅案件獲得への距離を確実に縮めます。
| 状況 | 次の一歩 | 所要時間 |
| Figmaを触ったことがない | Figma無料登録→好きなサイトを模写 | 1〜2時間 |
| ポートフォリオがない | 模写3点+制作意図100文字をNotionで公開 | 3〜5時間 |
| 案件を探したい | CrowdWorks登録→未経験歓迎で10件提案 | 1〜2時間 |
| 継続受注が来ない | 納期1日前提出+修正24時間対応を習慣化 | 次回案件から即実践 |
| 独立時期を判断したい | 直近3ヶ月の副業収入を集計して10万円超か確認 | 10分 |
また、副業から始める低リスク独立の手順も参考にすると、収入ゼロのリスクを最小化しながら独立移行できます。
webデザイン在宅未経験に関するよくある質問
Q: webデザイン在宅は未経験でも本当に稼げますか？
A： バナー修正・LP修正などの小規模案件であれば、Figmaの基礎とHTML/CSS基礎を習得した段階で受注できます。最初の3〜6ヶ月は月3〜5万円が現実的な水準で、実績と評価が蓄積されるにつれて月10〜20万円へのステップアップが可能です。
Q： 学習期間はどのくらいかかりますか？
A： 1日1〜2時間学習した場合、Figmaの基礎習得に1〜2週間、HTML/CSS基礎に2週間、模写3点の制作に1〜2週間かかります。合計1.5〜2ヶ月で初案件に応募できる状態になります。
Q： 在宅webデザイン案件の相場はいくらですか？
A： バナー1点3,000〜8,000円、LP修正10,000〜30,000円、LP新規制作30,000〜100,000円が目安です。未経験段階では下限に近い単価から始まり、実績と評価の積み上げにより3〜6ヶ月で単価が上がっていきます。
【出典・参照元】
Figma公式 – Figmaの公式サービスページ
Progate – HTML/CSSの無料学習コース
総務省情報通信白書 – スマートフォントラフィック比率のデータ
liginc.co.jp – Webデザイナーの在宅ワークは難しい？ – 未経験から在宅Webデザイナーを目指す実務寄りの解説
japan-design.jp – 未経験から在宅WEBデザイナーになるのは難しい？ – 未経験からWebデザイナーを目指す方法の解説
online.dhw.co.jp – Webデザイナーとして独立するには？ – 小さな案件獲得の流れに関する実践記事
CrowdWorks公式 – 国内最大級のクラウドソーシングプラットフォーム
Lancers公式 – 国内大手クラウドソーシング
テンプスタッフ – Webデザイナー未経験在宅求人 – 未経験・在宅のWebデザイナー求人一覧
doda – 職種未経験歓迎Webデザイナー求人 – 未経験歓迎のWebデザイナー求人検索