webデザイナー職務経歴書テンプレート｜採用担当者が通過させる書き方

この記事では、webデザイナーの職務経歴書テンプレートの構成と各項目の書き方を解説します。採用担当者が書類選考で実際にチェックするポイントと、書類で落とされやすいNG例を具体的に紹介します。

「ポートフォリオがあれば大丈夫」が通用しない理由

Webデザイナーの転職では、ポートフォリオが選考の中心になると思いがちです。しかし実際の書類選考では、採用担当者は職務経歴書を先に読み、ポートフォリオを見る価値があるかどうかを判断します。

職務経歴書の段階で「この人は自社で活躍できるか」という判断がつかなければ、ポートフォリオは最後まで確認されないこともあります。テンプレートに情報を埋めるだけでなく、採用担当者が読んで判断できる職務経歴書をつくることが書類選考通過の前提条件です。

採用担当者が職務経歴書で確認している3つのこと

この3点が職務経歴書から読み取れない場合、ポートフォリオを開く前に候補者リストから外れることがあります。

webデザイナーの職務経歴書テンプレート（基本構成）

職務経歴書に決まった形式はありませんが、採用担当者が情報を整理しやすい以下の構成が標準的です。

項目	役割	文字数の目安
職務要約	全体の概要を30秒で伝える	200〜300文字
職務経歴	関わった案件・業務の詳細を記載する	各社200〜400文字
スキル一覧	使用できるツール・技術を明示する	箇条書きまたは表
資格・学歴	保有資格・学歴を記載する	必要な範囲で
自己PR	強みと入社後のビジョンを伝える	200〜300文字

A4用紙1〜2枚に収めるのが基本です。経験が浅い場合は1枚、複数社にわたる職務経歴がある場合は2枚を目安にしてください。3枚以上になる場合は情報を絞って圧縮します。採用担当者が1人あたりの書類を読む時間は非常に短く、長すぎる職務経歴書はかえって評価を下げる要因になります。

職務経歴書に使えるテンプレートの種類

職務経歴書のテンプレートは「編年体式」と「逆編年体式」の2種類が主流です。

• 編年体式：古い職歴から順に記載する形式。経験が少ない場合や一貫したキャリアを見せたいときに適している
• 逆編年体式：直近の経歴から記載する形式。採用担当者が最新の業務内容をすぐ確認できるため、転職市場では標準的

Webデザイナーの転職では逆編年体式が一般的です。直近のスキルセットや制作実績が先に目に入るため、採用担当者の判断が早くなります。なお、書類作成の手間を減らしたい場合は職務経歴書の自動作成ツールの活用も選択肢のひとつです。

職務要約の書き方｜採用担当者が最初の30秒で判断する

職務要約は職務経歴書の「冒頭の一文」です。採用担当者はここを読んで、書類全体を詳しく見るかどうかを判断します。200〜300文字の中に、自分のキャリアの核心を詰め込む必要があります。

書き方の基本構造は「経験年数＋担当業務の種類」→「使用ツール・スキル」→「具体的な実績・成果」の3段階です。この流れで書くことで、採用担当者が30秒で「使えるかどうか」を判断できる職務要約になります。

職務要約の良い例・NG例

良い例とNG例の最大の差は「数値と具体的な業務内容の有無」です。「5年間」という年数よりも「CVR 12%向上」「デザインシステム整備」のような具体的な実績の方が、採用担当者の目に止まります。

未経験転職の場合の職務要約

スクール卒業後や独学でWebデザイナーを目指す場合、実務経験がないため職務要約の書き方に迷う人が多くいます。この場合は、前職で培ったスキルとWebデザインへの接続を明示するのが有効です。

職務経歴欄の書き方｜数値と「設計の理由」で差がつく

職務経歴欄は、採用担当者が「この人に自社の仕事を任せられるか」を具体的に判断する箇所です。携わった企業ごとに、以下の情報を整理して記載します。

1案件あたりの情報量の基準

