webデザイナーの職務経歴書テンプレート/フォーマット【PDF/スマホダウンロード可】

webデザイナーの職務経歴書テンプレートはこちら

Webデザイナーの職務経歴書の書き方・例文

① 年月日（提出日）と氏名

【例文】

提出日：2025年4月11日 氏名：岡田 莉子

【書き方】

年月日は「作成した日」ではなく、実際に提出する日付を記載するのが正しいルールです。Webデザイナーの転職活動では、複数社に同時応募するケースも多く、作成してから提出までに時間が空くことがあります。使い回しをすると日付が古いままになりがちですので、送付・持参する直前に必ず確認・更新する習慣をつけましょう。

氏名はフルネームで正式に記載します。ふりがなを求められている場合は、名前の上に小さく添えてください。

② 職務要約（職務概要）

【例文】

美術大学デザイン学科卒業後、Web制作会社にてWebデザイナーとして7年間従事。企業サイト・ECサイト・LP（ランディングページ）を中心に、UX設計・UIデザイン・コーディングまで一貫して担当。年間制作案件数は最大30件以上に上り、大手食品メーカーのコーポレートサイトリニューアルやECサイトのUI改善によるCVR向上など、数値改善につながるデザイン実績を複数持つ。直近ではディレクター補佐としてクライアントとの要件定義・スケジュール管理にも携わり、デザイン制作と進行管理の両面での経験を積んできた。より事業会社のインハウスデザイナーとして、ブランドに深く関わるデザインに挑戦したいという思いから転職活動中。

【書き方】

職務要約は採用担当者が最初に目を通す「キャリアのダイジェスト」です。3〜5行程度にコンパクトにまとめ、以下の4点を盛り込みましょう。

• これまでのキャリアの流れ（どんな会社で、何年間、どんな制作物を担当してきたか）
• 得意なデザイン領域・スキルスタック（UI・UX・LP・コーディングなど主要なものを端的に示す）
• 実績のポイント（年間制作件数・CVR改善率など、数字で示せる成果）
• 転職の方向性（なぜ転職するのか、次に何をしたいのか）

Webデザイナーの採用担当者は「どんなデザイン領域を・どのくらいの規模で・どんな成果とともに経験してきたか」を真っ先に確認します。デザイン力と実績がひと目でわかる職務要約を意識して書きましょう。

③ 活かせる経験、知識、スキル

【例文】

デザインツール

• Adobe XD（5年／UI設計・プロトタイプ作成）
• Figma（3年／UIデザイン・コンポーネント設計・チーム共同編集）
• Adobe Photoshop（7年／バナー・画像加工・レタッチ）
• Adobe Illustrator（7年／ロゴ・アイコン・ベクターグラフィック作成）
• Adobe After Effects（2年／Webアニメーション・モーショングラフィック）

コーディング・開発

• HTML5・CSS3（7年／レスポンシブデザイン・BEM記法）
• JavaScript・jQuery（3年／インタラクション実装・スライダー等）
• WordPress（5年／テーマ開発・カスタマイズ・ブロックエディタ対応）
• SCSS・Sass（4年）
• Git・GitHub（バージョン管理）

UX・設計・分析

• ワイヤーフレーム・情報設計・ユーザーフロー設計
• A/Bテストの設計・実施・結果分析
• Google Analytics・GA4によるデータ分析・改善提案
• ヒューリスティック評価・ユーザビリティテストの実施

ディレクション・進行管理

• クライアントとの要件定義・ヒアリング・提案
• 制作スケジュール管理・タスク管理（Backlog・Notion使用）
• 外部パートナー（カメラマン・ライター・エンジニア）との連携・ディレクション

【書き方】

このセクションは「このデザイナーは自社の制作業務で即戦力になれるか？」を採用担当者が素早く判断するために読む項目です。「デザインツール」「コーディング」「UX・設計・分析」「ディレクション」などのカテゴリに分けて箇条書きで整理すると、読みやすくすっきりした印象になります。

Webデザイナーの転職で特にアピールになる内容は以下の通りです。

• 使用ツールの幅と習熟度（経験年数・活用シーンを添えることで実力が正確に伝わる）
• コーディングスキルの有無と範囲（デザインとコーディングの両方ができると評価が高い）
• 数値改善への貢献経験（CVR・直帰率・UU数など、デザインと成果の連動を示す）
• UX設計・情報設計の経験（ビジュアルだけでなく課題解決ができる人材として評価される）

