未経験からWebデザイナー｜第二新卒が知るべき現実と現実的な入り方【2026年版】

〜「センス」で採用されることはありません。見られているのは、もっと具体的な3点です〜

未経験からWebデザイナーを目指す人は、非常に多くいます。

そして、エンジニアより難度が高いのが実情です。

理由は2つあります。求人数がエンジニアより少ないこと。そして応募者が多いことです。スクールの卒業生が、同じような成果物を持って同じ時期に応募します。

ただし、入り方はあります。「Webデザイナー」の求人だけを見るのをやめることです。

この記事では、現実と、現実的なルートを整理します。

1. 結論：知っておくべき3つ

未経験からWebデザイナーの3つの事実

① 求人はエンジニアより少なく、応募者は多い

② 見られているのは「センス」ではなく、目的に沿って作れるか

③ 「デザイナー」以外の入口がある（制作進行／マーケ／EC運営）

③を知らずに正面から応募し続けて、長期化する人が多くいます。

ただし、第二新卒の年齢であれば可能性はあります。前職の経験と組み合わせられるからです。

2. 市場の現実

2-1. デザインだけでは求人が少ない

「デザインだけ」の未経験求人は、ほとんどありません。

多くの求人では、次のいずれかが求められます。

• デザイン＋コーディング（HTML/CSS）
• デザイン＋Webマーケティングの理解
• デザイン＋更新運用（CMS操作）

コーディングができると、応募できる求人が明確に増えます。

3. 見られている3点

「センス」で採用されることはありません。

3-1. ①目的に沿って作れるか

デザインは、目的があって作るものです。

「なぜそうしたか」を説明できるかどうかが、最も見られます。

3-2. ②コーディングできるか

HTML/CSSで形にできると、応募できる求人が増えます。

WordPressが触れると、求人の幅が広がります。中小企業のサイトの多くがWordPressで作られているためです。

3-3. ③使えるツール

Figmaは無料で使えます。触っておいてください。

4. 現実的な入り方

「Webデザイナー」の求人だけを見るのをやめてください。

最も現実的なのは、事業会社のEC運営・サイト運用です。

「デザインもやる運用担当」から入り、2〜3年で実務経験を作ってからデザイナーに移る——これが遠回りに見えて最短のルートになることがあります。

4-1. 前職の経験と組み合わせる

第二新卒の強みは、前職の経験です。

「未経験デザイナー」ではなく「◯◯業界を知っている運用担当」として応募すると、通る確率が変わります。

5. ポートフォリオの作り方

スクールの課題をそのまま出すと、他の卒業生と同じものになります。

5-1. 何を作るか

実在するものを題材にすると、「なぜこう変えたか」を語れます。

※実在企業のリニューアル案を作る場合は、ロゴや写真の無断使用に注意し、あくまで学習目的の提案であることを明記してください。

5-2. 何を書くか

作品ごとに書くこと

① ターゲット（誰に見せるサイトか）

② 目的（何をしてほしいか：予約・問い合わせ・購入）

③ 課題（元のサイトの何が問題か）

④ やったこと（配色・導線・情報の順番をどう変えたか）

⑤ なぜそうしたか（ここが最も見られる）

⑤がないポートフォリオは、「きれいなだけ」で終わります。

作り方の考え方は未経験エンジニアのポートフォリオとも共通しています。

6. 落ちるパターン5つ

最も多いのが説明なし型です。作品の横に5項目書くだけで、印象が変わります。

7. 面接で聞かれること

7-1. 「この作品で、何を意図しましたか」

「◯◯という店舗のサイトを題材にしました。元のサイトは、営業時間と場所が下のほうにあり、スマートフォンで見たときに探しにくい状態でした。来店を目的とするサイトなので、営業時間・場所・電話番号を上部に固定する形に変更しています。配色は、店舗の内装に合わせて◯◯を基調にしました」

7-2. 「コーディングはできますか」

「HTML/CSSでレスポンシブ対応まではできます。JavaScriptは簡単な動きであれば実装できます。WordPressは自分でテーマをカスタマイズした経験があります。フレームワークは使ったことがありません」

