Webデザイナーの職務経歴書で落ちない書き方｜採用担当者が見る5つの視点

この記事では、Webデザイナーが転職活動で提出する職務経歴書の書き方を採用担当者の視点から解説します。スキル欄の正しい記載方法、プロジェクト別の構成、採用担当者が即落とすNGパターンと状況別の例文を紹介します。

Webデザイナーの職務経歴書が採用担当者に「最初に読まれる」本当の理由

ポートフォリオより先に判断される現場の実態

「ポートフォリオがあれば職務経歴書は簡単でいい」——この思い込みが、書類選考で落ちる最大の原因になっています。

採用担当者が書類を確認する時間は平均30秒から1分程度です。その限られた時間の中で、ポートフォリオを開く前に職務経歴書が先に読まれます。採用数が多い企業では応募者が数十人に上ることも珍しくなく、まず職務経歴書でフィルタリングしてから、通過した候補者のポートフォリオを確認するという流れが標準的です。

つまり、職務経歴書の時点で「この人の作品を見てみたい」と思わせられなければ、ポートフォリオは見てもらえません。

採用担当者は職務経歴書で「デザイン以外」を見ている

デザインの良し悪しはポートフォリオで判断できます。では、採用担当者は職務経歴書の何を見ているのでしょうか。

デザインの技術力はポートフォリオで確認します。職務経歴書はそれ以外の能力——「デザインができるだけでなく、仕事として機能する人材か」を判断するための書類です。この視点を理解してから書き始めると、職務経歴書の書き方が根本から変わります。

採用担当者が職務経歴書の最初の30秒で確認する3つのポイント

① 担当した業務の「範囲」が明確かどうか

Webデザイナーの職務経歴書で最も多い問題が、「担当した仕事の範囲があいまい」なことです。採用担当者が知りたいのは、「この人は何から何まで担当できるのか」という具体的な情報です。

業務範囲の例	記載すべき内容
デザインのみ	ワイヤーフレームを元にビジュアルデザインを担当、コーディングはエンジニアと分担
デザイン＋コーディング	ヒアリングからデザイン、HTML/CSS/JS実装まで一貫担当
ディレクション込み	クライアント折衝、要件定義、デザイン、コーディング、納品まで全工程を1人で担当

「Webサイトのデザインを担当」という書き方では、採用担当者はその人が何ができるのか判断できません。「何を担当して、何を担当しなかったか」を明示することが、経験値を正確に伝える唯一の方法です。

② 成果が数値で示されているか

デザインの成果を数値で表すのは難しいと感じる方が多いですが、採用担当者はここを重視します。数値がない職務経歴書は「なんとなく仕事していた人」という印象を与えます。

Webデザイナーが使える数値の例を挙げます。

• リニューアル後のCV率が1.2%から2.8%に改善（前年比約2倍）
• ページの直帰率が68%から45%に低下
• 月間20〜30ページのバナー・LPを担当、納期遵守率100%
• 年間30件のLP制作を担当（うち5件がA/Bテストで勝利）
• プロジェクト期間6ヶ月、チーム規模5名（デザイン担当は自分1名）

具体的な数字がわからない場合は、規模感（ページ数、案件数、チーム人数、納期）を書くだけでも印象が変わります。「月に何件担当していたか」「チームで何人いたか」は必ず把握しておきましょう。

③ 書類のレイアウトそのものがデザイン力の証明になる

Webデザイナーとして応募しているにもかかわらず、職務経歴書のレイアウトが崩れていたり、フォントが統一されていなかったりすると、採用担当者は「本当にデザインができるのか」と疑問を持ちます。

職務経歴書はA4用紙2〜3枚が適切な分量です。「情報を詰め込みすぎずに整理する」こと自体が、デザイナーとしての情報設計力を示す機会です。余白の使い方ひとつで、書類全体の印象が大きく変わります。

Webデザイナーの職務経歴書 各セクションの書き方と例文

職務要約（200〜300文字）の書き方

職務要約は採用担当者が最初に読む部分です。ここで「続きを読みたい」と思わせられるかどうかが書類通過の分岐点になります。

職務要約に含めるべき情報は4つです。

• Webデザイナーとしての経験年数
• 主に担当してきた業務（LP制作、コーポレートサイト、ECサイト等）
• 得意な領域・専門性（UI設計、コーディング、ディレクション等）
• 転職で実現したいこと・貢献できること

職務経歴詳細——プロジェクト別記載の方法