応募先の制作スタイル・求めるポジションに合わせて、関連性の高い項目を優先して記載することが重要です。

④ 会社（勤務先）概要

【例文】

株式会社〇〇クリエイティブ

• 事業内容：Webサイト制作・UI/UXデザイン・デジタルマーケティング支援
• 設立：2010年
• 資本金：3,000万円
• 従業員数：65名
• 主な制作実績：大手メーカー・小売業・医療機関・スタートアップ向けWebサイト制作
• 上場区分：非上場
• デザインチーム規模：デザイナー12名・ディレクター8名

【書き方】

全国的に知名度のある大手Web制作会社・広告代理店であれば概要の記載を省略することもできますが、中小規模のWeb制作会社・デザイン事務所・インハウスデザイン部門に勤務している場合は必ず記載しましょう。採用担当者が会社の規模感・制作スタイル・クライアント層を正確に把握することで、デザイン経験の実態をより正確に評価してもらえます。

記載する基本項目は以下の通りです。

• 会社名
• 事業内容（Web制作特化・総合広告代理店・インハウスなど業態がわかるように）
• 設立年・資本金・従業員数
• 主な制作実績・クライアント層（どんな業界・規模の案件を手がけてきたか）
• デザインチームの規模・体制

Webデザイナーの職務経歴では「どんな規模・スタイルの会社で、どんな案件・クライアントのデザインを担当してきたか」が採用判断に直結します。会社概要を丁寧に記載することで、デザイン経験の文脈が正確に伝わります。

⑤ 職務経歴

【例文】

株式会社〇〇クリエイティブ（2018年4月〜現在） 役職：シニアWebデザイナー（2022年より）

▼ 主な担当業務・制作実績

【UIデザイン・Webサイト制作】

• 企業コーポレートサイト・採用サイト・サービスサイトのデザイン制作（年間15〜20件）
• ECサイトのUIデザイン・商品ページ・カート・決済フローの設計
• LP（ランディングページ）のデザイン制作（月2〜4件）
• バナー・メールマガジン・SNS広告クリエイティブの制作
• レスポンシブデザイン対応（PC・スマートフォン・タブレット）

【UX設計・情報設計】

• クライアントへのヒアリング・要件定義への参加
• ワイヤーフレームの作成・情報設計・ユーザーフロー設計
• Figmaを使用したUIプロトタイプの作成・クライアントへのプレゼンテーション
• ユーザビリティテストの実施・結果分析・デザイン改善への反映

【コーディング】

• HTML5・CSS3・SCSS・JavaScriptによるフロントエンド実装
• WordPressテーマ開発・カスタマイズ・ブロックエディタ対応
• レスポンシブコーディング・クロスブラウザ対応
• Gitを使ったバージョン管理・エンジニアとの連携

【データ分析・改善提案】

• Google Analytics・GA4を活用したサイト流入・行動データの分析
• A/Bテストの設計・実施・結果に基づくデザイン改善
• CVR改善・直帰率低下を目的としたUI改善提案・実施

【ディレクション補佐（2022年より）】

• クライアントとの要件定義・キックオフMTGの進行補佐
• 制作スケジュールの作成・進捗管理・社内タスク管理（Backlog使用）
• 外部パートナー（カメラマン・ライター）へのディレクション・納品物チェック
• 若手デザイナー2名へのOJT指導・デザインレビュー

▼ 主な制作実績・実績数値

• 大手食品メーカー（従業員数3,000名規模）コーポレートサイトリニューアル：担当デザイナーとしてUIデザイン・コーディングを一貫して担当。リニューアル後3ヶ月で直帰率を18%低減
• 中堅ECサイトのUI改善プロジェクト：カート・決済フローの導線見直しを主導し、CVRを前月比12%改善
• 医療法人採用サイト新規制作：デザイン〜コーディング〜WordPress実装まで一人で担当。公開後6ヶ月で応募数が前年比160%に増加
• LP制作：月4件ペースで制作を担当。平均CVR2.8%（クライアント比較で上位20%）を維持

【書き方】

職務経歴はWebデザイナーの職務経歴書において最もボリュームをかけるべきセクションです。採用担当者だけでなく、現場のデザイナー・ディレクターも確認することが多いため、制作の具体性と成果の両方を丁寧に記載することが重要です。

