Webデザイナーの職務経歴書サンプルと書き方

ご自身が担当したサイト・コンテンツに関して、どの部分に携わったのか、どのような役割を果たしたのか、具体的に記載してください。
その際どのようなソフトを使用して作成したのかなど、技術面に関しても詳細にご記載いただくことが望ましいです。
「ユーザビリティーを意識した、使いやすいサイトデザインが得意」、「ユーザーの印象に残りやすい、メッセージ性の強いデザインが得意」など、職務上で培ったご自身のWebデザイナーとしての強みも具体的に記載するよう心がけてください。

プロが書類選考対策を行います

今現在、

職務経歴書に何を書けば良いのかわからない
書類選考で落ちたくない
自分のアピールポイントを知りたい

上記のようなお困りごとがございましたら、私たちJACへ相談してみませんか？

各業界に特化した専任コンサルタントが、あなたの転職をサポートします。業界における市場価値はもちろん、レジュメの効果的な書き方、面接対策、企業傾向の情報収集など、JACのコンサルタントにご相談ください。

職務経歴書の
書き方を相談する

目次/Index

1 【Webデザイナー】職務経歴書のテンプレート/サンプルダウンロード
2 【Webデザイナー】職務経歴書の書き方のポイント
3 Webデザイナーの転職関連情報

各業界に特化した転職コンサルタントが、あなたの転職をサポート。
書類選考の通過率がアップする職務経歴書の書き方は、コンサルタントが知っています。

書類選考通過率を上げたい方へ

【Webデザイナー】職務経歴書のテンプレート/サンプルダウンロード

職務経歴書

20ｘｘ年ｘｘ月ｘｘ日現在
氏名：○○　○○

■　職務概要

　大学卒業後、ｘｘ年に●●株式会社に入社し、Webデザイナーとして約ｘ年の経験を積んでまいりました。ｘｘ年からはディレクション業務にも携わり、外注ディレクションや全体の進捗管理なども行っております。また、その中で常にユーザビリティを意識したデザイン、そしてなにより効果の出るサイト制作を心がけてまいりました。

■　職務経歴

勤務先名：●●株式会社（勤務期間：19ｘｘ年ｘｘ月ｘｘ日～現在）

◆事業内容：ｘｘｘｘｘｘｘｘｘ
◆資本金：ｘｘｘ百万円　　◆売上高：ｘｘ百万円　　◆従業員数：ｘｘ名

期間

業務内容

組織/役割

使用ツール

19ｘｘ年ｘ月
　　　～
19ｘｘ年ｘ月

【プロジェクト】

1.担当ﾌﾟﾛｼﾞｪｸﾄ ①

