▶ 3日で初案件PR
この記事でわかること
30代未経験からWebデザイナーへの転職が現実的な理由と、ポートフォリオを8点以上揃える具体的な作り方、転職とフリーランスのどちらを先に選ぶべきかの判断基準を解説します。
30代未経験からWebデザイナーに転職した事例は複数確認されており、フリーランスとして独立するには実務経験2〜3年が目安です。この記事では、学習順序・ポートフォリオの作り方・転職とフリーランスの選択基準を5ステップで解説します。
今のデザインの仕事で、一番近い悩みは？
この記事の結論
30代未経験からWebデザイナーを目指すことは、転職ルートであれば現実的な選択肢の1つです。まず転職で実務経験を2〜3年積み、その後フリーランスへ移行するルートが、継続的に案件を獲得できる状態に近づきやすい傾向があります。HTML・CSS・Figmaの基礎を習得し、課題解決プロセスが伝わるポートフォリオを8点以上用意することが、最初の仕事獲得につながる出発点になります。
最初に確認すること
転職を先に経験するかフリーランスから始めるかで、必要な準備の内容と時間が変わります。まず自分が「会社に所属しながら経験を積みたいか」「副業から小さく始めたいか」を決めてから、このガイドの該当セクションに進んでください（所要時間：5分）。
状況別ショートカット
| 状況 | 読むべきセクション | 所要時間 |
| 何から学べばいいか分からない | Webデザイナーに必要なスキルは3段階で習得 | 8分 |
| ポートフォリオをどう作るか分からない | ポートフォリオは課題解決プロセスで評価が変わる | 6分 |
| 転職とフリーランスどちらにすべきか判断できない | 転職とフリーランス、30代未経験が先に選ぶべき道 | 5分 |
| 最初の案件の取り方が分からない | 未経験から案件を取る5つの実践ノウハウ | 10分 |
| 独立できる状態か確認したい | 独立前に確認すべき3つの条件で判定 | 4分 |
Webデザイナーに必要なスキルは3段階で習得
30代から未経験でWebデザイナーを目指す場合、「デザインの基礎」「コーディング」「ツール操作」の3段階に分けて習得するのが実務上よく行われています。最初から全部を同時に学ぼうとすると、何から手を付けてよいか分からなくなります。3段階を順番に踏むことで、学習の空白期間を最小化できます。
第1段階：デザインの基礎とFigmaの操作を2ヶ月で固める
デザインの基礎とは、余白・フォント・配色・情報の優先順位という4つの視覚要素を意識して画面を組む力です。この段階ではFigmaを使い、実際に架空サイトのトップページを1枚作ることが具体的な目標になります。架空でも実際に手を動かして完成させると、ポートフォリオの素材としても使えます。
Figmaは無料プランで十分に学習できます。「どうすれば見やすくなるか」を毎回1点だけ意識して修正を繰り返す方が、一度で完璧なものを作ろうとするよりも上達が早いです。
第2段階：HTML・CSSでコーディングの読み書きを3ヶ月で習得
デザインをブラウザで動かすには、HTML・CSSの読み書きができる状態が前提になります。転職市場では「デザインだけしかできない」より「デザインとコーディングの両方に対応できる」候補者の方が、未経験可求人への応募で評価されるケースが多くあります。
フルスクラッチでゼロからサイトを組める水準まで求められることは、未経験採用の場では多くはありません。既存のコードを読んで修正できる、指示された箇所を変更できる、という水準を3ヶ月で目標にするのが現実的な設定です。コーディングに苦手意識が強い人は、この段階で2〜3週間停滞することが珍しくないため、完成度より量をこなす意識が助けになります。
第3段階：PhotoshopまたはWordPressを案件に応じて選択
第3段階は、目指すジャンルによって優先度が変わります。バナー・広告制作系の仕事を狙う場合はPhotoshopかIllustrator、中小企業のWebサイト制作案件を狙う場合はWordPressの操作を加えると、クラウドソーシングや転職市場での対応可能な案件の幅が広がります。3つ全部を同時に学ぶ必要はなく、応募したい案件に合わせて選ぶ方が学習時間を無駄にしません。
CHECK
▶ 今すぐやること: Figmaの無料アカウントを作成し、架空サイトのトップページを1枚だけ作り始める（30分）
Q: プログラミング（JavaScript）は必須ですか？
A： Webデザイナーとして転職・案件獲得を目指す段階では、JavaScriptは必須ではありません。HTML・CSS・Figmaの操作ができた上で、案件の要件に応じて学ぶ順序が一般的です。
Q： 30代から新しいツールを覚えるのはきついですか？
A： Figmaは直感的な操作で学びやすいツールで、20代と比較して習得に大幅な時間差が出るわけではありません。業務経験を持つ30代は、クライアントとのやり取りや要件整理の場面で経験が活きます。
ポートフォリオは課題解決プロセスで評価が変わる
ポートフォリオに制作物を並べるだけでは、採用担当者やクライアントに「この人にどんな仕事を頼めるか」が伝わりません。制作物と一緒に「何の課題を解決しようとしたか」「自分がどの部分を担当したか」を示すことが、競合する他の応募者との差になります。
LIG Inc.の転職事例記事でも「ポートフォリオは制作物だけでなく制作意図や役割の説明が重要」と述べられており、この点が採用側の評価軸として機能しています。フリーランスとして仕事を取りに行く段階でも、フリーランスの仕事につながるポートフォリオの作り方で解説されているように、実績・価格・著作権の記載を揃えることが案件獲得の基本になります。
作品は8点以上を目標に、架空案件から始める
未経験の状態でポートフォリオに載せる作品数の目安は8点以上です。実務経験がない段階では、架空の飲食店サイト・架空のサービスLP・競合サイトのリデザインなど、実在しないクライアントを設定して制作しても問題ありません。大切なのは、1点ごとに「何を改善しようとしたか」を1〜2文で添えることです。
架空案件でも設定を具体的にした方が説明文が書きやすくなります。「飲食店のサイト」ではなく「20〜30代の女性が予約前に確認する情報を優先して配置した飲食店サイト」のように条件を決めると、課題設定の説明が具体的になります。
役割・使用ツール・制作期間を必ず明記する
ポートフォリオに掲載する各作品には、役割（デザイン担当・コーディング担当・両方担当）、使用ツール（Figma・Photoshop・HTML/CSS等）、制作にかかった期間を明記します。採用担当者が最初に確認するのは「この候補者が何をどこまでやれるか」であるため、省略すると評価ができません。
改善前・改善後の比較を1点は含める
既存の粗いデザインを自分なりに改善したビフォーアフターを1点含めると、課題発見と修正の思考プロセスが伝わります。競合サイトのデザインを模写した上で改善案を提示する形でも構いません。完成品の美しさより、「なぜそうしたか」が読み取れる説明があることの方が評価対象になります。
CHECK
▶ 今すぐやること: 架空クライアントを1つ設定し、ターゲット・課題・改善案を書き出してメモする（15分）
Q: ポートフォリオはどのサービスで公開すればよいですか？
A： Notion・Wix・Adobe Portfolioなどが無料または低コストで利用できます。URLで共有できる形式で公開することが前提で、PDFだけで提出する形式はリンク共有ができないため避けた方が使いやすいです。
Q： ポートフォリオに学習記録のブログは含めた方がよいですか？
A： 学習ブログは補足資料として添付することは問題ありませんが、採用・案件獲得の評価軸は制作物です。ブログの充実を優先して制作物の数が減るのは本末転倒になるため、制作物を先に8点揃えることを優先してください。
転職とフリーランス、30代未経験が先に選ぶべき道
「転職かフリーランスか」という問いに対して、30代未経験の状態では、転職を先に経験する方が現実的な選択肢の1つです。副業から小さく始めたい場合や、すでに本業で営業・企画・ライティングの経験がある場合は、フリーランス移行を視野に入れながら並行する方法もあります。
30代以降の未経験デザイン転職とフリーランス志向の体験談では、「転職ルートで経験を積む方が、フリーランスへの移行後に安定しやすい」という実体験が記録されており、転職を先に選んだケースの具体例として参照できます。
転職ルートが向いているケース
転職ルートは、フィードバックをもらいながら実力を伸ばしたい場合、月次の収入をある程度安定させながら経験を積みたい場合に向いています。未経験可求人に採用された場合、先輩デザイナーや制作ディレクターから直接指摘を受けられる環境があるため、独学では気づきにくい制作上のクセや商業デザインのルールが身につきやすい傾向があります。
転職のデメリットは、30代未経験の状態では応募できる求人の数が限られることです。「未経験可」と記載があっても実態として若手を優遇するケースがあることも珍しくなく、5〜10社に応募して書類選考を通過できるのが1〜2社というケースもあります。
フリーランス・副業ルートが向いているケース
フリーランスや副業から始めるルートは、本業を続けながらリスクを抑えて案件経験を積みたい場合、すでに営業経験・コミュニケーション能力があり自力で仕事を取りに行ける状態の場合に向いています。未経験の状態でいきなりフリーランス専業に移行するのは、収入が0になるリスクが高く、判断に迷う方が多いです。
副業から始める場合は、ランサーズまたはクラウドワークスで1〜3万円台の小規模案件を受けることから始め、実績と口コミを積み上げながら単価を上げていくのが現実的な進め方です。フリーランスとして独立する前に副業で収入源を二重化する流れについては、低リスク独立は5段階で実現｜副業から始める確実な手順も参考になります。
比較表：転職とフリーランス（副業）
| 比較項目 | 転職ルート | フリーランス・副業ルート |
| 収入の安定性 | 月次固定給あり | 案件獲得に応じて変動 |
| フィードバック環境 | 先輩・ディレクターから直接あり | 基本的に自己判断 |
| 実務経験の積みやすさ | 量をこなしやすい | 案件獲得が先行条件 |
| 向いているケース | 経験を積みながら伸ばしたい人 | 本業を続けながら試したい人 |
| 30代未経験での現実性 | 求人数は限られるが選択肢あり | クラウドソーシングから小さく始められる |
Q: 30代で制作会社に応募しても年齢で落とされますか？
A： 年齢を直接の採用基準とした採否は雇用対策法および職業安定法上の年齢差別禁止指針に抵触しますが、実態として若手を優遇する制作会社も存在します。未経験可求人の中から「異業種転職歓迎」と明記した求人を優先的に選ぶことが有効です。
Q： 制作会社・事業会社・フリーランスのどれが最初に向いていますか？
A： 未経験から制作スキルを最短で伸ばすには、制作会社の方が案件の種類と量が多い傾向があります。事業会社は特定ブランドの制作に特化するため、多様なスキルを広く習得したい段階では制作会社を優先する方法が選ばれることが多くあります。
PR提供: 日本デザインスクール（デザスク）
独立前に確認すべき3つの条件で判定
フリーランスとして独立できる状態かどうかを判断するための3つの条件を示します。自分の現状と照らし合わせて、「整っている」「まだ足りない」を確認してください（所要時間：3〜4分）。
Q1: ポートフォリオに8点以上の作品があり、各作品に課題解決の説明が添えられていますか？
Yesの場合はQ2へ。Noの場合はポートフォリオの整備を優先する段階です（ポートフォリオセクションを参照）。
Q2: クラウドソーシングまたは転職で、1件以上の実務経験がありますか？
Yesの場合はQ3へ。Noの場合はクラウドソーシングで小規模案件（1〜3万円台）を1件受注することを先に目標にする段階です。
Q3: 月次の固定費をカバーできる案件を、3ヶ月以上継続して獲得できる見通しがありますか？
Yesの場合はフリーランスとして独立を検討できる状態です。Noの場合は副業として受注を継続しながら、受注の安定を確認してから独立を検討する段階です。
判定結果まとめ：
3つ全て「Yes」の場合、独立を具体的に検討できる状態です。まず副業の受注を月2〜3件に増やしてから独立の時期を設定することが現実的です。Q1またはQ2が「No」の場合、準備段階です。ポートフォリオの整備または最初の1件の受注を完了させることが先決です。
Q: 独立直後の収入はどのくらいを見込めばよいですか？
A： 独立直後は月10〜20万円台からスタートするケースが多くあります。収入の見通しを立てるには、自分が対応できる案件の単価と受注可能な件数を掛け合わせて試算してください。案件の単価・受注件数・スキルの幅によって大きく変わるため、試算は複数パターンで行うことを推奨します。
Q： いきなりフリーランスで独立するのは無謀ですか？
A： 実務経験がない状態では継続的な受注が難しく、収入が安定しないリスクが高い傾向があります（フリーランスになるにはWeb制作会社と事業会社のどちらに…）。副業で受注を安定させてから移行する方が、精神的な余裕を保ちながら独立できます。独立準備に必要な手順については、独立準備は90日で完了｜抜け漏れゼロの全手順も参照してください。
未経験から案件を取る5つの実践ノウハウ
未経験の状態で最初の案件を取ることは、多くの人にとってポートフォリオを作る段階より難しいと感じる場面です。ここでは実務的な5つのノウハウを整理します。
ノウハウ1：クラウドソーシングは「実績0・低単価」からスタートして口コミを積む
【対象】: クラウドソーシングを使ったことがなく、最初の1件を受注したい人
【手順】: ランサーズまたはクラウドワークスにアカウントを登録し、プロフィールにポートフォリオのURLを記載します（30分）。次に予算1〜3万円台のバナー制作・ランディングページ修正案件を10件程度ブックマークし、「未経験歓迎」「実績なし可」と明記された案件へ提案文を送ります（1〜2時間）。受注後は納期より1〜2日早く納品し、修正対応を丁寧に行うことで口コミ評価を得ます（案件ごとに対応）。
【コツと理由】: 実績0から口コミを積み上げて次の案件単価を上げる方向で動いた方が継続受注につながります。クラウドソーシングでは口コミ評価と実績件数が次の受注に直接影響するため、最初の3〜5件は単価より評価獲得を優先する方が長期的に有利です。
【注意点】: 採用担当がまず確認するのはプロフィールとポートフォリオのURLです。プロフィールの完成を優先してから提案を始めることで、審査通過率が変わります。提案数だけ増やして採用率が上がらないという状況を避けるために、プロフィールを先に整えることを推奨します。
ノウハウ2：知人・前職のつながりから最初の案件を取る
【対象】: 営業が苦手で見知らぬ相手への提案に抵抗がある人
【手順】: 前職の職場・地元のコミュニティ・SNSのつながりの中から、Webサイトが古いまたは存在しない個人事業主・小規模店舗を3〜5件リストアップします（30分）。「学習で制作したポートフォリオを見てもらいたい」という話題から始め、改善できそうな点を1〜2個具体的に提示します（連絡1回あたり15分）。最初は「格安または無料で制作するので実績として使わせてほしい」という条件で依頼を受け、完成物とプロセスをポートフォリオに追加します。
【コツと理由】: 初期の案件において既存のつながりから声がかかるケースは少なくありません。知人案件は信頼関係があるため修正の相談がしやすく、初めて商業目的の制作を経験する場として適しています。
【注意点】: 無料・格安での制作は最初の1〜2件に限定してください。実績とポートフォリオを獲得した後も低単価を続けると、自分のスキルの価値の見積もりがずれていきます。「格安で対応できる」という評判が広まると、後からの値上げが難しくなるケースがあります。
ノウハウ3：提案文に「クライアントの課題」を先に書く
【対象】: 提案文を送っても採用されず、何を書けばよいか分からない人
【手順】: 応募する案件の依頼文を読み、クライアントが「何を困っているか・何を期待しているか」を2〜3点書き出してメモします（10分）。提案文の冒頭に「今回の依頼では〇〇と△△が課題と理解しました」という1文を置き、自分の提案がその課題にどう対応するかを続けて書きます（20分）。ポートフォリオの中から課題に近い作品を1〜2点選んでURLを記載し、提案文の末尾に置きます。
【コツと理由】: 「依頼者の課題を理解しているか」を最初に示した提案文の方が反応を得やすいです。クライアントは何十件もの提案を読むため、最初の2〜3文で「この人は依頼内容を理解している」と判断できる提案文が選ばれやすくなります。
【注意点】: 提案文のテンプレートを全案件で使い回すのは避けてください。案件ごとにクライアントの業種・目的が異なるため、冒頭の課題認識の1文は毎回書き直す方が採用率の改善につながります。同じ文章をコピーして送り続けると採用率が上がらないため、手間でも書き分けることを推奨します。
ノウハウ4：受注後の修正対応でリピートにつなげる
【対象】: 1件取れても次の案件がなく、毎回ゼロから探す状態になっている人
【手順】: 納品時に「今後Webサイト関連で何かあればお気軽にご連絡ください」という1文を添えたメッセージを送ります（5分）。納品から1ヶ月後に「その後サイトの反応はいかがですか？」という短い確認メッセージを1回だけ送ります（10分）。修正依頼が来た場合は、軽微な修正は無料で対応し、追加制作や大幅な変更には見積もりを提示します。
【コツと理由】: 既存クライアントからのリピートや紹介の方が、提案から受注までのコストが低く、単価交渉もしやすい傾向があります。1件丁寧に対応することで、2〜3件目の案件が既存クライアントから発生するケースは少なくありません。
【注意点】: 納品後に頻繁に連絡を送るのは避けてください。月1回程度の確認メッセージが最大で、それ以上は迷惑になるリスクがあります。納品後の対応は丁寧さで差をつける場面ですが、過剰な連絡はかえって印象を下げる場合があります。
ノウハウ5：SNS（X・Instagram）に制作過程を投稿して見つけてもらう
【対象】: 提案型の営業が苦手で、自分から売り込まずに仕事を得たい人
【手順】: X（旧Twitter）またはInstagramに「Webデザイン学習中」のアカウントを作成し、制作した作品・修正過程・学習で気づいたことを週2〜3回投稿します（1投稿あたり15〜20分）。同じような学習中の人・デザイナー・中小企業の経営者のアカウントに対してコメントや質問を行い、アカウントの存在を認知してもらいます（週30分程度）。プロフィール欄にポートフォリオのURLと「お仕事依頼はこちら」という連絡先を記載し、依頼が来た場合の窓口を明確にしておきます。
【コツと理由】: フォロワーが少ない段階でも業種に関心のある人の目に触れる機会があります。制作過程の投稿は「この人が何を考えて作っているか」を見せる効果があり、クラウドソーシングのプロフィールより人柄が伝わりやすいため、問い合わせにつながるケースがあります。SNS集客の具体的な仕組みについては、フリーランスのInstagram集客は5つの導線で受注を生むも参考になります。
【注意点】: フォロワー数の増加を目標にするのは避けてください。投稿の目的は「仕事につながる発信をすること」であり、バズ狙いの投稿やフォロバに時間を使うと、本来の制作時間が削られます。フォロワーより問い合わせの数の方が大切であるため、発信内容の質を優先してください。
Webデザイナー未経験30代の転職と独立：次の一歩をまとめる
30代未経験からWebデザイナーを目指す場合、最初は転職ルートで実務経験を2〜3年積んでから、フリーランスへ移行するステップが継続的な案件獲得につながりやすい傾向があります。フリーランスや副業から始めたい場合は、クラウドソーシングで小規模案件を3〜5件受注して口コミ評価を積んでから、単価と受注量を段階的に上げていくことが現実的な進め方です。
ポートフォリオなし・実務経験なしの状態でどのルートを選んでも、まずFigmaとHTML・CSSの基礎を習得し、8点以上のポートフォリオを整えることが最初の一歩になります。フリーランスとして活動する際の基本的な仕事の取り方については、フリーランスが初営業で挫折しないためにも参照してください。
| 状況 | 次の一歩 | 所要時間 |
| 学習を始めたばかり | Figmaで架空案件のトップページを1枚作る | 2〜4時間 |
| ポートフォリオが5点以下 | 架空クライアントを設定して作品数を8点に増やす | 2〜4週間 |
| 転職活動を始めたい | 未経験可・異業種転職歓迎の求人に絞って応募する | 1〜2週間 |
| 最初の案件を取りたい | クラウドソーシングに登録してプロフィールとポートフォリオURLを整える | 1〜2時間 |
| 副業で案件数を増やしたい | 既存クライアントへ納品後のフォローメッセージを送る | 10分 |
Webデザイナー未経験30代に関するよくある質問
Q: 30代未経験からWebデザイナーになるのに、スクールは必須ですか？
A： スクールは必須ではありませんが、独学の進め方が分からない場合や、フィードバックをもらえる環境が欲しい場合には選択肢の1つになります。スクールを利用しない場合でも、Figma公式のチュートリアルとオンライン学習サービスを活用してポートフォリオを作ることは可能です。
Q： Webデザイナーとして独立するには、実務経験はどのくらい必要ですか？
A： 実務経験2〜3年を目安とする見解が多くみられます（フリーランスになるにはWeb制作会社と事業会社のどちらに…）。クラウドソーシングでの副業実績を積み上げながら独立するケースでは、会社での実務経験年数だけが条件になるわけではなく、安定した受注実績があるかどうかの方が実態に近い判断基準になります。
Q： 営業が苦手でもフリーランスWebデザイナーになれますか？
A： なれます。SNSでの発信や、知人・前職のつながりからの受注、クラウドソーシングの提案型営業など、飛び込み営業以外の手段が多くあります。最初の3〜5件は単価より口コミ評価の獲得を優先し、リピートと紹介で案件を増やす方向が、営業が苦手な人にとって続けやすい進め方です。