時系列は新しい順（逆年代順）に記載する

直近の職歴・担当案件が採用担当者にとって最も重要な情報です。現職・最新の勤務先から順番に書き下ろしましょう。

担当業務を領域ごとに分けて記載する

Webデザイナーは「UIデザイン」「UX設計」「コーディング」「データ分析」「ディレクション」など複数の業務を担当することが多いため、領域ごとに整理して記載すると採用担当者にとって格段に読みやすくなります。

数字・実績を積極的に盛り込む

Webデザイナーの職務経歴では以下のような形で定量的に示すことができます。

• 年間・月間の制作件数
• CVR改善率・直帰率の低下率
• UU数・セッション数の変化
• 応募数・売上など、クライアントのビジネス成果への貢献

ポートフォリオURLを添える

職務経歴書にポートフォリオのURLを記載することで、採用担当者が実際のデザインを確認できます。「ポートフォリオ：https://〇〇.com」と職務経歴書の冒頭または末尾に明記しましょう。

⑥ 資格・特技など

【例文】

資格

• ウェブデザイン技能検定 2級（2020年取得）
• Googleアナリティクス個人認定資格（GAIQ）（2023年取得）
• Webリテラシー検定（2019年取得）
• 色彩検定 2級（2018年取得）
• 普通自動車第一種運転免許（2016年取得）

特技・その他

• ポートフォリオサイト運営（URL：https://〇〇.com）
• Figmaコンポーネント設計・デザインシステムの構築経験
• モーショングラフィック・マイクロインタラクションの実装（After Effects・CSS Animation）
• デザインレビュー・フィードバックを通じた若手育成（2名担当経験あり）
• 個人ブログ・Noteでのデザイン・UXに関する記事執筆（月2〜3本）

【書き方】

Webデザイナーの転職において、資格よりもポートフォリオと実務スキルが評価の中心になる職種です。資格がなくても十分に転職できますが、保有している資格は積極的に記載し、専門知識の裏付けとしてアピールしましょう。

Webデザイナーの転職で評価されやすい資格は以下の通りです。

• ウェブデザイン技能検定（1級・2級）
• Googleアナリティクス個人認定資格（GAIQ）
• Adobe認定プロフェッショナル（Photoshop・Illustrator・XD）
• ウェブ解析士
• 色彩検定（2級以上）
• HTML5プロフェッショナル認定試験

資格と同等以上にアピール効果が高いのが、ポートフォリオの充実度・個人制作の実績・技術ブログの発信内容です。ポートフォリオのURLは特技欄に必ず記載し、採用担当者がすぐにアクセスできるようにしましょう。GitHubアカウント・Behance・Dribbbleなど作品が閲覧できるプラットフォームも合わせて記載することをおすすめします。

⑦ 自己PR

【例文】

私の強みは、「デザインの美しさとビジネス成果を両立させる課題解決思考」と「デザインからコーディングまで一貫して担える技術の幅広さ」の2点です。

Webデザイナーとして7年間、企業サイト・ECサイト・LPなど年間30件以上の制作に携わってきました。デザインの目的は「見た目を美しくすること」ではなく「ユーザーの行動を変え、クライアントのビジネス課題を解決すること」だと考えており、Google AnalyticsによるデータドリブンなUX改善を常に意識してきました。中堅ECサイトのUI改善では、カート・決済フローの導線を見直すことでCVRを前月比12%改善し、医療法人の採用サイト制作では公開後6ヶ月で応募数を前年比160%に増加させた実績があります。

また、HTML・CSS・JavaScriptによるコーディングとWordPressテーマ開発まで一貫して担える点も強みのひとつです。デザイナーとエンジニアの橋渡し役として、実装の観点を持ったデザイン設計を心がけており、制作現場での連携をスムーズに進めることができます。

貴社においても、これまでのデザイン実績とデータ分析・UX改善の経験を最大限に活かし、ユーザー体験の向上とビジネス成果の両立に貢献したいと考えております。

【書き方】

自己PRはWebデザイナーの職務経歴書の締めくくりとして、「このデザイナーに仕事を任せたいか」「自社のデザインチームに合う人材か」を採用担当者が感じ取る重要なセクションです。以下の構成で書くと、スキルと人柄が両立した自己PRに仕上がります。

①強みを明示する（冒頭で結論から）