女性向けファッションECサイト制作(直請け)
(http://www.xxxxxx.jp)

【業務内容詳細】
画面構成、デザイン、コーディング
【達成実績】
ECサイト構築で、サイトデザインから商品画像加工約ｘｘ点を製作。

ｘ名/デザイナー

2.規模・役割 ②

▼メンバー数
プロデューサー:ｘ名
デザイナー:ｘ名
デザイナー(外注):ｘ名
SE:ｘ名

Dreamweaver
Illustrator
PhotoShop
HTML、CSS

19ｘｘ年ｘ月
　　　～
20ｘｘ年ｘ月

【プロジェクト】
製品プロモーションの新規サイト制作(2次請け)
(http://www.xxxxxx.jp)

4.画像 ④

【業務内容詳細】
画面構成、デザイン、コーディング、外注ディレクション

5.達成実績 ⑤

【達成実績】
サイトオープン後の期間内のPV数目標に対し120%を達成。

ｘ名/チーフデザイナー
▼メンバー数
プロデューサー:ｘ名
デザイナー:ｘ名
デザイナー(外注):ｘ名
SE:ｘ名

Dreamweaver

3.使用ツール ③

Illustrator
PhotoShop
HTML、CSS

20ｘｘ年ｘ月
　　　～
現在

【プロジェクト】
大手メーカーコーポレートサイトリニューアル(直請け)
(http://www.xxxxxx.jp)

【業務内容詳細】
企画書作成、製作ディレクション、画面構成、デザイン、コーディング、外注ディレクション、全体の進捗管理
【達成実績】
大規模リニューアル案件をコンペ受注。
(●●アワード受賞)

ｘ名(外注ｘ名含む)/
ディレクション兼務デザイナー
▼メンバー数
ディレクター:ｘ名
デザイナー(外注):ｘ名

Dreamweaver
Illustrator
PhotoShop
HTML、CSS

6.得意分野 ⑥

■　得意分野
・OS：Windows、Mac
・オフィスツール：Word、Excel、PowerPoint
・クリエイティブツール：PhotoShop、Illustrator、Firworks、Dreamweaver
・CMS：WordPress
・言語：HTML(タグ打ち可能)、CSS(フルCSS対応可能)、JavaScript、ActionScript3、PHP(知識レベル)、Perl(知識レベル)

■　得意分野
・Webサイト設計、企画、デザイン、分析
・製作ディレクション

■　自己ＰＲ
　ｘ年にわたりWebサイトの設計、企画、デザイン、ディレクションの経験を積んでおります。これまで様々なサイトに携わってきましたが、一貫して重要視してきた事は、クライアントの要望を的確に捉える事と、その要望をふまえた上で、ユーザビリティを意識したサイトデザインを企画制作する事です。
　今後は、より戦略的な視点を身につけたWebディレクター/プロデューサーとしてスキルを高めたいと考えております。どうぞ、宜しくお願い申し上げます。

以上

Webデザイナーの職務経歴書（Word形式）のサンプルダウンロードはこちらから

サンプルダウンロード

>>他の職種・業種の職務経歴書テンプレート・フォーマットを見る

各業界に特化した転職コンサルタントが、あなたの転職をサポート。
業界における市場価値や、レジュメ、面接対策、企業傾向などJACのコンサルタントにご相談ください。

新規登録（無料）へ

【Webデザイナー】職務経歴書の書き方のポイント

1. 担当プロジェクト

ポイント：担当プロジェクトの概要と実績を記載します。プロジェクトが多い場合は、アピールしたいものを詳細に記載します。

例文：
女性向けファッションECサイト制作(直請け)
(http://www.xxxxxx.jp)
【業務内容詳細】
画面構成、デザイン、コーディング
【達成実績】
ECサイト構築で、サイトデザインから商品画像加工約ｘｘ点を製作。

2. 規模・役割

ポイント：プロジェクトの規模や自分の役も明確に記載しておくと、わかりやすくなります。

例文：
ｘ名/デザイナー
▼メンバー数
プロデューサー:ｘ名
デザイナー:ｘ名
デザイナー(外注):ｘ名
SE:ｘ名

3. 使用ツール

ポイント：使用ツールはスキル判断ができるよう、細かく記載します。

例文：
Dreamweaver、Illustrator、PhotoShop、
HTML、CSS

4. 画像

ポイント：画像などを貼ると、よりイメージがつき、わかりやすいです。

5. 達成実績

ポイント：事例だけではなく達成実績の記載も重要です。
PVやコンバージョン率のアップなど数字で表せるものがわかりやすいです。

例文：
【達成実績】
サイトオープン後の期間内のPV数目標に対し120%を達成。

6. 得意分野

ポイント：得意分野を明記することで強みをアピールします。

例文：
・OS：Windows、Mac
・オフィスツール：Word、Excel、PowerPoint
・クリエイティブツール：PhotoShop、Illustrator、Firworks、Dreamweaver、Flash
・言語：HTML(タグ打ち可能)、CSS(フルCSS対応可能)、JavaScript、ActionScript3、PHP(知識レベル)、Perl(知識レベル)

>>さらに詳しく職務経歴書の書き方を見る

Webデザイナーの転職関連情報

転職に役立つ、Webデザイナーの転職に関連するページも合わせてご確認ください。

WEBデザイナーの求人・転職情報

この記事の筆者

株式会社JAC Recruitment

編集部

当サイトを運営する、JACの編集部です。日々、採用企業とコミュニケーションを取っているJACのコンサルタントや、最新の転職市場を分析しているJACのアナリストなどにインタビューし、皆様がキャリアを描く際に、また転職の際に役立つ情報をお届けしています。