営業職からWebデザイナーに転職した同僚の話
3年前、同じ営業部にいた後輩がWebデザイナーに転職した。彼はデザインの「デ」の字も知らない、ExcelとPowerPointが精一杯というレベルだった。
「正直、無理じゃないか」と思っていた。でも彼は3ヶ月間オンラインスクールに通い、ポートフォリオを5作品仕上げ、未経験可のWeb制作会社に内定を取った。年収は前職より30万円下がったが、入社2年目で元の水準を超え、2026年4月現在はフリーランスとして月収50万円ほど稼いでいる。
この話を聞いて「特別な才能があったんでしょ」と思うかもしれない。でも彼自身は「センスじゃなくて段取りが全てだった」と言っていた。未経験からの転職は、何をどの順番でやるかで結果が大きく変わる。
この記事では、彼の経験と、私自身がキャリア支援の現場で見てきた50人以上の未経験転職者のパターンをもとに、Webデザイナーへの転職ロードマップを整理していく。
Webデザイナーという職種の現実
年収と働き方
まず現実的な数字を共有しておく。2026年4月時点での相場はこうなっている。
| 雇用形態 | 年収レンジ | 特徴 |
|---|---|---|
| 正社員（未経験1年目） | 280〜350万円 | 研修あり。成長環境重視 |
| 正社員（経験3年目） | 380〜480万円 | 一通りの業務を一人で回せる |
| フリーランス | 月30〜80万円 | 案件次第。営業力も必要 |
| 副業（週末デザイナー） | 月3〜15万円 | バナー制作・LP修正が中心 |
正直に言うと、未経験1年目の年収は多くの業種より低い。前職が営業や事務で年収400万円以上だった場合、一時的に50〜100万円ダウンする覚悟は必要になる。ただし、スキルが上がれば2〜3年で巻き返せるのがこの業界の特徴だ。
「Webデザイナー」の仕事内容は幅広い
よくある勘違いだが、Webデザイナー＝おしゃれなビジュアルを作る人、ではない。実際の業務範囲は以下のように多岐にわたる。
- ワイヤーフレーム設計（ページの構成・導線を設計）
- UIデザイン（Figma等でビジュアルを作成）
- コーディング（HTML/CSS、場合によってはJavaScript）
- バナー・画像制作（広告やSNS用素材）
- クライアント対応（ヒアリング・提案・修正対応）
会社によって求められる範囲は異なる。デザインだけに集中できる会社もあれば、コーディングからクライアント対応まで一人で担当する会社もある。転職先を選ぶ際は、「何をやりたいか」だけでなく「何をやらされるか」も確認しておくべきだ。
未経験転職に必要な3つのスキル
1. デザインツールの操作スキル
2026年現在、業界標準のツールはFigma。これは避けて通れない。PhotoshopやIllustratorも使う場面はあるが、まずFigmaを使いこなせるかどうかが採用時の最低条件になりつつある。
Figmaの基本操作は2〜3週間あれば習得できる。ただし「操作できる」と「使いこなせる」は別物で、コンポーネントやオートレイアウトをスムーズに扱えるレベルまでは1〜2ヶ月かかると思っておいたほうがいい。
2. HTML/CSSの基礎
「デザイナーなのにコーディング必要？」という声をよく聞くが、答えはイエス。少なくとも基礎は必要だ。理由は2つある。
- コーディングを理解していないと「実装できないデザイン」を作ってしまう
- 未経験求人の約65%が「HTML/CSS基礎」を応募条件に含めている（2026年doda調査）
ゼロからHTML/CSSを学ぶ場合、Progateの有料プラン（月額1,078円）で基礎を1ヶ月、その後実際にサイトを1つ作ってみるのが効率的だ。
3. ポートフォリオ（最重要）
未経験者の転職で合否を分けるのは、ほぼ100%ポートフォリオだと断言していい。面接官が見ているのは「今の実力」ではなく「伸びしろ」と「仕事に対する姿勢」だ。
ポートフォリオに必要な作品数は最低3つ、理想は5つ。内訳は以下を推奨する。
- 架空のコーポレートサイト × 1
- 架空のLP（ランディングページ） × 1
- バナーデザイン × 3〜5点
- （可能なら）実際の案件（知人のサイトやクラウドソーシングの実績）× 1
ここでの失敗例を一つ。スクールの課題作品だけでポートフォリオを作る人がいるが、あれは面接官から見ると一発でわかる。テンプレ感が出てしまうからだ。課題作品をベースにしつつ、自分なりのアレンジを加えたオリジナル作品にまで仕上げることが重要になる。
3ヶ月ロードマップ：何を、いつやるか
1ヶ月目：基礎学習期間
| 週 | やること | 使うツール/教材 | 目安時間 |
|---|---|---|---|
| 1週目 | デザイン基礎理論（配色・レイアウト・タイポグラフィ） | 書籍「ノンデザイナーズ・デザインブック」 | 10時間 |
| 2週目 | Figma基本操作を習得 | Figma公式チュートリアル + YouTube | 15時間 |
| 3週目 | HTML/CSS基礎 | Progate（有料プラン） | 15時間 |
| 4週目 | 模写練習（既存サイトをFigmaで再現） | 好きなサイトを3つ選んで模写 | 20時間 |
1ヶ月目のポイントは「完璧を求めない」こと。基礎理論は深掘りするとキリがないので、まず全体像を把握して手を動かすフェーズに入るのが大事だ。
2ヶ月目：制作期間
| 週 | やること | 成果物 |
|---|---|---|
| 5週目 | 架空のコーポレートサイトをデザイン | Figmaデータ |
| 6週目 | 上記サイトをHTML/CSSでコーディング | 公開できるWebサイト |
| 7週目 | LPデザイン + バナー3点制作 | Figmaデータ + 画像 |
| 8週目 | ポートフォリオサイトを作成 | 公開URL |
ここが一番苦しい期間になる。デザインもコーディングも中途半端な状態で作品を作らなければならないからだ。でも、完成度60%でも「作った」という実績があるのとないのでは、転職活動での説得力がまるで違う。
実際に冒頭で紹介した後輩は、2ヶ月目の終わりに「正直クオリティに自信がなくて公開するのが恥ずかしかった」と言っていた。でも面接官から「未経験2ヶ月でここまで作れるなら十分ポテンシャルがある」と評価されたそうだ。
3ヶ月目：転職活動期間
| 週 | やること |
|---|---|
| 9週目 | 転職サイト・エージェントに登録。職務経歴書を作成 |
| 10週目 | 応募開始（目標: 週10社）。ポートフォリオの改善 |
| 11週目 | 面接対策。よくある質問への回答準備 |
| 12週目 | 面接ラッシュ。内定獲得 |
転職活動で重要なのは「数を打つ」こと。未経験の場合、書類通過率は10〜15%、面接通過率は30〜40%が相場だ。つまり10社応募して1〜2社が面接、その中から内定が出るかどうかというレベル。30社以上への応募を前提にスケジュールを組んでおくと、精神的にも楽になる。
スクール vs 独学：どちらを選ぶべきか
比較表
| 項目 | スクール | 独学 |
|---|---|---|
| 費用 | 15〜50万円 | 1〜3万円（書籍・Progate等） |
| 期間 | 2〜4ヶ月 | 3〜6ヶ月 |
| 挫折率 | 約20%（メンター付き） | 約60%（自己管理が全て） |
| ポートフォリオ支援 | あり（添削付き） | なし（自力で改善） |
| 転職サポート | あり（大手スクール） | なし |
| 向いている人 | 短期集中型・仲間がほしい人 | 自走力がある・費用を抑えたい人 |
正直な意見を言うと、「自走力に自信がない人はスクール一択」だ。独学の挫折率60%という数字は私の体感とも一致する。キャリア相談で出会った独学組の半分以上が、2ヶ月目あたりで「何をやればいいかわからなくなった」と相談してきた。
一方、自分で調べて解決できる人、すでにProgateなどで基礎学習を終えている人は独学で十分だと思う。スクールの50万円は「学習内容」に対する対価ではなく、「挫折しない環境」と「転職サポート」への投資だ。
おすすめスクール3選（2026年4月時点）
| スクール | 料金 | 期間 | 転職支援 | 特徴 |
|---|---|---|---|---|
| テックアカデミー Webデザインコース | 174,900円〜 | 4週間〜 | あり | 現役デザイナーのメンター制度。短期集中向け |
| デジタルハリウッド STUDIO by LIG | 495,000円 | 6ヶ月 | あり | 制作会社LIG運営。実践的なカリキュラム |
| SHElikes | 月額16,280円 | 月額制 | なし（コミュニティあり） | 女性向け。Webデザイン以外のスキルも学べる |
費用だけで選ぶと後悔するケースが多い。安いスクールはカリキュラムが薄いか、メンターの質にバラつきがある。「受講生の転職実績」と「メンターが現役のプロかどうか」を必ず確認してほしい。
面接で聞かれること・答え方のコツ
必ず聞かれる3つの質問
Q1. なぜWebデザイナーに転職したいのか？
「昔からデザインが好きで……」は弱い。面接官が聞きたいのは「この人は入社後に続くかどうか」だ。前職での課題意識と、Webデザインがそれをどう解決するかを結びつけて話すのが効果的だ。
例：「営業職で提案書を作る中で、デザインの力で伝わり方が変わることを実感した。クライアントの課題をビジュアルで解決する仕事をしたいと考えた」
Q2. 未経験のハンデをどう埋めるつもりか？
ここでポートフォリオが活きる。「3ヶ月間でこれだけの作品を作りました。入社後も同じペースで学び続けます」と具体的に示すのが説得力のある回答だ。
Q3. 1年後にどうなっていたいか？
抽象的な「成長したい」ではなく、「一人でLPのデザインからコーディングまで完結できるようになりたい」のように具体的なスキル目標を伝える。会社の案件内容を事前にリサーチして、それに絡めた目標を話せるとさらに良い。
面接でやりがちな失敗
私が見てきた中で一番もったいないのが「ポートフォリオを見せるだけで説明しない」パターン。作品を見せながら「なぜこのデザインにしたか」「制作で苦労した点」「改善したい点」をセットで説明できると、思考プロセスが伝わって評価が上がる。
完成品のクオリティよりも、「課題 → 仮説 → 制作 → 振り返り」のサイクルを回せる人かどうかを面接官は見ている。ここを意識するだけで、未経験でも内定率は大きく変わるはずだ。
転職後のキャリアパス
Webデザイナーとして入社した後のキャリアパスは、大きく分けて3つある。
- スペシャリスト路線: UI/UXデザイナー → リードデザイナー → デザインディレクター。デザインの専門性を極める道。年収レンジは500〜800万円。
- マネジメント路線: チームリーダー → アートディレクター → クリエイティブディレクター。制作チームを率いる道。年収レンジは600〜1,000万円。
- フリーランス路線: 実務経験2〜3年 → 独立。自由度は高いが営業力と自己管理が必須。月収30〜80万円。
どの道に進むにしても、最初の1〜2年は「何でもやる」期間と割り切ったほうがいい。コーディングもバナー制作もクライアント対応も、やってみて初めて自分の適性がわかる。最初から「UIデザインだけやりたい」と限定すると、成長の幅を狭めてしまう。
よくある不安への回答
Q. 30代未経験でも大丈夫？
大丈夫だが、20代と比べるとハードルは上がる。30代の未経験転職で重要なのは「前職のスキルをWebデザインにどう活かせるか」を言語化すること。営業経験者なら「クライアントの要望をヒアリングする力」、事務職経験者なら「正確さと納期管理の意識」が武器になる。
2026年4月時点で、私が把握している範囲では30代未経験からの転職成功率は約40%（20代は約60%）。決して低くはないが、20代以上に準備の質が問われる。
Q. センスがないとダメ？
断言するが、センスは後天的に身につく。「センスがある人」の正体は、良いデザインをたくさん見て、パターンを蓄積している人だ。Pinterestで毎日30分デザインを見る習慣をつけるだけでも、3ヶ月後には「何が良いデザインか」の判断基準ができているはずだ。
まとめ：3ヶ月後の自分を変えるために、今日やるべきこと
未経験からWebデザイナーへの転職は、正しい手順を踏めば3ヶ月で実現できる。ただし「3ヶ月間、毎日2〜3時間を学習に充てる」という前提条件はある。片手間では難しい。
今日やるべき3つのこと:
- Figmaのアカウントを作成する（無料・5分で完了）
- Progateに登録してHTML/CSSの1レッスン目を受ける（無料枠で可能）
- Pinterestで「Web design」と検索し、気になったデザインを30個保存する
どれも30分以内にできる。転職の成否は、学習を始める「速さ」で決まることが多い。完璧な計画を立ててから動くのではなく、まず手を動かして走りながら修正していく。それが未経験転職を成功させる最大のコツだと、50人以上の転職者を見てきて確信している。
関連記事
コメント