未経験からでも在宅Webデザイナーとして働くことは可能で、学習開始から最短3ヶ月で有償案件を獲得した事例があります。この記事では必要スキルから案件獲得まで5ステップで解説します。
▶ 3日で初案件PR
この記事でわかること
最短3ヶ月で有償案件を獲得するための5ステップの全容、未経験でも通るポートフォリオの作り方（3作品から応募可）、転職かフリーランスかを3分で判断できる診断つき
今のデザインの仕事で、一番近い悩みは？
この記事の結論
未経験から在宅Webデザイナーになるには、スキル習得・模写制作・ポートフォリオ公開・クラウドソーシング登録・継続受注の5ステップを順番に実行することが最短ルートです。デザインツールとHTML/CSSの基礎を固めたうえで、低単価でも有償案件の実績を積むことが、フリーランスとして在宅で安定収入を得るための前提条件になります。企業への転職ルートとフリーランスルートの2択があり、未経験段階ではどちらが自分に合うかを先に判断することが、遠回りを避けるうえで外せない判断です。
今日やるべき1つ
クラウドワークスに無料登録し、「Webデザイン」「未経験歓迎」で案件を検索して、現在どんな募集があるかを確認する（10分）。
状況別ショートカット
| 状況 | 読むべきセクション | 所要時間 |
| 何から学べばいいか分からない | 在宅Webデザイナーに必要な5スキル | 3分 |
| ポートフォリオを作りたい | 未経験ポートフォリオは3作品で勝負 | 3分 |
| 案件をどう取ればいいか知りたい | 在宅案件は5つの仕組みで獲得 | 4分 |
| 転職かフリーランスか迷っている | 在宅Webデザイナーの働き方を3分で診断 | 3分 |
| 実際の事例を見たい | 未経験在宅の実例は2パターンで比較 | 3分 |
在宅Webデザイナーに必要な5スキル
HTML/CSSは在宅案件の最低条件
在宅Webデザイナー案件の多くは、コーディングへの理解を求めています。デザインだけを担当する純粋な「デザイナー分業型」案件は限られるため、HTML/CSSの基礎を持たない状態では応募できる案件数が大幅に制限されます。HTMLとCSSを最初に学ぶことは選択肢の問題ではなく、在宅案件の間口を広げるための必須条件です。学習の優先順位は「HTML構造の理解→CSSでのスタイル指定→レスポンシブデザインの基礎」の順が実務に直結します。
Figmaはデザインツールのデファクトスタンダード
Figmaは国内Web制作会社の主要ツールとして広く採用されており、PhotoshopやIllustratorより先に習得することを推奨します。Figmaが無料で使えること、ブラウザで動作するためPC環境を選ばないこと、クライアントへのデザイン共有が1つのリンクで完結することの3点が、その理由です。Photoshop・Illustratorは「バナー制作」「印刷物対応」が求められる案件で必要になりますが、最初のポートフォリオ制作はFigmaだけで十分対応できます。Figmaのポートフォリオ作成方法では、フリーランスデザイナー向けのFigmaポートフォリオ制作手順を詳しく解説しています。
レスポンシブデザインは案件要件に必ず含まれる
スマートフォン対応（レスポンシブデザイン）は、現在のWeb制作案件においてほぼ全件の要件に含まれます。「PC版のみのデザイン」を依頼する案件は少数にとどまっており、未経験者がレスポンシブを後回しにすると、ポートフォリオ完成後に案件応募の壁に直面します。CSSのメディアクエリの基礎と、モバイルファーストの設計思想を学習初期から組み込むことが、後の手戻りを防ぐ最短ルートです。
PhotoshopとIllustratorは用途を限定して習得
PhotoshopはWeb用バナー・画像加工、Illustratorはロゴ・アイコン・印刷物に使うツールです。在宅Webデザイン案件に限定するなら、Photoshopの「レイヤー操作・書き出し・リサイズ」だけを先に覚え、Illustratorは「Figmaで対応できない案件が来たとき」に追加習得する段階的アプローチが現実的です。最初からAdobe全製品を習得しようとすると、学習だけで長期間かかり、案件獲得が後ろ倒しになります。WebデザイナーはFigmaとPhotoshopどっち？という解説記事も参考にしてください。
WordPressの基礎で案件単価が上がる
クラウドソーシングのWeb制作案件のうち、WordPressを使ったサイト構築・カスタマイズ案件は一定数を占めます。WordPressの基礎（テーマのインストール・CSS編集・プラグイン設定）を身につけると、静的HTMLサイトのみの案件に比べて単価が上がる傾向があります。スキル習得の第3フェーズとしてWordPressを加えることで、クラウドソーシングでの受注競争力が高まります。
CHECK
▶ 今すぐやること: Figmaの無料アカウントを作成し、公式チュートリアルの「Figmaの基本」を完了させる（30分）
Q: デザインとコーディングのどちらを先に学ぶべきですか？
A： HTMLとCSSを先に学んでください。在宅案件の多くがコーディング理解を前提としているため、デザインツールだけ先行させると応募できる案件数が制限されます。学習順は「HTML/CSS基礎（2週間）→Figma（2週間）→レスポンシブ（1週間）」を目安にすると実務に直結します。
Q： Adobeソフトは最初から必要ですか？
A： 最初は不要です。Figmaは無料で使えるため、ポートフォリオ制作まではFigmaで完結できます。Photoshopが必要なのは「バナー制作」「画像加工を伴うLP」などの特定案件です。月額費用がかかるため、案件が決まってから契約するので十分です。
未経験ポートフォリオは3作品で勝負
模写3件が最速のポートフォリオ起点
模写制作とは、既存のWebサイトをコードとデザインで再現する学習手法です。模写を3件完成させると、HTML/CSS・Figmaの基礎を実際に使った形跡として提示でき、「学習中」ではなく「制作経験あり」のポジションで応募できます。選ぶサイトは「LP（ランディングページ）1件・コーポレートサイト1件・ポートフォリオ系サイト1件」の3種が推奨です。デザインの幅広さをアピールできます。Webデザイン模写のやり方では、初心者でも実践できる5ステップの練習法を詳しく解説しています。
GitHub Pagesで公開して信頼度を上げる
ポートフォリオは「PDF」や「画像」での提示より、URLで閲覧できる状態が評価されます。GitHub Pagesは無料で静的サイトを公開できるため、費用ゼロでポートフォリオを実装した状態で見せることができます。URLを履歴書・応募文・クラウドソーシングのプロフィールに記載するだけで、「実際に動くサイトを作れる人」という印象を与えられます。2週間でポートフォリオサイトを作る方法も参考になります。
第三者レビューで完成度を底上げする
自分だけで制作したポートフォリオには、「見づらい」「情報の優先順位がおかしい」という問題が残りやすいです。XのデザインコミュニティやデザインSNS（Dribbble・Behance）への投稿、または無料スクールのコミュニティでフィードバックを受けることで、第三者目線の改善を反映できます。レビューを1回受けて修正したポートフォリオは、初期版より採用率が上がる傾向があります。
CHECK
▶ 今すぐやること: 参考にしたいLPを1つ選び、FigmaかHTMLで模写制作を開始する（初回は2〜3時間を目安）
Q: 模写制作は著作権的に問題ありませんか？
A： 「模写制作・学習目的」であることを明記し、商用利用をしなければ問題のない範囲で行えます。ただし、模写した制作物を「実績として本番サイトと同等に見せる」ことは避け、「学習のための再現制作」と明示することが誠実な対応です。
Q： ポートフォリオは何作品あれば案件に応募できますか？
A： 最低3作品から応募できます。3作品の場合は、LPや簡単なコーポレートサイトなど種類の異なる制作物を揃えると、対応範囲が伝わりやすくなります。5作品以上あると採用率が上がる傾向がありますが、まず3作品で応募を始めながら並行して追加制作する方が、実績を早く積めます。
在宅Webデザイナーの働き方を3分で診断
Q1: 現在、別の仕事はありますか？
現在別の仕事がある場合はQ2へ進んでください。現在仕事がなく、3ヶ月以内に収入を得る必要がある場合はResult Aへ進んでください。
Q2: Webデザインの学習経験はありますか？（ポートフォリオ制作が1件以上完成している状態）
学習経験がある（ポートフォリオ1件以上ある）場合はQ3へ進んでください。まだ学習を始めたばかり・学習前の場合はResult Bへ進んでください。
Q3: 営業・クライアント対応・請求管理を自分で担える環境にありますか？
自分で担える場合はResult Cへ進んでください。担えない・サポートがほしい場合はResult Dへ進んでください。
Result A: まず副業でクラウドソーシングから始める
収入の優先度が高い場合、いきなりフリーランス転向より副業から入るルートが安全です。クラウドワークスやランサーズで「未経験歓迎・在宅」の低単価案件（3,000〜10,000円）から始め、月2〜3件の実績を3ヶ月積んでからフリーランス化を検討してください。
Result B: スキル習得を先行させ、ポートフォリオ完成後に案件応募
学習前・初期段階での案件応募は採用率が低く、時間を消耗します。まずHTML/CSS・Figmaの基礎を2ヶ月で固め、模写3件を完成させてからクラウドソーシングに登録するルートが、最短で有償案件に到達できます。
Result C: フリーランスとして独立し、在宅案件を直接受注
スキルと実績があり、営業を自分で担える状況なら、フリーランス独立が在宅ワークの自由度と単価の両方を最大化できます。クラウドソーシングからSNS・紹介経由へと受注チャネルを広げることで、月収30〜50万円の在宅収入を目指せます。フリーランス適性診断も活用して、フリーランスへの準備状況を確認しておくとよいでしょう。
Result D: 在宅可の正社員・派遣・業務委託に転職してスキルを積む
営業・契約・請求をすべて自分で担うのが難しい段階では、企業に所属して在宅ワークをする方が安定します。「テレワーク可」「フルリモート」の求人に転職し、実務経験を1〜2年積んでからフリーランス化するルートは、収入の安定と在宅を両立できます。
CHECK
▶ 今すぐやること: 上記診断でResult A〜Dのどれに当てはまるかを確認し、自分のルートを1つに絞る（5分）
Q: 未経験のままフリーランスになることはできますか？
A： 「ポートフォリオがある状態での未経験」が前提条件です。スキル習得ゼロ・制作実績ゼロの状態でフリーランスを名乗っても、案件獲得はほぼできません。最低でも模写3件・ポートフォリオ公開済みの状態でクラウドソーシングに登録することを出発点にしてください。
Q： 企業転職とフリーランスの年収の差はどのくらいですか？
A： 未経験入社後1〜2年の企業勤務では年収250〜350万円が一般的です。フリーランスの場合、案件獲得が安定するまで月収が不安定ですが、実績が積み重なった3年目以降では月収50万円以上も目指せる水準です。最初の1〜2年の安定収入を重視するなら企業転職、2〜3年後の収入最大化を重視するならフリーランスルートが合っています。
デザインの仕事で単価を上げたい方へ
Webデザインの学び方をLINEで受け取る
LINEで無料で届くもの
- 20本Webデザインの無料レッスン
- 全工程Photoshopの解説動画
- 4本限定のPDF・動画
登録1分・情報収集だけでもOK・セミナー参加は自由
タップするとLINEの友だち追加画面が開きます
スマホのカメラで読み取ると
LINEの友だち追加が開きます
LINE登録のよくある質問
- お金はかかりますか？
- LINEの登録と、届くレッスン・動画・PDFは無料です。
- どんな連絡が来ますか？
- レッスンや動画のほか、無料セミナーの案内が届きます。参加するかは自由です。
- やめたいときは？
- LINEでブロックすれば、それ以上は届きません。
PR提供: 日本デザインスクール（デザスク）
未経験在宅の実例は2パターンで比較
ケース1（成功パターン）: 副業スタートで3ヶ月後に初受注
現職を続けながらWebデザインを学習し始めたAさん（20代・会社員）は、HTML/CSS・Figmaの基礎習得を2ヶ月で完了し、模写制作3件をGitHub Pagesで公開しました。その後クラウドワークスに登録し、バナー制作5,000円の案件に応募したところ、ポートフォリオURLを提示したことで3件目の応募で受注に成功しました。
クラウドワークスには「まずは小さな案件から始められる」方針の募集が存在します（クラウドワークス・未経験向け在宅案件）。最初から高単価案件だけに応募していれば、実績がないまま不採用が続き、モチベーションが低下していた可能性があります。小さな案件を着実に積み上げた判断が、3ヶ月での初受注につながりました。
ケース2（失敗パターン）: スキルが曖昧なまま応募して3ヶ月消耗
デザインに興味を持ったBさん（30代・主婦）は、学習よりも先にクラウドソーシングへの登録と案件応募を始めました。ポートフォリオなし・制作経験なしの状態では応募しても返信すらなく、3ヶ月で10件以上応募して受注ゼロ。途中でスクールの学習に切り替え、改めてポートフォリオを完成させてから再挑戦したところ、1件目の応募で受注できました。
クラウドワークス・未経験◎×完全在宅案件には「初心者OK」「在宅で学べるデザインワーク」といった募集が存在します。最初からスキル習得を優先していれば、3ヶ月の消耗なく最短でスタートできていました。応募の前にポートフォリオを完成させるという順序が、未経験者には最も重要な判断です。
CHECK
▶ 今すぐやること: 自分が今「学習フェーズ」か「応募フェーズ」かを判断し、ポートフォリオが完成していなければ応募を後回しにする（5分）
Q: クラウドソーシングで未経験者が受注するために最も重要なことは何ですか？
A： ポートフォリオURLの提示が最も重要です。ポートフォリオURLがある応募者とない応募者では、クライアントの選択率に大きな差が出ます。応募文の質よりも、実際に動くサイトや制作物を見せられる状態を作ることを優先してください。
在宅案件は5つの仕組みで獲得
ハック1: クラウドソーシングの応募文を職種別に3パターン用意して返信率を上げる
【対象】: クラウドソーシングで案件応募を始めたが、返信がもらえない段階の未経験者
【手順】: クラウドワークスとランサーズに無料登録し、プロフィールにポートフォリオURLを記載します（30分）。次に、「バナー制作」「LP制作」「コーディング」の3カテゴリ別に、応募文テンプレートを各200文字で作成します（1時間）。応募ごとに案件の要件（納期・デザインテイスト・用途）に合わせてテンプレートの冒頭1〜2文を書き換えて送信します（1件15分）。
【コツと理由】: 「案件要件に直接応答する書き出し」に変えるだけで返信率が上がります。クライアントは多数の応募文を比較するため、冒頭で「この案件の要件を理解しています」と示した応募者を優先的に選ぶからです。テンプレートを持つことで「毎回ゼロから書く」手間が省けると同時に、要件対応のカスタマイズに集中できます。
【注意点】: 応募文を長くする必要はありません。300文字を超える長文応募文は読まれずに飛ばされるケースが多く、200〜250文字で要件への対応力を示す方が実績につながります。
ハック2: 低単価案件を3件受注してレビューを積み、中単価への橋渡しを作る
【対象】: ポートフォリオは完成しているが、受注実績がゼロで高単価案件に応募できない段階の人
【手順】: クラウドワークスで単価3,000〜10,000円の「未経験歓迎」「在宅可」案件に絞って10件リストアップします（20分）。ハック1の応募文テンプレートを使って3件同時に応募します（45分）。受注できたら、納品後に丁寧なお礼と「ご感想をいただけると励みになります」の一文を送り、レビュー獲得率を上げます（5分/件）。
【コツと理由】: 低単価案件は「レビューゼロの状態で中単価案件に応募しても採用されない」という現実を突破するための投資です。クラウドソーシングのプラットフォームはレビュー数・受注実績数を評価指標にしているため、最初の3件を「実績づくりへの投資」として割り切ることが、4件目以降の単価引き上げにつながります。
【注意点】: 低単価案件を受け続けることは避けてください。3件でレビューを積んだ後は、応募する案件の下限単価を15,000円以上に切り替えます。低単価のみを受け続けると、プロフィールに「低単価専門」の印象が定着し、単価交渉が難しくなります。
ハック3: 連絡速度と修正対応の速さで評価を積み、指名受注率を上げる
【対象】: 受注はできているが、リピートや紹介が発生せず、毎回新規営業に頼っている段階の人
【手順】: クライアントからの連絡には24時間以内（できれば当日中）に返信するルールを自分で設定します（設定5分）。修正依頼を受けた際は「修正内容の確認→対応可否の返信→完了報告」の3ステップを定型化し、修正1回あたり24時間以内に完了させます（1件30〜60分）。納品時に「今後同様の案件があればいつでもご連絡ください」の一文を添えて次の指名受注への布石を打ちます（2分）。
【コツと理由】: 実務では「連絡が早くて修正が速いデザイナー」が繰り返し選ばれます。クライアントにとってデザインの良し悪しより「コミュニケーションコストの低さ」が選択基準になるからです。未経験段階では、デザインで差をつけることより、対応速度で信頼を積む方が再受注につながるスピードが速いです。
【注意点】: 連絡速度を上げようとするあまり、確認不足のまま返信するのは逆効果です。「すぐ返信するが内容の誤認識が多い」パターンは、むしろ信頼を下げます。確認してから返信する習慣を守りつつ、返信そのものを翌日以降に延ばさないことが重要です。
ハック4: SNSとGitHubのプロフィールを整備して、問い合わせ経由の案件を作る
【対象】: クラウドソーシングだけに依存していて、受注単価の天井を感じている段階の人
【手順】: XのプロフィールにWebデザイナーとしての活動・使用ツール・対応可能な案件種類を記載し、ポートフォリオURLを設置します（20分）。GitHubに制作物のソースコードを公開し、READMEに制作物の概要・使用技術・工夫点を日本語で記載します（30分/件）。週1回以上、制作物の過程やTipsをXに投稿して存在感を出し続けます（1投稿15〜30分）。
【コツと理由】: クラウドソーシングは競合が多く手数料が引かれるため、SNSや紹介経由の案件への移行が収入の上限を引き上げます。SNSや紹介経由の案件はクラウドソーシングより単価が高く、クライアントの質も安定しているケースが多いです。問い合わせ直接受注への移行を意識することが、長期的な収入増につながります。フリーランス初営業で挫折しないための5ステップも参考にしてください。
【注意点】: フォロワー数を増やす行動は不要です。投稿数より「制作物を見せ続ける」ことの方が案件問い合わせにつながります。「バズるコンテンツを作る」ことに時間をかけるより、制作物の過程を淡々と投稿することを優先してください。
ハック5: 受注後のフローを定型化して、案件対応にかかる時間を削減する
【対象】: 案件を受注し始めたが、毎回対応に時間がかかりすぎて時間単価が低い段階の人
【手順】: 受注確定時のヒアリングシート（目的・デザインテイスト・参考サイト・納期・修正回数の確認項目）をGoogleフォームで作成し、クライアントに送付する形式を整えます（初回1時間）。納品物のファイル形式・命名規則・フォルダ構成をテンプレート化して毎回使い回します（初回30分）。請求書はクラウドソーシング外の直接受注に備えてmisocaやfreeeで自動作成できる設定をしておきます（初回30分）。
【コツと理由】: 「仕組み化された対応フロー」を持つデザイナーの方が品質が安定し、クライアントの信頼を得やすいです。ヒアリング漏れによる認識ズレが修正回数を増やす最大の原因であり、定型化で防止することで案件1件あたりの作業時間を短縮できます。
【注意点】: ヒアリングシートを送ることに遠慮する必要はありません。「プロとして案件を整理するための確認事項」として送ることで、クライアントの信頼度が上がります。遠慮によるヒアリング漏れが、後で修正対応に余計な時間をかける原因になります。
CHECK
▶ 今すぐやること: クラウドワークスのプロフィールページを開き、ポートフォリオURLを記載してから「バナー制作・未経験歓迎」で案件を5件リストアップする（20分）
Q: フリーランスとして在宅で月収30万円を達成するまでに何ヶ月かかりますか？
A： 学習開始から計算すると、最短で6〜8ヶ月が一つの目安です。内訳は「スキル習得2ヶ月・ポートフォリオ完成1ヶ月・クラウドソーシングで実績3件積み上げ2〜3ヶ月・単価引き上げ1〜2ヶ月」です。週20時間以上を学習と案件対応に充てた場合の目安であり、週5〜10時間では12〜18ヶ月かかることも多いです。
Q： ランサーズとクラウドワークスはどちらを使うべきですか？
A： 両方に登録してください。案件の傾向として、クラウドワークスはタスク形式の小案件が多く実績ゼロの段階で受注しやすい傾向があります。ランサーズはプロジェクト形式の案件が多く、単価がやや高い傾向があります。最初の3件はクラウドワークスで積み、その後ランサーズでの応募を並行させるのが効率的です。
未経験在宅Webデザイナーは5ステップで実現
在宅でWebデザインの仕事を続けていくうえで、最初の3件の受注を「実績づくりへの投資」と割り切れるかどうかが、長期的な在宅ワーカーになれるかどうかの分岐点です。スキルは学習すれば身につきますが、「小さな実績を積み上げる忍耐力」は意識しなければ途中で折れます。3ヶ月先の自分のために、今日の10分を使ってください。フリーランスが在宅で仕事を増やす方法も合わせて参考にしてください。
| 状況 | 次の一歩 | 所要時間 |
| まだ学習を始めていない | HTML/CSSの無料教材（Progate等）を開く | 10分 |
| 学習中だがポートフォリオがない | 参考LPを1つ選んで模写制作を開始 | 2〜3時間 |
| ポートフォリオはあるが応募していない | クラウドワークスに登録して案件を検索 | 20分 |
| 応募したが受注できていない | 応募文を職種別3パターンに作り直す | 1時間 |
| 受注できているが単価が低い | SNSプロフィールにポートフォリオURLを設置 | 20分 |
webデザイナー 未経験 在宅に関するよくある質問
Q: 在宅Webデザイナーは未経験でも本当になれますか？
A： なれます。ただし「スキルゼロ・ポートフォリオなし」の状態で在宅案件を受注することは現実的に難しく、最低でも「HTML/CSS基礎・Figma操作・模写3件の完成」を済ませた状態が前提です。クラウドワークスには「未経験歓迎・完全在宅」の案件が存在しており（クラウドワークス案件一覧）、ポートフォリオさえあれば応募できる状態になれます。
Q： 独学とスクールはどちらがいいですか？
A： 独学でも在宅Webデザイナーになることは可能ですが、スクールを選ぶメリットは「カリキュラムの迷いがない・フィードバックをもらえる・求人紹介がある」の3点です。独学の場合、何を学ぶかの選定と、ポートフォリオへのフィードバックを自分で獲得する必要があります。費用をかけたくない段階ではProgateやUdemy（セール時1,500円程度）で基礎を独学し、ポートフォリオ完成後にキャリア支援があるスクールを活用するハイブリッドが費用対効果の高い選択です。Webデザインはスクールと独学どっち？では判断基準を詳しく解説しています。
Q: 在宅ワーク詐欺に引っかからないためにはどうすればいいですか？
A： 「初期費用を求める案件」「報酬が相場より極端に高い案件（バナー1枚5万円など）」「プラットフォーム外での連絡を求めてくる相手」はリスクが高い案件の特徴です。クラウドワークスやランサーズなどのプラットフォーム内で取引を完結させること、相手のレビューと受注実績を確認することの2点を守ることで、詐欺リスクを大幅に下げられます。
【出典・参照元】
クラウドワークス・未経験向け在宅Webデザイン案件 – 未経験・フリーランス志望向けの小案件から始められる募集例
クラウドワークス・未経験◎×完全在宅案件一覧 – 未経験者向け在宅案件の募集状況確認