職務経歴詳細は、在籍した会社ごとではなくプロジェクト（または担当業務のカテゴリ）ごとに整理することを推奨します。会社単位で書くと「何をやっていたか」が見えにくくなるためです。

各プロジェクトに必ず記載する項目は以下の通りです。

項目	記載例
プロジェクト概要	アパレルECサイトのリニューアルデザイン
期間・規模	2023年4月〜2023年10月（6ヶ月）、チーム5名
担当した業務	UIデザイン全般、デザインシステム構築、HTML/CSS実装
使用ツール	Figma、Photoshop、HTML/CSS/JavaScript
成果・実績	リニューアル後のCVR 1.8%→3.2%（前年比約1.8倍）

「担当した業務」の欄は箇条書きで3〜5項目に絞り込むのが適切です。10項目以上列挙すると「何でもやってた人」という印象になり、専門性が薄れます。その会社・案件で特に力を入れたことを選んで記載してください。

スキル・ツール一覧の書き方

スキル欄は「使えるツールのリスト」ではなく、「どのレベルで使えるか」まで伝えることで差別化できます。ツール名だけの羅列は採用担当者に何も伝えません。

カテゴリ	ツール・スキル	経験・レベル
デザインツール	Figma	3年以上、デザインシステム構築経験あり
デザインツール	Adobe Photoshop / Illustrator	5年以上、バナー・印刷物制作に常用
フロントエンド	HTML / CSS	業務で4年以上使用、レスポンシブ対応可
フロントエンド	JavaScript / jQuery	基本的なインタラクション実装が可能
CMS	WordPress	テーマカスタマイズ・プラグイン活用の経験あり

「使えます」と「業務で3年使っています」では信頼感がまったく異なります。また、現在の業務では使っていないが以前は使っていたツールは、「過去に経験あり、現在は〇〇を主に使用」と正直に書くのが適切です。

自己PRで差をつける書き方

自己PRで他の候補者と差をつける最大のポイントは、「なぜそのデザインにしたか」という意思決定プロセスを言葉にすることです。競合の多くは「UIデザインが得意です」「ユーザー視点を大切にしています」のような抽象的な表現で終わっています。

自己PRは200〜300文字が適切です。「課題 → 自分の判断・行動 → 結果 → 学び」の4つの要素を含めると、採用担当者が「会ってみたい」と感じる内容になります。

書き終わった職務経歴書の質を上げたい場合は、プロによる職務経歴書の添削サービスを活用する方法もあります。

採用担当者が見て「次の候補者」に移るNGパターン5選

採用担当者への取材や現場の声から、Webデザイナーの職務経歴書でよく見られるNGパターンを5つ紹介します。自分の書類が当てはまっていないか確認してください。

状況別——これを書けば通過率が変わる例文集

経験2〜3年のWebデザイナー（職務要約の例文）

経験2〜3年の段階では、複数の案件タイプを経験していても深みが不足しているという不安を持つ方が多いです。この段階では「担当した幅の広さ」よりも、「特定の領域での着実な積み重ね」を訴求する方が採用担当者に刺さります。

複数社経験者（転職2回目以上）の書き方

転職が2回以上ある場合、採用担当者は「なぜ転職が多いのか」を気にします。職務経歴書でこの不安を先回りして解消することが重要です。

ポイントは、各職場で「何を得て次のステップに進んだか」を一言添えることです。

転職理由を「前向きな理由」として職務経歴詳細に自然に組み込むことで、採用担当者の疑念を払拭できます。

未経験・スクール卒業後の最初の転職

「Webデザイナー未経験可」の求人に応募する場合、職務経歴書に書ける実務経験がないという不安を持つ方がほとんどです。ただし、採用担当者が「未経験可」として採用する際に見ているのは「学習への真剣さ」と「制作物のクオリティ」の2点です。

• 学習履歴を具体的に書く：「スクールで6ヶ月学習」ではなく、「○○スクールのUIデザインコースを修了（学習時間：400時間）、Webサイト5本を制作」のように具体化する
• 自主制作の実績を書く：スクール課題以外に自分で作ったサイト・アプリがあれば必ず記載。「誰かに見せるために作ったか」が判断基準
• 前職の経験との接続を書く：前職が全く異なる業種でも「前職の顧客対応経験から、ユーザー視点を持ったデザインを意識している」のように繋げられる

未経験の場合、職務経歴書とポートフォリオの完成度が採用可否を左右します。作成に手間を感じる場合は、職務経歴書の自動作成ツールを活用して効率的に整えることも選択肢のひとつです。

