未経験からWebデザイナーになるために、決められた学歴や資格はありません。先に決めるべきなのは、どの仕事まで担当したいかです。目標に合うスキルを学び、判断過程が分かる作品を作り、募集要項に合わせて応募・提案へ進みます。
厚生労働省の職業情報提供サイト job tag「Webデザイナー」でも、入職時に特定の学歴や資格は必要とされない一方、デザインの基礎や技術は必要と説明されています。つまり、資格欄を埋めることより、応募先が求める仕事を理解し、作品で示すことが先です。
作品の選び方、架空案件、ケーススタディ、公開前チェックは、未経験Webデザイナーのポートフォリオの作り方で具体的に進められます。
Webデザイナーの仕事内容は「見た目を作る」だけではない
Webデザイナーは、企業やサービスの目的を、利用者が理解・操作しやすい画面へ変換する仕事です。会社や案件によって担当範囲は違いますが、一般的な制作では次の工程があります。
依頼者の希望を聞くだけでなく、利用者、目的、必要な情報、期限、更新方法、制約を整理します。
サイト構成、導線、ワイヤーフレームを作り、読み手が迷わず必要な情報と行動へ進めるかを考えます。
ブランドと目的に合う見た目を作り、PC・スマートフォン、操作状態、文字量の変化にも対応させます。
HTML/CSSやCMSまで担当する場合もあれば、デザインデータと仕様をエンジニアへ渡す場合もあります。
端末、リンク、文字、画像、フォーム、操作を点検し、公開後は利用状況やフィードバックに応じて改善します。
依頼者や開発者へ意図を説明し、目的・予算・期限の中で優先順位を調整します。
同じ「Webデザイナー」でも、広告バナー中心、企業サイトのデザインと実装、EC運用、アプリUIなど仕事は異なります。職種名だけで学習範囲を決めず、実際の募集要項の「仕事内容」「必須スキル」「歓迎スキル」「制作実績」を確認します。
まず目指す役割を4タイプから選ぶ
最初からすべてを習得する必要はありません。興味だけで決めにくい場合は、働きたい会社・案件の募集要項を複数開き、繰り返し出る業務から仮の目標を選びます。
| 目指す役割 | 主な成果物 | 最初に優先すること | HTML/CSS |
|---|---|---|---|
| Web・LPデザイン中心 | サイト、LP、バナーのデザイン | 情報設計、文字・色・余白、Figma等、レスポンシブ | 実装担当でなければ必須とは限らない。構造と制約の理解は役立つ |
| デザイン＋サイト制作 | デザインから公開可能なWebページ | デザイン基礎に加え、HTML/CSS、レスポンシブ、ブラウザー検証 | 優先度が高い |
| インハウス・運用改善 | 自社サイト、LP、広告素材、更新・改善 | デザイン、CMS、数値確認、社内調整、マーケティングの基礎 | 会社の運用体制による |
| UIデザイン寄り | Webサービス・アプリの画面、プロトタイプ、UI部品 | ユーザー課題、画面遷移、コンポーネント、プロトタイプ、開発連携 | 実装より構造理解と仕様共有を求められる場合が多い |
この表は職種を厳密に分けるものではありません。実務では組み合わさります。最初の学習では、代表作品を1つ作るための担当範囲を決めれば十分です。
Webデザイナーに必要なスキル
どの役割でも土台になる5つ
- 情報設計：対象者、目的、内容の優先順位、導線を整理する
- デザイン基礎：文字、色、余白、整列、反復、コントラストを使う
- 画面制作：Figma等でPC・スマホ画面と部品を作る
- 検証：読みやすさ、操作、表示崩れ、リンク、内容を点検する
- 説明・調整：制作意図、担当範囲、修正理由を言葉で共有する
- 調査：利用者、競合、参考事例、募集要項から条件をつかむ
HTML/CSSは全員の必須条件ではない
画面設計だけを担当する求人・案件なら、HTML/CSSを書けることが必須とは限りません。一方、サイト制作まで担当する仕事では優先度が高く、デザイン専業でも、要素の構造、画面幅による変化、実装可能性を理解すると開発者へ渡しやすくなります。
- 小規模サイトを一人で制作したい
- デザインとコーディングの両方を求める求人へ応募したい
- 副業で公開まで請け負いたい
- CMSのテーマや表示崩れを扱いたい
- UI・画面設計を中心に目指す
- 開発者が別にいる組織を想定している
- まず情報設計とビジュアルの基礎を固めたい
- 学習時間が限られ、代表作品を先に完成させたい
JavaScript、WordPress、アクセス解析、写真・動画などは、目標の求人・案件に必要になった段階で追加します。「できることの数」より、任せられる範囲と品質を明確にする方が重要です。
学歴・資格は必須ではない。作品と説明力を優先する
Webデザイナーになるための法的な必須資格はありません。関連資格として、国家検定のウェブデザイン技能検定などがありますが、資格を取れば採用や案件獲得が決まるわけではありません。
資格が役立つのは、学習範囲を体系的に確認したい、基礎知識を客観的に示したい、応募先が資格を評価している場合です。限られた時間で優先順位をつけるなら、募集要項の確認、オリジナル作品、制作過程の説明、ポートフォリオ、応募準備を先に進めます。
美術系の学歴がなくても目指せます。絵の上手さより、目的に合わせて情報を整理し、読みやすく操作しやすい画面へ落とし込み、根拠を説明して修正する力が中心です。
学び方は4ルート。教材より「不足する支援」で選ぶ
| 学び方 | 向いている人 | 得やすいもの | 自分で補うもの |
|---|---|---|---|
| 独学 YouTube・公式教材・本・学習サイト | 時間と学習順を自分で管理できる | 低コストで試せる、必要な範囲を選べる | 作品添削、質問、締切、ポートフォリオ評価、就職支援 |
| オンライン・通学スクール | 期限、質問、添削、キャリア支援が必要 | カリキュラム、講師、学習仲間、作品・転職支援 | 受講外の制作時間、学校ごとの支援・料金・条件確認 |
| 公的職業訓練 | 対象条件に合い、地域・時期のコースを利用できる | 就職を目的とした訓練と支援 | 募集時期、選考、内容、通所・時間、希望職種との一致確認 |
| 大学・専門学校 | 進学時期で、広い基礎と制作環境を求める | 体系的な授業、設備、仲間、就職活動の機会 | 学費・期間、学校ごとの専攻内容・就職実績の確認 |
独学は本だけに限りません。YouTubeで操作を見ながら無料で始め、公式教材で仕様を確認し、必要なら本を索引として使えます。主教材を一つに決め、学んだ日に小さく作り、見本と異なる条件で作り直すと、動画視聴だけで終わりにくくなります。具体的な無料教材と120時間の計画例は、Webデザイン独学ロードマップで整理しています。
厚生労働省のハロートレーニングには、求職者向けの公的職業訓練があります。対象、募集コース、費用、選考、期間は地域や時期で異なるため、利用を考える場合はハローワークと最新の募集案内を確認します。
未経験からWebデザイナーになる8ステップ
求人票から学習範囲を逆算する
学習サービスのカリキュラムを先に信じるのではなく、目標に近い募集要項を表にします。「担当業務」「必須」「歓迎」「制作物」「チーム」「使用ツール」「経験年数」「勤務条件」を並べ、共通して求められる項目を優先します。
経験年数が条件にある場合も、数字だけで諦めず、実際に任せたい業務と作品の条件を読みます。ただし、要件を満たさない応募が必ず通るわけではありません。未経験可・アシスタント・運用業務を含む入口も比較し、自分が示せる範囲と求人の条件を合わせます。
120時間は「最初の作品」を完成させる計画目安
大切なのは計算式ではなく、120時間分の学習・制作時間を生活の中に確保することです。週10時間なら計画上は約12週間、週5時間なら約24週間です。これはLayer Miraiがサイト制作ルートの最初の区切りに置く目安であり、一般的な業界基準、Webデザイナーとしての習得完了、就職や収入を保証する時間ではありません。
デザイン専業ルートではHTML/CSS実装の時間を、プロトタイプ、UI部品、仕様、作品追加へ振り替えます。期間が延びた場合は生活を削るのではなく、ページ数、機能、アニメーション、追加ツールを減らし、代表作品を完成させます。
「応募を始められる状態」をチェックする
すべての求人に共通する合格点はありません。それでも、教材を終えたかではなく、次の状態を応募準備の区切りにすると判断しやすくなります。
- 目標の職種・担当範囲と、応募先の業務を説明できる
- 模写だけでなく、自分で要件を決めた代表作品がある
- PC・スマホ、必要な状態変化や操作を確認している
- 対象者、課題、目的、情報の順序、デザイン判断を説明できる
- 第三者の指摘と、修正前後・修正理由を残している
- 自分の担当範囲、使用ツール、制作期間を明記している
- 架空案件・模写・実案件を区別し、素材の利用条件を確認している
- ポートフォリオのリンク、表示、連絡先、誤字を確認している
- 応募先に関係する作品を先に見せている
- できない範囲と、今後学ぶ範囲を正直に説明できる
このチェックを満たしても採用・案件獲得を保証するものではありません。逆に、作品を増やし続けて応募を先延ばしにする必要もありません。応募先の反応を記録し、作品、職務経歴書、説明、応募先選びのどこを直すか判断します。
就職・転職、副業、フリーランスは入口が違う
チームの工程やレビューを学びやすい一方、採用では作品だけでなく、職歴、コミュニケーション、勤務条件、組織との相性も見られます。制作会社、自社サービス、事業会社の運用など、業務範囲を比べます。
小さく始めやすい反面、要件整理、見積もり、連絡、修正、納品、権利確認まで自分で扱います。「バナー1点」「既存ページの一部改善」など、責任範囲を明確にできる仕事から検討します。
制作に加え、集客、提案、契約、請求、進行、保守が必要です。未経験からすぐ独立すること自体は不可能ではありませんが、制作と顧客対応を同時に学ぶ負荷があります。会社・副業で経験を作る経路も比較します。
自社の更新、採用ページ、営業資料、バナー、LP改善などで実務に近い課題を得られる場合があります。無断で業務範囲を広げず、責任者、公開権限、素材・顧客情報の扱いを確認します。
収入・求人データは「自分の見込み額」として読まない
job tagのWebデザイナーページには、2026年8月19日時点で次の職業統計が表示されています。
ただし、同ページは、統計がWebデザイナーだけではなく対応する広い職業分類をもとにする場合があり、必ずしもその職業だけの数値ではないと注意しています。年齢、地域、経験、雇用形態、業務範囲でも変わるため、未経験者の初任給や自分の採用可能性へそのまま置き換えないでください。応募時は、希望地域・雇用形態の実際の求人票で賃金と仕事内容を一緒に確認します。
AI・ノーコード時代でも、判断と検証は残る
生成AIやノーコードツールは、案出し、文章のたたき台、画像加工、画面制作、実装の一部を速めます。一方で、誰のどの課題を解くか、情報をどう並べるか、出力が正しいか、ブランド・権利・アクセシビリティに問題がないか、公開後にどう改善するかは自動では決まりません。
AIを避けることより、入力情報を守り、出力を検証し、判断を説明できるようにします。ポートフォリオでも「AIを使った」だけではなく、どの工程で使い、何を自分で確認・修正したかを明記します。
未経験者が失敗しやすい7つの進め方
Figma、Photoshop、HTML、JavaScript、WordPress、動画を同時に始めると、作品が完成しません。代表作品に必要な範囲から始めます。
各章を見たら同じ日に小さく使い、最後は見本と異なる対象者・内容で作り直します。
模写は練習として出典を明記します。応募用には、自分で要件と内容を決めた作品を用意します。
資格が応募条件でないなら、作品と応募準備を並行します。資格は目的ではなく、必要な場合の補助です。
第三者に対象者と目的を伝えず画面を見てもらい、何のページか、どこを押すかを確認します。
架空案件に売上やCV率を作りません。目的、仮説、判断、検証できた範囲を正直に書きます。
年齢を変えることはできません。目標求人の条件、転用できる職務経験、学習時間、作品、働き方を具体的に比較します。
現在のPCと無料範囲で小さく試し、必要な機能、添削、支援を確認してから費用をかけます。
よくある質問
未経験からWebデザイナーになるには、何から始めればよいですか？
就職・転職か副業か、デザインだけか実装までかを仮決めし、目標に近い募集要項を複数読みます。共通する業務と必須スキルを表にしたうえで、情報設計、デザイン基礎、Figma等から学び、最初の代表作品を作ります。
Webデザイナーになるのに資格は必要ですか？
必須資格はありません。関連資格は学習範囲の確認や基礎知識の証明に使えますが、採用や案件獲得を保証しません。応募先が資格を条件・評価項目にしているかを確認し、作品と説明力も準備します。
WebデザイナーはHTML/CSSを書けないとなれませんか？
画面設計のみを担当する仕事では必須とは限りません。サイト制作まで担当する仕事では優先度が高く、デザイン専業でも構造やレスポンシブの制約を理解すると開発者と連携しやすくなります。目標求人の仕事内容と必須条件で判断します。
独学だけでもWebデザイナーになれますか？
基礎と作品制作は独学できます。ただし、教材を終えるだけでなく、オリジナル作品、第三者レビュー、修正、ポートフォリオ、応募・提案が必要です。質問、添削、締切、就職支援が不足するなら、必要な機能だけスクールやメンター等で補います。
YouTubeと本はどちらがよいですか？
操作を見ながら無料で試すならYouTube、学習順や索引を重視するなら本が向いています。どちらも使う必要はありません。主教材を一つに決め、学んだ内容をその日のうちに制作へ使います。
何か月でWebデザイナーになれますか？
一律には決まりません。Layer Miraiの120時間は、サイト制作ルートで最初のオリジナル1ページをデザイン・実装・公開し、制作記録を作るまでの計画目安です。就職・副業までの期間は、目標、既存スキル、週の時間、作品の質、応募・営業活動で変わります。
30代・40代からでもWebデザイナーを目指せますか？
年齢だけで可否は決まりませんが、求人の条件や未経験枠、希望年収、学習時間、これまでの職務経験によって選択肢は変わります。業界知識、顧客対応、進行管理、文章、マーケティング等の転用できる経験と、作品で示す新しいスキルを分けて整理します。
絵が下手でもWebデザイナーになれますか？
絵の上手さは必須条件ではありません。情報の優先順位、文字、色、余白、操作、画像選定など、目的に合う画面を設計して説明・改善する力が中心です。イラスト制作が必要な場合は別の技能として学ぶか、素材や担当者と連携します。
最初からフリーランスを目指してもよいですか？
可能ですが、制作に加えて集客、提案、契約、進行、請求、修正、保守を自分で扱います。まず会社でチーム制作を経験する、副業で責任範囲の小さい案件から始める経路も比較し、自分が安全に引き受けられる範囲を決めます。
ポートフォリオには何を載せますか？
応募先に関連する作品を選び、完成画像だけでなく、課題、対象者、目的、担当範囲、制作過程、判断、指摘、修正前後を説明します。架空案件、模写、実案件を区別し、素材の権利と機密情報を確認します。