Webデザイナーへの転職ロードマップ【未経験・社会人向け】採用側が評価するステップを逆算して解説

2026/07/08学習・スキル

「Webデザイナーになりたいけど、何から手をつければいいのかわからない」という気持ち、正直わかります。

学習方法を調べると情報が多すぎて、かえって迷う。スクールに入るべきか独学でいいのかも判断できない。そんな状態でとまっている方を、面接の場でも何人も見てきました。

この記事では、採用担当として5年間・転職希望者を何十人も面接してきた経験をもとに、「採用される状態」から逆算したロードマップを整理します。

学習の最短ルートよりも、転職活動で評価されるマイルストーンを中心に設計しています。

Webデザイナー転職ロードマップ全体像：6〜10ヶ月で何を準備するか

まず全体のスケジュール感を把握しておきましょう。

未経験からの転職は、準備から内定まで平均6〜10ヶ月かかるケースが多いです。ただし、これは「学習完了まで待ってから転職活動」をするパターン。採用担当として感じるのは、「完璧を目指して時間をかけすぎた」ケースは意外と採用されにくいという現実があります。

理由は後述しますが、まずはロードマップ全体をつかんでおきましょう。

📌 関連記事：「Webデザイナーはやめとけ」と言われる理由と採用担当の本音——踏み出す前に読んでおくと視界が開けます

注意：スクールに通う場合、カリキュラム期間（3〜6ヶ月）がSTEP1〜2に重なります。独学の場合は自分でペースを管理する必要があります。

STEP 1：土台作り（0〜2ヶ月）— 「ツールを触れる状態」を作る

何を学ぶか：HTML/CSS・Figmaの3本柱

土台フェーズで押さえるのは3つだけです。

Figmaは2023年以降、現場のデファクトスタンダードになっています。PhotoshopやIllustratorよりも先に触るべきツールです。

どこで学ぶか：無料リソースで十分スタートできる

土台フェーズは無料リソースで十分です。

• Progate（HTML/CSS・JavaScript）：ブラウザで完結・コード実行確認できる
• ドットインストール：短い動画で体系的に学べる
• YouTube（「Figma 使い方 初心者」）：最新UIに対応したチュートリアルが豊富

スクールを検討している場合は、ここで無料カウンセリングや体験授業を受けておくのがおすすめです。入学後のカリキュラムとの重複を事前に確認できます。

📌 関連記事：独学とスクールどっちがいい？転職経験者が4校のおすすめまで解説

STEP 2：ポートフォリオ制作（2〜5ヶ月）— 採用担当が実際に見ているもの

ポートフォリオは「完成度」より「思考過程」を見ている

採用担当として面接してきて、ポートフォリオについて一番感じること。それは「完成度が高い作品を1本だけ持ってくる人」より、「3本の作品にそれぞれ制作意図がある人」のほうが採用しやすいということです。

なぜかというと、実務では「なぜこのデザインにしたか」を説明する場面が必ず来るからです。「きれいに作ったけど、なぜそうしたか説明できない」状態では現場で使えないと判断せざるを得ません。

採用側が評価するポートフォリオの条件

「架空の案件でいいのか」という質問をよくされます。答えはYESです。実際に私が採用してきた人の多くが、架空のWebサイト・ランディングページ・バナー広告などを組み合わせてポートフォリオを作っていました。

ただし、「好きなものを作りました」だけではなく、ターゲット・目的・制作意図をセットで説明できるようにしておくことが重要です。

📌 関連記事：未経験からポートフォリオを作る方法【採用担当が評価した実例解説】

ポートフォリオサイト自体もコーディングで作る

作品をまとめる「ポートフォリオサイト」も、できればHTML/CSSでコーディングして作ることをおすすめします。

理由は単純で、「ポートフォリオサイト自体がコーディングの実績」になるからです。WordPressやSTUDIOで作ったものも悪くはありませんが、採用担当の目には「コーディングできる人」とは映りにくい。

ポートフォリオサイト自体の作り方・公開手順については、WordPressでポートフォリオサイトを作る手順【サーバーから公開まで全ステップ】にまとめています。サーバー契約からWordPress設置・公開チェックまでを解説しています。

STEP 3：転職活動（5ヶ月目以降）— 「まだ準備中」は長くて3ヶ月まで

転職活動を始めるタイミング

「もう少し勉強してから…」という気持ちはわかります。ただ、採用担当として正直に言うと、「学習が完全に終わってから転職活動する」という考え方は、結果的に遠回りになることが多いです。

ポートフォリオが2本以上あり、説明できる状態になったら転職活動を始めてかまいません。その後も学習しながら並行して活動するのが現実的です。

応募書類で気をつけること

前職がまったく異業種でも問題ありません。「ユーザーと話してきた営業経験がUIの改善アイデアに活かせる」「事務で培ったドキュメント整理力が情報設計に役立つ」など、関係性を自分で整理して言語化できれば、それが差別化になります。

面接で聞かれること（未経験者向け）

面接でよく聞かれる質問を整理しておきます。

📌 関連記事：Webデザイナーの採用面接で聞かれること【採用担当が本音で解説】

STEP 4：スクール vs 独学、どちらのルートで進めるか

ロードマップを進める「手段」の選び方

STEP1〜3を進める手段として、スクールと独学のどちらが合っているかは人によって変わります。一律に「スクールがいい」「独学で十分」とは言えない。

ただ、判断軸は整理できます。

スクールを選ぶ場合は、「転職支援の手厚さ」「ポートフォリオのフィードバック体制」「卒業後の求人紹介の実績」を軸に比較することをおすすめします。

📌 関連記事：Webデザインスクール比較【採用担当が転職支援・カリキュラムを評価】

📌 関連記事：ロードマップの最終段階、自分の作品をWebで公開するにはレンタルサーバーが必要です。最初の1台を目的別に選べる比較はこちら → ポートフォリオ用レンタルサーバー比較【4社を採用担当目線で】

📌 関連記事：作業環境・PC周りを整えるなら → Webデザイナーのデスクツアー2026｜リアルな作業環境を全部見せます

📌 関連記事：Webデザイナーになるための勉強時間はどれくらい？ — 勉強時間の目安を知りたい方はこちら

よくある質問

まとめ：「採用される状態」から逆算して動く

「完璧に準備してから動く」より、「動きながら準備する」ほうが転職は早く決まります。

まず小さく始めるとしたら、無料の学習サービスでHTMLを1時間触ってみるか、気になるスクールの無料カウンセリングを1件予約してみる——そのくらいのことから始めれば十分です。

関連記事

• 未経験からWebデザイナーに転職する方法
• 独学とスクールどっちがいい？転職経験者が解説
• Webデザイナーの採用面接対策
• ポートフォリオの作り方【採用担当が評価した実例】
• Webデザイナーに向いている人・向いていない人