ポートフォリオと職務経歴書をセットで機能させる仕上げ方

職務経歴書が完成したら、ポートフォリオとの連携を確認してください。2つの書類はそれぞれ独立したものではなく、採用担当者の中で「1つの人物像」を形成するセットです。

• 職務経歴書に記載したプロジェクトをポートフォリオで確認できること：「A社在籍中に担当したECサイトリニューアル」が職務経歴書に書いてあれば、そのプロジェクトの成果物がポートフォリオにも含まれているか確認する
• 職務経歴書の数値とポートフォリオの内容に矛盾がないこと：「CVR2倍改善」と書いたなら、ポートフォリオでそのリニューアル前後を比較できる素材を用意する
• ポートフォリオのURLを職務経歴書に明記すること：「別途ポートフォリオをご確認ください」だけでなく、URLを記載する。採用担当者が迷わずアクセスできる状態にする

特に重要なのが、ポートフォリオに「自分の担当範囲」を明記することです。チーム制作の作品をポートフォリオに掲載する場合、「UIデザイン担当」「コーディング担当」など自分が何をしたかを1行でも書いておかないと、採用担当者は何を評価すればいいかわかりません。職務経歴書に書いた内容とポートフォリオの記載を揃えておくことで、書類全体の説得力が増します。

完成した書類の最終確認や校正を依頼したい場合は、職務経歴書の代行・添削サービスを利用する方法もあります。

まとめ

• 職務経歴書はポートフォリオより先に読まれる。採用担当者が「作品を見たい」と思うかどうかを決める書類
• 採用担当者は職務経歴書で語彙力・論理力・役割の明確さを確認している。デザイン以外の能力が評価対象
• 担当した業務の範囲、成果の数値化、書類レイアウトの3点が書類通過の最重要ポイント
• ツール名の羅列・「〜を制作しました」で終わる成果記述・レイアウトの雑さが主なNGパターン
• 未経験の場合は学習の具体性と自主制作の実績で補う。前職の経験をデザインの視点に繋げる工夫が有効
• 職務経歴書とポートフォリオは連動させ、担当範囲・成果の記述を揃えることで書類全体の説得力が増す

職務経歴書は一度書いて終わりではなく、応募先の企業や職種に応じて記載の優先順位を調整することも重要です。自分のキャリアのどの側面を前面に出すかで、採用担当者に伝わる印象が大きく変わります。

Webデザイナーの職務経歴書に関するよくある質問

Webデザイナーの職務経歴書はA4何枚が適切ですか？

経験年数に関係なく2〜3枚が標準です。1枚では情報が不足し、4枚以上になると読まれません。経験が浅い場合も無理に埋めようとせず、情報を厳選して2枚にまとめることを優先してください。Webデザイナーの場合は書類の見やすさ自体がデザイン力のアピールになるため、余白を十分に取った2枚が最も好印象を与えます。

ポートフォリオがあれば職務経歴書は簡単でも大丈夫ですか？

大丈夫ではありません。採用担当者はポートフォリオを開く前に職務経歴書で候補者を絞り込みます。職務経歴書の段階で「この人の作品を見たい」と思わせられなければ、ポートフォリオは確認してもらえません。ポートフォリオはデザイン力の証拠であり、職務経歴書はビジネス人材としての能力を示す書類です。どちらも手を抜けません。

未経験でWebデザイナーに転職する場合、職務経歴書に何を書けばいいですか？

学習履歴（スクール名・学習期間・総学習時間）、自主制作の実績（制作したサイト数・バナー数）、使えるツール（Figma・HTML/CSS等）とそのレベル、前職で身につけた経験のうちWebデザインに活かせる視点を書いてください。「スクールで学びました」だけでなく、具体的な数字と成果物の存在を示すことが採用担当者の信頼を得る唯一の方法です。ポートフォリオのURLも必ず職務経歴書に記載してください。

フリーランス経験のある場合、職務経歴書はどう書けばいいですか？

フリーランスの期間は「フリーランス（個人事業主）」と明記し、在籍期間を記載します。クライアント名を公開できない場合は「BtoB SaaS企業（守秘義務のため非公開）」のように業種だけ書くのが適切です。担当したプロジェクトの内容・担当範囲・成果を正社員の場合と同じ形式で記載してください。フリーランス経験は「自己管理能力が高い」「幅広い業種の対応経験がある」ポジティブな強みとして記述できます。