記載要素	書き方の例
企業・案件名	○○株式会社（BtoBマーケティングSaaS）
在籍期間	2022年4月〜2024年3月（2年間）
担当業務	LP制作・バナー制作・UIデザイン
使用ツール	Figma / Adobe Illustrator / Photoshop
制作規模	年間制作件数50件超、チーム3名
成果・実績	LPリニューアル後、CVR 8%→12%（+4pt）

制作実績を数値化するコツ

「数値で表しにくい業務だった」と感じる場合でも、以下の視点で整理すると数値化できることがあります。

• 制作件数：年間○件のLP制作、月○本のバナー制作
• 改善率：リニューアル前後のCVR・CTR・PV数の変化（%で表記）
• 規模感：担当クライアント数、チーム人数、プロジェクトの概算規模
• スピード：納期遵守率、1案件の平均制作日数

数値がない場合でも「A案とB案を比較検証し、クリック率の高い方を採用した」のように設計の判断プロセスを書くと、データドリブンなデザイナーとして評価されやすくなります。

未経験・スクール制作物の書き方

実務経験がない場合でも、スクールや独学で制作した作品を職務経歴欄に記載できます。ポイントは「ただ作りました」ではなく、制作の目的・対象ユーザー・工夫した点をセットで書くことです。

スキル一覧の書き方｜ツール名の羅列では採用担当者に伝わらない

多くの応募者が職務経歴書のスキル欄でつまずくのが、「ツール名を並べるだけ」になっていることです。採用担当者は「どのレベルで使えるか」を知りたいのに、名前だけでは判断できません。

習熟レベルの表記方法

スキル一覧は「ツール名」「習熟度」「具体的な経験」の3列で記載すると、採用担当者に正確に伝わります。

ツール	習熟レベル	具体的な経験
Figma	実務3年以上（上級）	デザインシステム構築・コンポーネント管理・開発者へのハンドオフ
Adobe Photoshop	実務5年以上（上級）	バナー・LP用画像加工・写真レタッチ
Adobe Illustrator	実務4年（中〜上級）	ロゴ・アイコン制作・印刷物デザイン
Adobe XD	実務2年（中級）	ワイヤーフレーム・プロトタイプ作成
HTML/CSS	基礎〜中級	マークアップ・レスポンシブ対応（実装は別途エンジニアに依頼）

スキル記載でよくあるNG

Adobe Creative Cloudの製品は正式名称で統一し（「フォトショ」「イラレ」などの略称は使わない）、バージョンは特筆すべき場合のみ記載します。

ポートフォリオとスキル欄の連携

スキル欄の最後に「ポートフォリオURL：https://〇〇.com」を記載してください。採用担当者が職務経歴書を読みながらすぐに確認できる位置に置くことで、書類選考の通過率が上がります。

ただし、ポートフォリオは常にアクセス可能な状態を保つことが前提です。リンク切れや更新が数年前で止まっているサイトへの誘導は、逆効果になることがあります。

自己PRの書き方｜「デザインが好き」を採用担当者に刺さる言葉に変える

自己PRはスキルや職歴の補完として機能する項目です。「デザインが好き」「丁寧に仕事をします」のような抽象的な言葉は採用担当者の目に止まりません。

評価される自己PRの構造は「強みの定義→裏付けとなる具体的なエピソード→入社後に活かせる場面」の3段階です。この流れで書くと、採用担当者が「この人を面接で会いたい」と感じる自己PRになります。

経験者向けの自己PR例文

未経験転職の場合の自己PR例文

職務経歴書が完成したら、プロの視点でフィードバックをもらうことも方法のひとつです。職務経歴書の有料添削サービスを活用すると、採用担当者視点での改善点を具体的に把握できます。

【状況別】webデザイナー職務経歴書の書き方ポイント

同じWebデザイナーでも、転職回数・経験の有無・働き方によって職務経歴書で押さえるべきポイントが異なります。自分の状況に合った書き方を確認してください。

