20代ITコンサルタントの職務経歴書｜差がつく書き方と実例
ショクレキ代行
ショクレキ代行
20代Webデザイナーの職務経歴書｜通過率を上げる実践的な書き方
ショクレキ代行
📌 この記事でわかること
- 20代Webデザイナーが採用担当者に評価される職務経歴書の書き方
- 経験が浅くても「即戦力候補」として見せる方法
- 制作実績を数字で伝えるコツ（バナー・LP・サイト制作量）
- AI画像生成・Figma時代に20代Webデザイナーが見せるべきポイント
- 経験年数別（1〜2年・3〜4年・5年前後）の書き方の違い
- NG例・改善例つきで今日から使える例文
「制作実績は積んできたのに、職務経歴書に何を書けばいいかわからない」「ポートフォリオは作ったけど、職歴の記述で差別化できない」20代Webデザイナーの転職活動でよく聞く悩みです。
20代Webデザイナーの転職市場では「経験の深さ」より「制作量とスピード」「Figma・AI画像生成への適応力」「コーディング・マーケ視点との連携力」が評価されます。多くの20代が「特別な賞歴がない」「大手案件を担当していない」と思い込み、自分を過小評価した職務経歴書を書いてしまっています。
採用担当者が20代Webデザイナーに期待しているのは「完成された作家」ではありません。「制作スピード」「数字で結果を意識する姿勢」「ツールへの適応力」「他チームと協働できる素地」です。この4点を職務経歴書で伝えられれば、経験が浅くても十分に評価されます。
採用担当は何を見ている？
20代Webデザイナーの採用担当者が職務経歴書で確認しているのは、主に次の3点です。
| 観点 | 内容 |
| 制作実績の量と質 | 担当したバナー・LP・サイト制作の本数・案件規模を確認している。「年間バナー300本制作」「LP月平均5本制作」のような行動量と「BtoC EC・コーポレート・SaaS」など担当したジャンルの幅が重要 |
| 使用ツールと習熟度 | Figma・Adobe Creative Cloud（Photoshop・Illustrator・XD）・Adobe Firefly・Midjourney・Canva・コーディング（HTML/CSS/JS）への対応を確認している。20代では「Figma を業務で日常使用」「Photoshop での写真合成・レタッチが可能」のような具体性が評価される |
| 数字で成果を追ってきたか | 制作物のCVR・CTR・ABテスト結果を数字で追える姿勢があるか。「CVR が前バージョン比で1.4倍に改善」「LPのコンバージョン率を2.1%→3.2%に引き上げ」のような数字を意識する20代は希少で評価が高い |
よくある失敗（書類が通らない人に共通する3つのパターン）
パターン①：「制作・運用を担当」で終わっている
「自社サイトのデザイン・運用を担当してきました」という記述では、採用担当者には何も伝わりません。担当したサイトの規模（月間PV・カテゴリ数）、制作したバナー・LPの本数、それによる成果指標が書かれて初めて評価材料になります。
パターン②：使用ツールを並べるだけで習熟度が伝わらない
「Photoshop・Illustrator・Figma・XD・Adobe Firefly 使用経験あり」と並べるだけでは、どのツールをどう使えるかが判断できません。「Figma（業務での日常使用・コンポーネント設計・Auto Layout 活用）」「Photoshop（バナー制作・写真合成・人物レタッチが可能）」のように、ツールごとに業務での使い方を書くことが重要です。
パターン③：制作の判断プロセスが書かれていない
20代Webデザイナーで最も差がつくのは「何を作ったか」より「どう考えて作ったか」です。「LPを制作した」だけでなく「ターゲットを20代女性に絞り、ファーストビューに『価格訴求 vs ベネフィット訴求』のABテストを実施。ベネフィット訴求が CVR 1.5倍と高いことを確認し、シリーズ展開時のテンプレートとして採用」のような判断プロセスが書けるかが評価の分かれ目です。
書き方のポイント｜20代Webデザイナーならではの伝え方
ポイント①：制作実績の数字を冒頭に明記する
「BtoC EC（月商約2億円規模）の自社デザイナーとして、年間バナー約280本・LP約30本・特集ページ約50本を制作」のように、制作量を数字で明記することで業務のスケール感がつかめます。担当したサイトの規模感（月間PV・月商）も併記しましょう。
ポイント②：使用ツールと使い方をセットで書く
Figma・Photoshop・Illustrator・Adobe Firefly・Midjourney・Canva・HTML/CSS の使用経験を、業務での使い方とセットで書きましょう。「Figma（業務日常使用、デザインシステム整備・Auto Layout 活用）」「Adobe Firefly（バナー素材生成・写真の背景拡張に業務活用）」「HTML/CSS（簡単なコーディングは自分で対応可能）」のように具体性を持たせます。
ポイント③：ABテスト・数字での改善経験を書く
20代Webデザイナーが30代と差別化できるポイントは「数字に対する意識」です。「LPの ABテスト（ファーストビュー2パターン）を月3回実施・CVR 改善案を提案」「広告バナーのクリック率を平均2.3%→3.8%に改善」「カートページのデザイン改善で離脱率を15%削減」のような数字を職務経歴書に書きましょう。
20代Webデザイナーならではの悩みに答える
「コーディングができないとアピールにならないか」
コーディングは必須ではありませんが、HTML/CSS の基礎理解があると好印象です。「Figma で作成したデザインをコーダーへ正確に渡せる範囲のHTML/CSS理解あり」「簡単な修正は自分で対応可能」のレベルでも書く価値があります。学習中の場合は「現在 Progate・ドットインストールでHTML/CSSを学習中」と書きましょう。
「AI画像生成ツールへの対応をどう書けばいい」
Adobe Firefly・Midjourney・Stable Diffusion などの活用経験は積極的に書きましょう。「バナー素材の背景生成にAdobe Fireflyを業務活用」「Midjourney でビジュアルラフ案を高速生成し、社内提案で採用率向上」のような書き方が効果的です。AIツールに対する姿勢（活用しているか抵抗があるか）は採用担当者が必ず気にするポイントです。
例文
例①：BtoC EC・自社デザイナー（経験1年半・第二新卒）
従業員数約60名のBtoC EC企業（月商約2億円）にて、自社デザイナーとして勤務。EC本サイト・特集ページ・広告バナー・LP の制作を担当。デザインチーム3名体制。
【業務内容】
・自社EC本サイトのバナー・特集ページ制作（月間バナー約25本・特集ページ月3〜5本）
・新商品LP・キャンペーンLP制作（月平均3本）
・Web広告バナー制作（Meta・X・LINE・Google Display 用、月50〜80本）
・商品撮影への立ち会い・ディレクション補助（月2〜3回）
・季節キャンペーンのビジュアルコンセプト立案
【実績】
・年間制作物数：バナー約280本・LP約30本・特集ページ約50本（個人担当分）
・担当LPの平均CVR：制作前2.1% → 制作後3.4%（テンプレート整備による改善）
・広告バナーCTR：施策ローテーション運用でカテゴリ平均2.3% → 3.8%に改善
・制作スピード：バナー1本あたり平均所要時間を当初4時間→1.5時間に短縮
・月次MVP：社内デザインチーム内で2回受賞
【主な取り組み】
入社時にデザインの一貫性が崩れていたため、Figma でデザインシステム（カラーパレット・タイポグラフィ・コンポーネント）を整備。これによりデザイナー3名がバラつきなく制作できる体制を作った。AI画像生成ツール（Adobe Firefly・Midjourney）を業務に積極導入し、ラフ案作成や背景素材の生成に活用することで、制作スピードを大幅に向上させた。LP制作ではマーケチームと連携し、ABテスト前提のデザイン分岐を最初から作ることをルール化した。
自己PRでのアピールポイント
EC事業のデザイナーとして「制作スピードと数字改善の両立」を意識して動いてきた。デザインシステム整備・AIツール活用・ABテスト前提のデザインなど、効率と成果の両方を高める実装を業務に取り入れる姿勢が強み。次の職場でも、事業に直結するデザインアウトプットで貢献したい。
例②：受託制作・Webデザイナー（経験3年・中堅手前）
従業員数約40名のWeb制作会社にて、Webデザイナーとして勤務。中堅企業のコーポレートサイト・採用サイト・ECサイトの制作を担当。直近3年で担当した案件は約25件。
【業務内容】
・コーポレートサイト・採用サイト・LP・ECサイトのデザイン制作
・クライアントとの打ち合わせ・要件ヒアリング・デザインプレゼン
・ディレクター・コーダー・フロントエンドエンジニアとの連携
・既存サイトの改修・リニューアル提案
・撮影・イラスト発注などの外部協力者ディレクション
【実績】
・担当案件数：3年間で約25件（うちサイトリニューアル12件・新規構築7件・LP制作6件）
・クライアント継続案件率：3年間で82%（追加発注を含む）
・デザイン提案の採用率：初回提案で約85%採用される（業界平均60〜70%）
・リニューアル後の主要KPI改善：CVR平均1.6倍・離脱率平均25%削減
・受賞：業界デザインアワードで担当2案件が入選
【主な取り組み】
受託制作で重要なのは「クライアントの要件と本質的なユーザー課題のバランス」だった。要件ヒアリングの段階で「クライアントが求めている見た目」と「ユーザーが本当に求めている体験」のずれを言語化し、両者を満たす提案を行うスタイルを徹底した。Figma の Auto Layout・Variants・Components を活用し、クライアントとのレビューサイクルを高速化。修正対応の工数を従来比約40%削減した。AI画像生成（Adobe Firefly・Midjourney）はラフ提案や撮影前のビジュアルイメージ共有に活用している。
自己PRでのアピールポイント
受託制作のWebデザイナーとして、クライアント要件・ユーザー体験・コーダー実装の3視点を踏まえたデザインスタイルを身につけてきた。「修正サイクルを最小化する Figma の構造化」「ABテストとセットでの提案」が強み。次の職場でも、クライアントとユーザーの両方が満足するアウトプットで貢献したい。
例③：インハウス・サブリーダー候補（経験5年・20代後半）
従業員数約200名のBtoC SaaS企業（月間アクティブユーザー約30万人）にて、インハウスWebデザイナーとして勤務。3年目からサブリーダーとして後輩デザイナー2名の指導も担当。
【業務内容】
・自社サービスのLP・特集ページ・広告バナー制作（月平均60本）
・UI改善案の検討・PMへのデザイン提案（月2〜3件）
・デザインシステム（Figma）の整備・運用ガイドラインの管理
・後輩デザイナー2名のレビュー・指導・案件分配
・外部撮影・イラストレーター・動画クリエイターとの調整・契約管理
【実績】
・担当LPの平均CVR：3年間で平均2.4% → 4.1%に向上
・広告バナーのCTR：シリーズ展開で平均1.8% → 3.2%に改善
・デザインシステム整備により、新規LP制作時間を1案件あたり3日→1.5日に短縮
・後輩2名の育成：両名が独り立ちまでの期間を従来6ヶ月→3ヶ月に短縮
・業務効率化：AI画像生成（Adobe Firefly・Midjourney）導入により素材コスト約30%削減
【主な取り組み】
サブリーダーとして「デザインの属人化排除」と「数字改善サイクルの仕組み化」に注力した。デザインシステムを Figma で構造化（Tokens・Components・Variants）し、後輩でも一定品質のアウトプットが出せる土台を整備。LP制作では「制作前にABテスト計画を立てる」運用を導入し、すべてのLPで施策効果が測定可能な状態にした。AI画像生成ツールはラフ案・背景素材・人物素材生成に業務統合し、外部撮影コストの削減と納期短縮の両方を実現した。
自己PRでのアピールポイント
インハウスデザイナーとして「デザインの仕組み化と数字改善」を5年間追求してきた経験を持つ。「デザインシステム整備による品質統一」「ABテスト前提のデザイン設計」「AIツール活用での効率化」を軸に動くスタイルで、次の職場でもデザイン組織の生産性向上と事業貢献に取り組みたい。
書き方ステップ
① 担当した制作物をすべて書き出す
担当案件・サイト・LP・バナー・特集ページなど、制作したものを思い出せる限り書き出します。「何を・いつ・どんな目的で作ったか」を整理してください。
② 数字を3軸で探す
規模（担当件数・サイト規模）、成果（CVR・CTR・離脱率の改善）、スピード（制作時間・修正対応時間の短縮）の3軸で数字を探します。完璧でなくても概数で構いません。
③ 使用ツールと使い方をセットで整理する
Figma・Photoshop・Illustrator・XD・Adobe Firefly・Midjourney・Canva・Premiere Pro・After Effects・Webflow・HTML/CSS など、業務で使ったツールを「どう使ったか」とセットで書き出します。
④ AI画像生成ツール活用と効果を書く
Adobe Firefly・Midjourney・Stable Diffusion などの活用経験と、それによる成果（時間短縮・コスト削減・新しい表現）を書きましょう。20代では必須項目です。
⑤ 制作の判断プロセスを1〜2件詳しく書く
「なぜこのデザインにしたか」「どんなABテストをしたか」「どう改善したか」のプロセスを1〜2件詳しく書き出します。20代の再現性を示す核心部分です。
NG例 → 改善例｜通らない書き方の直し方
失敗①：担当業務の抽象的な記述
失敗②：ツール使用の羅列
失敗③：制作の判断プロセスが見えない
失敗④：AI画像生成への対応が書かれていない
経験年数別アドバイス
経験1〜2年（第二新卒・若手）
「制作量と制作スピード」が最大のアピールポイントです。大きな実績がなくても「年間バナー○本」「LP月平均○本」「Figma を業務で日常使用」など、行動量を具体的に書きましょう。
経験3〜4年（中堅手前）
「複数ジャンルの制作経験」「数字改善の継続実績」「クライアント・他チームとの連携経験」が評価の軸になります。制作量に加えて、「制作プロセスの仕組み化（Figmaのデザインシステム・Auto Layout活用）」を書くことで差別化できます。
経験5年前後（20代後半）
「サブリーダー・チームリードとしての実績」「後輩指導・案件統括の経験」「マーケ・PM・エンジニアとの横断連携」が評価の軸になります。30代に近づくにつれ「個人制作の成果」より「チーム成果・仕組み化」が求められ始めます。
よくある質問
Q. ポートフォリオは職務経歴書とは別に用意した方がいいですか？ 別に用意した方がいいです。職務経歴書は「経歴と数字」、ポートフォリオは「制作物の質と幅」を見せる書類です。両方を整えることで通過率が大幅に上がります。
Q. 賞歴・受賞経験がない場合、どうアピールすればいいですか？ 賞歴は必須ではありません。「数字での改善実績」「制作量」「使用ツール」「プロセス改善」を中心に書けば十分にアピール材料になります。20代では特に「行動量と改善姿勢」が評価されます。
Q. 業界・ジャンルの経験が偏っている場合、不利ですか？ 偏った経験は「特定領域の深い知見」として書き直せます。「BtoC EC領域で3年・約500件のバナー制作経験」のように、ジャンル特化を強みとして書きましょう。応募先のジャンルへの興味・学習意欲を併記すると展開力もアピールできます。
Q. AI画像生成への抵抗感がある場合、職務経歴書にどう書けばいい？ 抵抗感があっても、「現在検証中」「業務での活用方法を模索中」のレベルで書くだけで採用担当者の懸念は和らぎます。完全にゼロだと「環境変化への適応力がない」と判断されるリスクがあるので、最低限の検証経験は積んでおきましょう。
Q. 職務経歴書はA4何枚が適切ですか？ 1〜2枚が目安です。担当した制作物・数字・使用ツール・プロセス改善など20代Webデザイナーならではの情報を優先して記載しましょう。ポートフォリオ（URL・主要制作物）は別に用意するのが一般的です。
まとめ
- 採用担当者は20代Webデザイナーに「制作量・スピード・数字を追う姿勢」を求めている
- 担当した制作物の規模（年間制作本数・サイト規模）を冒頭に明記する
- ツールは「使用経験あり」ではなく「何をどう使ったか」で書く
- ABテスト・数字改善の実績を書くことで他の20代と差別化できる
- AI画像生成（Adobe Firefly・Midjourney）の活用実績を書く
- 制作の判断プロセス（なぜそのデザインにしたか）を1〜2件詳しく書く
20代Webデザイナーの経験は「制作スピードと改善サイクル」として必ず評価されます。まずは年間制作量・担当した案件規模・CVR/CTR の数字・使用ツールの具体的な使い方を書き出すところから始めてみてください。
人事・採用担当として1,000名以上の面接、30社の採用支援に携わった経験をもとに、職務経歴書の作成代行・添削を行っています。
採用側での経験をもとに、評価される書類づくりをサポートしています。「経験はあるのに書類で落ちる」という方に特に支持をいただいています。
これまでのご支援数は370名以上。製造・IT・金融・医療・サービス業など、幅広い業界・職種に対応しております。
職務経歴書の書き方にお悩みの方は、お気軽にご相談ください！