冒頭に「私の強みは〇〇です」と明確に述べましょう。Webデザイナーの強みとして評価されやすいのは「課題解決につながるデザイン思考」「数値改善への貢献実績」「コーディングとの両立スキル」「UX設計・情報設計の経験」「クライアントコミュニケーション力」などです。2点程度に絞って簡潔に示しましょう。

②エピソードで裏付ける

強みを述べたら、それを証明する具体的なエピソードを添えます。「どんなデザイン課題があり・どう取り組み・どんな数値的な成果が出たか」を意識して書くと説得力が格段に増します。CVR・直帰率・応募数など、デザインとビジネス成果を結びつけたエピソードを積極的に盛り込みましょう。

③応募先への貢献イメージで締める

最後は「貴社でどう活躍・貢献できるか」という視点で締めましょう。応募先がWeb制作会社であれば「クライアントへの価値提供」、インハウスデザイナーのポジションであれば「ブランドや事業への深い関与」など、応募先の状況に合わせた貢献イメージを示すと熱意と適性が伝わります。

文字数は300〜400字程度が適切です。Webデザイナーらしい「センス」「ロジカルな思考力」「ユーザー視点」「成果へのこだわり」が文体からも伝わるよう、簡潔でわかりやすい表現を心がけましょう。

よくある質問

Q. WebデザイナーはポートフォリオがあればCVは不要ですか？

A. ポートフォリオは非常に重要ですが、職務経歴書も必ず提出しましょう。ポートフォリオはデザインの質を示すものであり、職務経歴書は「どんな環境で・どんな役割で・どんな成果を出してきたか」というキャリアの文脈を示すものです。両方がそろって初めて採用担当者が総合的に判断できます。ポートフォリオのURLを職務経歴書に記載し、セットで提出するのが基本です。

Q. コーディングができない場合、転職は難しいですか？

A. コーディングスキルがなくてもWebデザイナーとして転職できる企業・職場は多くあります。ただし、コーディングができるデザイナーは市場価値が高く、応募できるポジションの幅が広がるのは事実です。コーディングが苦手な場合はUIデザイン・UX設計・ビジュアルデザインの専門性を前面にアピールしつつ、「HTMLとCSSの基礎は理解している」「エンジニアとの連携経験がある」など、実装への理解度を示すことが重要です。

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

A. 未経験・独学の場合でも、以下の内容を職務経歴書に記載することで転職の可能性を高めることができます。まず、独学で習得したツール・スキル（Figma・HTML・CSS・WordPressなど）を具体的に記載しましょう。次に、個人制作・ポートフォリオ作品・クラウドソーシングでの受注実績をしっかり記載することが重要です。未経験であることを正直に伝えつつ「なぜWebデザイナーを志したか」「どれだけ本気で取り組んでいるか」を自己PRで熱意を持って伝えましょう。

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

A. フリーランス期間は「フリーランス（個人事業主）」と明記した上で、担当した案件・クライアントの業種・成果を正社員時代と同様に記載しましょう。具体的なクライアント名を記載できない場合は「大手小売業向けECサイト制作」など業種・規模感がわかる表現にとどめてください。フリーランス経験は「自走できる・クライアントコミュニケーションができる・幅広い案件に対応できる」という評価につながるため、ポジティブに記載しましょう。

Q. 年齢が高め（40代以上）でWebデザイナーとして転職できますか？

A. 40代以上のWebデザイナーでも転職できるポジションは存在します。ポイントは「若手にはできない経験・実績・専門性」を前面にアピールすることです。長年の制作実績・クライアント対応の経験・ディレクションや後輩育成の実績、特定業界への深い知見などは、キャリアの長さがそのまま強みになります。デザインツールのアップデート・最新トレンドへの継続学習も職務経歴書に示すことで、現役感と向上心をアピールしましょう。

Q. 職務経歴書とポートフォリオはどう使い分ければいいですか？

A. 職務経歴書は「キャリアの文脈・経験の幅・実績の数値」を示す書類であり、ポートフォリオは「デザインの質・スタイル・思考プロセス」を示す書類です。職務経歴書には数値実績・担当業務・使用ツールを、ポートフォリオには制作背景・デザインコンセプト・制作プロセスを丁寧に記載するのが基本的な使い分けです。応募書類として両方をセットで提出し、それぞれの役割を最大限に活かしましょう。