できることの範囲を正確に言ってください。盛ると入社後に必ず分かります。

7-3. 「デザイン以外の業務もありますが、大丈夫ですか」

「問題ありません。制作進行や更新運用も含めて、実務を幅広く覚えたいと考えています。特に、作ったものがどう使われて、どんな結果になったかを見られる環境で経験を積みたいです」

「デザインだけやりたい」は、未経験では通りません。

8. デザイナー以外の選択肢

「作る仕事」に関わりたいなら、他にも道があります。

最後の項目に注目してください。デザインよりコーディングが好きなら、フロントエンドエンジニアのほうが求人が多くなります。未経験からITエンジニアになる完全ロードマップを参照してください。

9. よくある質問

未経験からWebデザイナーになれますか

なれますが、エンジニアより難度が高いのが実情です。求人が少なく、応募者が多いためです。EC運営や制作進行から入るルートも検討してください。

スクールに通うべきですか

まず独学を1ヶ月試してください。Figmaは無料で、HTML/CSSの教材も無料であります。判断の基準はプログラミングスクールは必要かと同じです。

コーディングもできないとダメですか

できたほうが、応募できる求人が明確に増えます。HTML/CSSのレスポンシブ対応までは、押さえてください。

ポートフォリオは何点必要ですか

3〜5点が目安です。数より、1点ずつに「なぜそうしたか」が書かれているかが重要です。

年収はどのくらいですか

未経験の初年度は低めの傾向があります。ただし実務経験1〜2年で市場価値が明確に変わる職種です。第二新卒の年収も参照してください。

前職の経験は活かせますか

活かせます。アパレルならEC運営、美容ならサロンのサイト運用というように、業界知識と組み合わせると通りやすくなります。

フリーランスから始めてもいいですか

未経験からは推奨しません。実務の型を知らない状態で受注すると、品質と納期の両方で苦しくなります。まず企業で1〜2年経験を積んでください。

エンジニアとどちらがいいですか

求人数はエンジニアのほうが多くなります。コーディングが苦でないなら、フロントエンドエンジニアも検討してください。

10. まとめ

Webデザイナーは難度が高い職種ですが、入口を変えれば道はあります。

今夜やる3つのこと

① 求人サイトで「Webデザイナー 未経験可」と「EC運営 未経験可」で検索し、件数を比べる（入口の広さの違いが5分で分かります）

② ポートフォリオがあるなら、作品ごとに「ターゲット・目的・課題・やったこと・なぜそうしたか」の5項目を書き足す

③ 前職の業界と組み合わせられる求人がないか探す（アパレル→EC、美容→サロン向け）

①が最も重要です。「Webデザイナー」だけで検索している限り、入口は狭いままです。

この先、読むべき記事

• プログラミングスクールは必要か｜第二新卒が申し込む前に確かめる3つ（学習の投資判断）
• 未経験からITエンジニアになる完全ロードマップ｜文系・第二新卒でも半年で内定する5ステップ（フロントエンドを検討するなら）
• 未経験エンジニアのポートフォリオ｜第二新卒が評価されるのは「何を作ったか」ではない（成果物の考え方）
• アパレル販売から異業種へ転職｜第二新卒が接客経験を武器に変える5ステップ（EC運営を狙うなら）
• 動画編集者への未経験転職｜第二新卒が知る仕事の実態と入口（動画編集を狙うなら）
• Webディレクターの志望動機｜未経験・第二新卒の例文5パターンと落ちる書き方（ディレクターを狙うなら）

この記事を書いた人

木戸 悠介（きど ゆうすけ）／なぜキャリア？運営者。

23歳で上場企業子会社に新卒入社し、飲食・宿泊・レジャー領域のメディア広告営業を担当。25歳で第二新卒として障がい福祉領域のSaaS企業へ転職し、営業から営業企画へ職種を変えた経験を持つ。2ヶ月で10社に応募し2社から内定。現在は自分の会社を経営している。