経験者（転職1〜2回）の書き方

実務経験が1社以上ある場合、職務経歴欄は直近の経歴から記載します（逆編年体式）。各社での業務を詳細に記載したうえで、複数の職場を通じた「一貫したスキルの成長軸」を自己PRに盛り込むと説得力が増します。

• 複数ツールを横断して使える点を強調する：異なる会社でも同じ品質を維持できることを具体例で示す
• 業界・業種の幅を記載する：BtoB・BtoC・ECなど複数業界の経験がある場合は積極的に書く
• 転職理由とキャリアの方向性を一致させる：自己PRと職務要約で「なぜ次の転職をするか」が一貫していると書類の印象が上がる

未経験からWebデザイナーを目指す場合

未経験転職では「なぜWebデザイナーなのか」の説明と「学習の具体性」が評価の分かれ目になります。

フリーランス・副業経験者の書き方

フリーランスや副業での制作経験がある場合、「フリーランス（業務委託）」として職務経歴欄に記載できます。クライアント名は守秘義務がある場合「BtoB向けSaaS企業（社名非公開）」のように業種・業態で代替してください。

• クライアント業種・制作物の種類・件数・使用ツールを記載する
• 副業で得た実績（改善率・制作件数）も正社員経験と同様に評価対象になる
• ポートフォリオにフリーランス制作物を掲載する場合は著作権・守秘義務の確認を必ず行う

職務経歴書の作成に時間をかけられない場合や、書き方に自信がない場合は職務経歴書の代行サービスの活用も選択肢のひとつです。

まとめ

• 職務経歴書はポートフォリオを見てもらうための入場券。採用担当者が書類選考を通過させるかどうかを判断する最初の書類
• 職務要約・職務経歴・スキル一覧・自己PRの各項目に、具体的な数値・ツールの習熟度・設計の判断理由を盛り込む
• スキル欄はツール名の羅列を避け、習熟レベルと具体的な経験をセットで記載する
• 未経験転職でも「制作の目的・対象ユーザー・工夫した点」を明記すればスクール制作物が評価対象になる
• ポートフォリオURLはスキル欄の末尾に記載し、常にアクセス可能な状態を維持する

職務経歴書は書類選考を通過するためだけでなく、面接での話題の起点にもなります。採用担当者が「もっと詳しく聞きたい」と思う内容を盛り込んで作成してください。

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

webデザイナーの職務経歴書にポートフォリオのURLは書くべきですか？

記載することを推奨します。スキル欄の末尾または職務要約の直後にURLを記載すると、採用担当者が職務経歴書を読みながらすぐに確認できます。GitHubやBehance、個人サイトなど形式は問いませんが、常にアクセス可能な状態を維持してください。リンク切れや更新が数年前で止まっている状態は、マイナス評価につながることがあります。

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

スクールや独学での学習内容と制作した作品を記載してください。作品は「制作した」という事実だけでなく、「どんなユーザーに向けて」「どこにこだわって設計したか」を書くと採用担当者の評価が高まります。前職の経験（コミュニケーション・論理的思考・業界知識など）がWebデザインにどう活かせるかも自己PRに盛り込んでください。

職務経歴書に書くツールは全部書いた方がいいですか？

実際に業務（または制作）で使ったツールに絞って記載してください。使ったことがある程度のツールを大量に並べると「全部浅いのでは」と判断されるリスクがあります。得意なツールは習熟レベルと具体的な経験をセットで書き、補助的に使っているツールは「基礎レベル」と明記して記載してください。

職務経歴書はA4何枚が適切ですか？

1〜2枚が基本です。経験が浅い場合（未経験・1社目）は1枚にまとめるのが好ましく、複数社の経歴がある場合は2枚以内を目安にしてください。3枚以上になる場合は情報を精査し、採用担当者に伝えるべき内容を優先して圧縮します。採用担当者が1人あたりの書類を確認する時間は限られているため、簡潔にまとめることが評価につながります。