Webデザイナー未経験者の自己PR｜採用担当者に刺さる書き方と例文
Webデザイナー未経験者の自己PRで書くべきことは5つです。「学習の継続実績」「前職経験の活かし方」「デザインを志望する具体的な理由」「入社後の伸びしろの示し方」「作品への意図」を、履歴書1枚分・面接1分の分量で言語化できるかが選考通過の分かれ目になります。
弊社のキャリアアドバイザーも、事務職や販売職からWebデザイナー職を目指す20代の方から「未経験で書ける自己PRが思いつかない」「学習中のスクール名を書くだけでいいのか」というご相談を多く受けます。未経験の自己PRで採用担当者が見ているのは、あなたの過去の実績ではなく、入社後に成長できる素地があるかなんです。
この記事では、Webデザイナー未経験の自己PRで書くべき5つのこと、採用担当者が見ている3つの視点、前職別の強みマップ、書き方3STEP、そして前職別の自己PR例文5パターンまで、当社のキャリアアドバイザー監修のもと解説します。
Webデザイナー未経験の自己PRで書くべき5つのこと
未経験の自己PRは、実務経験がない分「学習」と「前職経験の活かし方」で構成します。以下5つの要素を200〜400字にまとめるのが基本形です。
阿部 翔大僕の面談でも「未経験なのに書けることが少なくて、何を書けばいいかわからない」とおっしゃる方が本当に多いです。実は未経験者に求められているのは実務実績ではなく「入社後に伸びる素地」なんですよ。学習の継続実績と、前職経験の活かし方の2つを軸に組み立てれば、それだけで採用担当者への安心材料になります。
学習実績を「期間×具体的なアウトプット」で示す
「学習中です」だけでは弱く、「6ヶ月・250時間の学習を継続し、模写5本・オリジナル3本を制作」のように期間と成果物の数量を明示します。学習ツール名（Figma・Photoshop・HTML/CSS等）も合わせて記載し、採用担当者が実力の目安をつけられるようにします。継続の事実そのものが未経験者にとって最大のアピール材料です。
前職経験の「Webデザインへの活かし方」を1文で言語化する
前職の経験は「Webデザインではどう活きるか」を1文で示すと説得力が上がります。営業経験なら顧客の課題を聞き取る力、事務なら情報を分かりやすく届ける力、接客ならターゲット像の解像度など、経験の中身をデザイン業務の言葉に置き換えます。
Webデザイナーを志望する「具体的な理由」を書く
「ものづくりが好きだから」ではなく、具体的な体験・きっかけ・目指す姿を1〜2文で書きます。例：「販売職で店頭POPを自作した際に、色の使い方でお客様の反応が変わる面白さを感じた」など、体験ベースの理由が採用担当者に伝わります。
入社後の「伸びしろ」を数字で示す
「3ヶ月でHTMLとCSSの基礎を独学し実装レベルまで到達しました。同じペースで入社後もJavaScript・UIデザインを学び、1年以内にコーディング補助まで担当できるようになりたい」のように、過去の学習速度から未来の成長を予告できると強くなります。
作品の「意図」を語れるようにする
自己PRとセットでポートフォリオの意図を書きます。「なぜこの配色にしたか」「ターゲットは誰か」「工夫した点」を各作品200〜300字で説明できると、自己PRの5要素と自然に接続します。作品数より意図の言語化が重視されます。
採用担当者が自己PRで見ている3つこと
未経験者の自己PRで採用担当者が見ているのは、実務実績ではなく「継続力・素直さ・接続性」の3つです。この3視点に合わせて書くと、書類通過率が上がります。
継続力｜入社後に辞めない素地があるか
未経験の中途採用で採用担当者が最も重視するのは「入社してすぐ辞めないか」です。学習を6ヶ月以上継続した実績や、前職の勤続年数が採用判断のヒントになります。「思いつきで転職しているのではないか」という懸念を、継続の事実で払拭しましょう。
素直さ｜フィードバックを受けて改善できるか
Webデザインは、クライアントや上司からのフィードバックで作品を作り込む仕事です。「先輩レビューを受けて2回作り直した」「ターゲットのフィードバックを反映して配色を変えた」など、修正・改善のエピソードが評価されます。素直さは経歴ではなく行動で示します。
接続性｜前職スキルがWebデザインに繋がるか
「なぜWebデザインなのか」の説得力は、前職経験とデザイン業務のブリッジで作ります。事務職なら情報の可読性、営業なら顧客理解、販売なら店頭での売れる仕組みへの気づきなど、前職の具体エピソードをデザインの言葉と繋げます。
阿部 翔大3つのうち、僕が特に強調してほしいのは「接続性」です。前職の経験を「ゼロにしない」ことが、書類通過率を大きく変えるんですよ。事務職なら数字と文字の並べ方、販売職ならお客様の反応観察、営業ならヒアリング力。どれもWebデザインで使える素材なので、必ず1文以上で活かし方を書いてくださいね。
前職別｜Webデザイン職に活きる強みマップ
あなたの前職に応じて、Webデザインに活かせる強みは変わります。以下のマップで、自己PRに書くべき自分の強みを見つけてください。弊社の支援データでも、前職の強みを1文で言語化できた方は書類通過率が上がる傾向にあります。
事務職からの強み｜情報の可読性・数字と文字のレイアウト
事務職はExcelや資料作成で「情報を分かりやすく届ける経験」を積んでいます。WebデザインではLPやバナーの情報階層設計に直結する経験です。「月次資料の可読性を上げるため、色分けと余白を工夫した経験」などが具体エピソードになります。
販売・接客からの強み｜顧客反応の観察力・POP制作経験
販売・接客経験者は「お客様の反応から売れる要素を見抜く感覚」を持っています。店頭POPやSNS投稿を自作した経験は、そのままWebデザインへの入口になります。「POPの色を変えたら売上が2倍になった経験」など、数字ベースのエピソードが強いです。
営業からの強み｜顧客ヒアリング力・課題の言語化
営業経験者は「顧客の課題を聞き出して提案する力」を持っています。Webデザインでもクライアントヒアリングは仕事の半分を占めるため、そのままの武器になります。「顧客ヒアリングから提案書を作った経験」を自己PRに書きましょう。
飲食・サービスからの強み｜チーム連携・お客様目線
飲食・サービス業経験者は「繁忙時の優先順位判断」「お客様目線での改善」の経験を持っています。Web制作の納期管理・ユーザー目線での修正判断に転用できる力です。「ピーク時に3人分の役割を回した経験」などがアピールになります。
工場・製造からの強み｜品質チェック力・細部の正確性
工場・製造経験者は「工程管理と品質チェックの厳密さ」を持っています。Webデザインでも1ピクセル単位の調整・ブラウザ検証・データ入稿ミス防止に直結します。「不良率0.1%以下を維持した経験」などが正確性のエピソードになります。
未経験Webデザイナー自己PRの書き方3STEP
実際に自己PRを書くときは、以下3STEPを順番に進めると迷わず仕上がります。所要時間は初稿で1〜2時間、推敲で30分ほどが目安です。
ノートに前職での成果・褒められたこと・工夫した点を10個書き出します。続けて学習実績（教材・期間・成果物）も同じシートに並べます。書き出す段階では良し悪しを判定せず、思いつく限り出しきるのが大事です。
洗い出した10個の中から、「Webデザイナー業務で使える」強みを3つ選びます。継続力・素直さ・接続性の3視点にそれぞれ対応するエピソードを1つずつ選ぶと、バランスの取れた構成になります。
選んだ3つの強みを、履歴書用に200〜300字、面接用に400字前後にまとめます。書き終わったら必ず声に出して読み、詰まる箇所は言い換えます。他人が読んでも「なぜWebデザインか」が伝わるかを確認しましょう。
阿部 翔大STEP1の洗い出しを面倒がる方が多いんですが、実はこの10個の洗い出しをやるかどうかで自己PRの質が2倍変わります。1人で書いていると視野が狭くなるので、家族や友人に「前職で褒められたことある？」と聞いてもらうのもすごく効果的です。自分では気づけなかった強みが1つ2つ出てきますよ。
前職別に使える自己PR例文5パターン
前職別に、そのまま参考にできる自己PR例文を5パターン掲載します。あなたの経験に合わせて調整してください。
阿部 翔大例文はそのまま丸コピーせず、必ず自分の実体験の数字と固有名詞に置き換えて使ってください。企業側は「その人らしさ」を見ています。数字が入っていない自己PRは説得力が半減するので、契約率・売上・不良率・訪問件数など、あなたの職種で拾える数字を1つは入れましょうね。
例文1｜事務職からのキャリアチェンジ（履歴書用・250字）
「事務職として3年、月次資料や社内報を担当し、情報を分かりやすく届ける工夫を重ねてきました。半年前からWebデザインを学び始め、FigmaとHTML/CSSで模写5本・オリジナル3本を制作しました。前職で培った情報を分かりやすく届ける経験は、LPの階層設計や可読性の高いレイアウトに活かせると考えています。入社後は先輩のフィードバックを素直に受け止め、1年以内にコーディング補助まで担当できるよう学び続けます。」
例文2｜販売職からのキャリアチェンジ（履歴書用・250字）
「アパレル販売で4年、月間売上目標を8割の月で達成してきました。店頭POPを自作した際、色と余白を変えるだけでお客様の視線が変わることに気づき、Webデザインの世界に興味を持ちました。半年間の独学でPhotoshop・Figma・HTMLを学び、ECサイトのバナーを10本制作しました。前職で培ったターゲット像の解像度と、お客様の反応から改善する姿勢を、Webの制作物にも活かしたいと考えています。」
例文3｜営業職からのキャリアチェンジ（履歴書用・300字）
「BtoB営業として2年半、顧客ヒアリングと提案書作成を担当してきました。提案資料の構成を工夫することで、契約率が前年比130%まで改善した経験があります。半年間の学習でFigmaとHTML/CSSを習得し、模写4本と自主制作4本を仕上げました。営業で培った『顧客の課題を聞いて構造化する力』は、Webデザインの要件定義とワイヤーフレーム設計に直結すると考えています。制作会社で幅広い案件に関わりながら、コーディングとディレクションの両方を身につけていきたいです。」
例文4｜飲食サービスからのキャリアチェンジ（履歴書用・250字）
「飲食店で3年間、平日ランチのピーク時に3人分の役割をこなしてきました。繁忙時の優先順位判断とチーム連携が強みです。学習は独学で始め、8ヶ月間でHTML/CSS・JavaScriptの基礎とFigmaを習得し、ポートフォリオ7本を仕上げました。制作納期が重なる現場でも、優先順位を判断して仕上げる力を活かせると考えています。入社後は先輩の指示を素直に受け止め、まずは実案件のバナー制作から着実に経験を積みたいです。」
例文5｜工場・製造からのキャリアチェンジ（履歴書用・250字）
「製造ラインで5年間、不良率0.1%以下を維持しながら工程管理を担当してきました。細部への注意力と品質チェックの精度が強みです。半年間、Progateとオンライン教材でHTML/CSSとFigmaを学び、ポートフォリオを6本制作しました。前職で培った『1ミリの誤差も見逃さない目線』は、Webデザインの1ピクセル単位の調整とブラウザ検証に活かせます。入社後は基礎業務から着実に取り組み、1年後には後輩の確認役も担当できる存在になりたいです。」
Webデザイナー未経験者の履歴書と面接での自己PR｜書き方の落とし穴
未経験自己PRで陥りがちな落とし穴が4つあります。以下に該当していないかを投函前にチェックしてください。
落とし穴1｜「ものづくりが好き」で終わらせる
「ものづくりが好きなのでWebデザイナーを志望します」だけでは、志望動機として弱く同じ内容の応募者が大量にいるため差別化できません。「なぜ他のものづくりではなくWebなのか」「どんな体験でそう感じたか」を1〜2文の具体エピソードで加えてください。
落とし穴2｜スクール名だけを書いて実績を書かない
「○○スクールで学びました」だけでは実力が伝わりません。スクール名の後に「模写5本・オリジナル3本を制作」「350時間の学習を継続」など、具体的なアウトプットの数量を必ず添えてください。学んだ事実より、何を作れるかが問われます。
落とし穴3｜前職を全否定して転職理由にする
「前職がつまらなくてWebデザイナーを目指しました」のような前職否定型は採用担当者に警戒される典型パターンです。前職で得た経験を肯定し、そのうえで「さらに○○がしたい」というポジティブな動機に転換しましょう。前職否定は「入社後もすぐ辞める」と受け取られます。
落とし穴4｜面接で履歴書の丸暗記を読み上げる
面接では履歴書の自己PRをそのまま暗記して読み上げるとロボット的な印象になります。要素だけ覚えて、自分の言葉で話す準備をしましょう。詰まっても大丈夫なので、目を見て自分の熱量で伝える方が印象に残ります。
自己PRとポートフォリオを連動させる3つの工夫
自己PRの説得力は、ポートフォリオとの連動で決まります。書類上の言葉と実作品が矛盾しないよう、以下3つの工夫を仕込みましょう。
自己PRの強みが表れる作品を1つ含める
自己PRで「情報の可読性が強み」と書いたら、情報階層の分かりやすいLP作品を1つ入れます。「ターゲット理解が強み」なら、想定ターゲットを明記した作品を並べます。言葉と作品が一致すると、面接での説明もスムーズです。
各作品に「意図・工夫・改善点」の200字メモを添える
作品を並べるだけでなく、1つずつに「想定ターゲット・工夫した点・改善したい点」を200字前後で書き添えます。改善したい点まで書けると素直さのアピールにもなり、視点2「素直さ」で加点されます。
応募先の業種に近い作品を1本混ぜる
応募先が飲食業界向け制作会社なら飲食店のLPを、EC向けならバナー制作を、というように応募先の業種に寄せた作品を1本入れると、志望度の高さが伝わります。既存作品を業種違いで作り直すだけでも効果的です。
阿部 翔大自己PRとポートフォリオの連動は、僕の面談でも特に時間をかけて一緒に確認する部分です。自己PRの言葉と作品の印象が違うと、面接官は違和感を持ちます。逆に一致していると「この人の言うことは信頼できる」と受け取ってもらえるんですよね。応募前の1週間で必ず両方を並べて見直してみてください。
Webデザイナー未経験の自己PR相談は私たちノビルキャリアへ
私たちノビルキャリアは、これまで10,000名以上の20代の転職を支援し、内定承諾者の平均年齢は24.7歳、支援者の約85%が20代という若手特化の転職エージェントです。未経験者の自己PR添削は日常業務の中でも件数の多いご相談です。
面談では、あなたの前職経験からWebデザインに接続する強みを一緒に言葉にして、履歴書・面接それぞれの自己PRの初稿から添削まで対応します。ポートフォリオとの連動チェックもセットで行います。弊社の支援データでも、キャリアアドバイザーによる自己PR添削を受けた方は書類通過率が上がる傾向があります。
| 項目 | 内容 |
|---|---|
| サービス名 | ノビルキャリア |
| 対象 | 20代の未経験・第二新卒・フリーター・キャリアチェンジ希望者 |
| 支援実績 | 10,000名以上（内定承諾者の平均年齢24.7歳・支援者の約85%が20代） |
| Webデザイナー自己PR支援 | 前職経験の言語化・履歴書と面接それぞれの自己PR添削・ポートフォリオとの連動チェック |
| 対応エリア | 東京・大阪・神奈川・兵庫・京都・埼玉・愛知・千葉・広島など全国主要都市 |
| 利用料金 | 完全無料・登録3分・相談だけでもOK |
阿部 翔大「自己PRを1人で書いていると、自分の強みが本当に強みなのか自信が持てない」というご相談は本当に多いです。第三者の目で見て、前職経験のどこが刺さるかを一緒に洗い出すだけで、書ける量がだいぶ変わるんですよ。書きかけの自己PRでも、白紙の状態でも大丈夫なので、気軽に面談を使ってくださいね。
完全無料・登録3分・相談だけでもOK
Webデザイナー志望の転職エージェントの選び方については以下の記事もあわせてご確認ください。
Webデザイナー未経験者から当社キャリアアドバイザーへののよくある質問
Q1｜自己PRの文字数は履歴書と面接で変えるべきですか？
A：履歴書は200〜300字、面接は400〜600字（口頭で1〜2分）が目安です。同じ強みでも、履歴書は要点だけ、面接では具体エピソードまで語れるように準備します。両方の分量で書き分ける練習をしておくと、本番で詰まりません。
Q2｜前職の勤続年数が短い場合、どう書けばいいですか？
A：短い勤続でも「その期間で得た具体スキル」に焦点を当てて書きます。「1年で店頭POP20枚を制作した」「半年で顧客ヒアリング50件を実施した」など、期間より成果の数字が重要です。前職を悪く言わず、次に活かせる部分を切り出しましょう。
Q3｜スクール卒業前でも自己PRに書いていいですか？
A：在学中・受講中でも書けます。「現在○○スクール受講中、6ヶ月コースの3ヶ月目時点で模写3本を完成」のように現在進行形で明示すれば問題ありません。ただし卒業後の応募と比べて評価が厳しくなるため、実制作の量で差をつけましょう。
Q4｜複数の応募先で同じ自己PRを使い回していいですか？
A：土台は同じでも、応募先の業種に応じて志望動機の部分だけ書き換えるのが理想です。制作会社ならクライアントワーク、事業会社なら自社サービス視点、広告運用会社ならCPA視点など、業種特有の言葉を1〜2行入れると熱意が伝わります。
Q5｜自己PRに書ける学習実績がまだ少ないときは？
A：応募前に1〜2ヶ月の集中学習期間を作って実績を作るのが近道です。「6ヶ月・250時間・作品6本」を目標に、平日1時間・休日3時間の学習を積み上げれば書ける材料が揃います。焦って書類を出すより、実績を作ってからの方が通過率が上がります。
まとめ｜未経験の自己PRは「継続・素直さ・接続性」を意識して書く
Webデザイナー未経験の自己PRは、「学習の継続実績・前職経験の活かし方・志望理由・伸びしろ・作品の意図」の5要素で構成し、採用担当者の3視点（継続力・素直さ・接続性）に合わせて仕上げましょう。前職の10エピソードを洗い出し、Webデザインに接続する強みを3つ選ぶ流れが基本です。
前職を否定せず、実績数字を入れ、作品と連動させることで、未経験でも通用する自己PRが完成します。1人で書き詰まったら、第三者に見てもらうのが近道です。
阿部 翔大「未経験だから書けない」ではなくて、「未経験だからこそ書ける準備プロセス」があるんです。前職の棚卸し・学習実績・作品意図の3セットを揃えれば、実務経験がなくても採用担当者に響く自己PRになりますよ。書きかけの状態でも大丈夫なので、悩まず声をかけてくださいね。
運営者情報
| メディア名 | ビギナーズリンク |
| 運営会社 | 株式会社MEDISITE |
| 代表者 | 竹田津 惇 |
| 所在地 | 〒160-0023 東京都新宿区西新宿8丁目5-4 STビル701 |
| 設立 | 2022年11月 |
| 事業内容 | HRメディア事業・SNSマーケティング事業・営業支援事業 |
| 許認可 | 有料職業紹介事業（13-ユ-316383） |
