Webデザイナー・コーダーの職務経歴書サンプルと書き方のポイント

Webデザイナー、コーダーの転職で書類選考を通過する職務経歴書を書くポイントは、使用できるソフトやツール、プログラミング言語をまとめ、実際に担当したWebサイトのキャプチャやページのリンクURLを貼ることです。WebサイトはPV数などの達成実績も忘れずに記載しましょう。ディレクションやページの構成・デザイン・画像加工・コーディングなど、今まで担当した業務と培ったスキルをしっかりアピールすることが大切です。

このエントリーをはてなブックマークに追加mixiチェック

Webデザイナー・コーダーの職務経歴書を書くポイント

使える言語・ソフト・ツールはすべて記載する

いくら実績や経歴があっても、企業やクライアントが導入しているプログラミング言語やツールを使えなければ採用は難しくなります。特に専門的な技能が必要とされるWebデザイナー・コーダーの職種は、IllustratorやPhotoshop、Word Pressなどのツール、HTMLやCSSなどのプログラミング言語は使用できるものをすべて記載しましょう。特にプログラミング言語は使える言語によって需要が異なるため、複数の言語が扱えることは転職の際の強みになります。WordやExcel、PowerPointなどのofficeソフトもライターや編集者とやりとりする際などに役立つので忘れずに記載しましょう。

ポートフォリオは制作プロセスや実績とセットで分かりやすく

Webデザイナー・コーダーの職務経歴書に記載する制作物やポートフォリオは、必ず制作プロセスや実績も合わせてアピールしましょう。「アクセス数を増やしたい」「売上が伸びない」など、クライアントの問題を解決する力はWebデザイナー・コーダーに最も必要とされる能力です。ディレクションや構成、デザイン、コーディング、アクセス解析など携わった業務を細かく記載しましょう。「アクセス数が5倍になった」「売上を20%アップさせた」など、具体的な実績を明記することで担当者からの評価が得やすくなります。
また、Webデザイナー・コーダーの仕事には、速さと正確さは必ず求められます。それぞれの制作期間、担当期間なども合わせて記載しましょう。

デザインセンスとスキルはしっかりとアピール

Webデザイナーはもちろんのこと、コーダーもデザインのセンスが高いほど企業に好印象を持たれます。ポートフォリオは丁寧に作る必要があるでしょう。色彩検定やカラーコーディネーター検定なども有利な資格です。ユーザビリティやユニバーサルデザインなど、見やすく美しいデザインを意識して制作することは基本ですが、Webデザインのトレンドは年々変わっていくため、最新のデザインと技術を追いかける姿勢が求められます。受け身ではなく、常に自分から意欲を持って学習してきたこともポートフォリオにアピール欄を作るなどして伝えましょう。

Webデザイナー・コーダーに求められる能力

Webデザイナー・コーダーはライターとしてWebサイトのテキストを考えることもあります。サイト内のキャッチコピーが売上を左右することも少なくありません。ライティング・編集・校正スキルも磨く必要があるでしょう。

Webデザイナー・コーダーは専門職ではありますが、Webディレクターやライターなど他の職種と連携して仕事をすすめるため、協調性や社交性、コミュニケーション能力も求められます。

紙よりもインターネット広告が主流になりつつある近年では、SEOやリスティング対策などWebマーケティング分野の知識がある制作者はキャリアアップに有利です。Webサイトは作って終わりではありません。これから先の時代、残るのはアクセス数やコンバージョン率を意識できるWebデザイナー、コーダーです。『Webアナリスト検定』や『Webディレクション検定』などの資格でしっかり評価を高めましょう。

Webデザイナー・コーダーの職務経歴書サンプル

この職務経歴書は経験社数1社で、Webデザイナーとして複数プロジェクトを経験している場合の書き方サンプルになります。

アイコン

WEBデザイナー・コーダー

WEBデザイナー・コーダー

- 職務要約 -

大学卒業後、XX年に●●株式会社に入社し、Webデザイナーとして約X年の経験を積んできました。XX年からはディレクション業務にも携わり、外注ディレクションや全体の進捗管理なども行っております。

- 職務経歴 -

■XX年X月?現在  ●●株式会社
【事業内容】Webサイトの企画・制作、Webを活用した販売促進   【従業員数】XX名
【資本金】XX億円   【売上高】XX億円   【雇用形態】正社員

期間 担当プロジェクト 業務内容 使用ツール メンバー/役割
199X年X月
?
200X年X月
(Xヶ月)
EC ショッピングサイト制作
(http://www.XXX.jp)
EC ショッピングサイト
<達成実績>
女性向けファッションのEC サイト構築で、サイトデザインから商品画像加工約XX点を制作。
企画書作成
画面構成
デザイン
コーディング
制作ディレクション
Dreamweaver
Illustrator
Photoshop
HTML,CSS
Word,Excel
PowerPoint
デザイナー
<メンバー数>
プロデューサーX名
デザイナーX名
デザイナー(外注)X名
SEX名
(全体X名)
200X年X月
?
200X年X月
(Xヶ月)
大手居酒屋チェーンサイトリニューアル
(http://www.XXX.jp)
手居酒屋チェーンサイトリニューアル
<達成実績>
目標PV に対しXX%を達成。
企画書作成
画面構成
デザイン
コーディング
制作ディレクション
Dreamweaver
Illustrator
Photoshop
HTML,CSS
Word,Excel
PowerPoint
デザイナー
<メンバー数>
プロデューサーX名
デザイナーX名
デザイナー(外注)X名
SEX名
(全体X名)
200X年X月
?
200X年X月
(Xヶ月)
大手旅行会社会員向けコミュニティサイト制作
(http://www.XXX.jp)
大手旅行会社会員向けコミュニティサイト制作
<達成実績>
3社によるコンペ後、受注獲得。
企画書作成
画面構成
デザイン
コーディング
制作ディレクション
Dreamweaver
Illustrator
Photoshop
HTML,CSS
Word,Excel
PowerPoint
チーフデザイナー
<メンバー数>
プロデューサーX名
デザイナーX名
デザイナー(外注)X名
SEX名
(全体X名)
200X年X月
?
現在
(Xヶ月)
中古車販売会社のサイトリニューアル
(http://www.XXX.jp)
中古車販売会社のサイトリニューアル
<達成実績>
XX万PV を達成、会員数XX万人。
企画書作成
制作ディレクション
画面構成
デザイン
コーディング
外注ディレクション
全体の進捗管理
ユーザー分析
サーバー管理
取材
Dreamweaver
Illustrator
Photoshop
HTML,CSS
Word,Excel
PowerPoint
ディレクション兼務デザイナー
<メンバー数>
ディレクターX名
デザイナーX名
(全体X名)

- 活かせる経験・知識・スキル -

- 得意分野 -

・Webサイト設計、企画、デザイン、分析
・制作ディレクション

- 使用可能ツール -

・Word、Excel、PowerPoint
・Dreamweaver、Illustrator、Photoshop、
Fireworks、PageMaker
・HTML(素書き可能)、JavaScript


職務経歴書セルフチェック

職務経歴書をまとめたら、内容に足りないところはないかチェックしてみましょう。
家族や知人に客観的にチェックしてもらうのもおすすめです。

職歴を「5W1H」で明確に伝えられていますか?

  • いつ (西暦表記、制作期間)
  • どこで (在籍企業、所属部署、常駐先)
  • どんな立場で (役職、役割、責任の範囲)
  • 誰に対して (社内関係者、社外担当者)
  • 何を (担当業務)
  • どれぐらい (クライアント ≪企業数、顧客数、問い合わせ件数など≫)

自己PRになる情報を盛り込めていますか?

  • 成果・実績 (アクセス数や売上アップなど)
  • 得意分野 (マネジメント力など)
  • 専門スキル (ソフトやツール・プログラミング言語などのPCスキル≪Illustrator、HTML、CSS、PowerPointなど≫)
  • 応用スキル (PCスキル、語学力、ライティングスキルなど)

情報が正確に伝わる内容に仕上がっていますか?

  • ビジネス文書 (名詞・体言止め)
  • レイアウト (記号・改行・表で見やすく)
  • 具体性 (5W1H・数値・専門用語)
  • PRポイント (得意分野・業務内容)
  • 適正 (求める人物像に合致)
  • マネジメント (人数・成果)

霆「閨キ縺ェ繧液ype | 繧ソ繧、繝励↑莉穂コ九″縺」縺ィ隕九▽縺九k
繧ィ繝ウ繧ク繝九い霆「閨キ繝輔ぉ繧「髢句ぎ IT&繝「繝弱▼縺上j繧ィ繝ウ繧ク繝九い繧呈アゅa繧句━濶ッ莨∵・ュ縺悟、ァ髮�オ撰シ�

type縺ォ謗イ霈我クュ縺ョ螟ァ謇九�莠コ豌嶺シ∵・ュ縺ョ豎ゆココ

type邱ィ髮�Κ縺碁寔繧√◆莠コ豌玲ウィ逶ョ莨∵・ュ縺ョ豎ゆココ繧偵#邏ケ莉九@縺セ縺吶€�

莨∵・ュ蜷阪�閨キ遞ョ蜷�邨ヲ荳�蜍、蜍吝慍
笆�諠ウ螳壼ケエ蜿趣シ�450荳�ス�800荳���亥渕譛ャ邨ヲ12繝カ譛亥��玖ウ樔ク�2繝カ譛亥���譌・譛ャ蝗ス蜀�r蜑肴署縺ォ縲∝�蝗ス縺ョ蜷�が繝輔ぅ繧ケ繧�惠螳�↑縺ゥ縲∝ロ縺丞�エ謇€繧偵#驕ク謚槭>縺溘□縺代∪縺吶€�

莠€逕ー陬ス闖捺�ェ蠑丈シ夂、セ

繧ェ繝シ繝励Φ繝昴ず繧キ繝ァ繝ウ

驟榊ア樒オ�ケ斐d諡�ス薙�繝ュ繧ク繧ァ繧ッ繝医↓繧医j逡ー縺ェ繧翫∪縺吶€�
諠ウ螳壼ケエ蜿趣シ�400荳����1000荳��
驟榊ア樒オ�ケ斐d諡�ス薙�繝ュ繧ク繧ァ繧ッ繝医↓繧医j逡ー縺ェ繧翫∪縺吶€�

譌・譛ャ繝槭う繧ッ繝ュ繧ス繝輔ヨ譬ェ蠑丈シ夂、セ

繧ェ繝シ繝励Φ繝昴ず繧キ繝ァ繝ウ

驟榊ア樒オ�ケ斐d諡�ス薙�繝ュ繧ク繧ァ繧ッ繝医↓繧医j逡ー縺ェ繧翫∪縺吶€�
笆シ蜿り€� 蟷エ菫ク650荳�€懶シ�1/12繧呈怦縲�髪邨ヲ��
蜩∝キ晄悽遉セ
�域擲莠ャ驛ス貂ッ蛹コ貂ッ蜊�2-16-3 蜩∝キ昴げ繝ゥ繝ウ繝峨そ繝ウ繝医Λ繝ォ繧ソ繝ッ繝シ��
蟷エ菫ク蛻カ�育オ碁ィ薙€∬�蜉帷ュ峨r閠��縺ョ縺�∴蠖鍋、セ隕丞ョ壹↓繧医j豎コ螳夲シ�譚ア莠ャ驛ス(譁ー螳ソ蛹コ)縲∝、ァ髦ェ蠎�(螟ァ髦ェ蟶ゆクュ螟ョ蛹コ)

繧ウ繧ッ繝ィ譬ェ蠑丈シ夂、セ

繧ェ繝シ繝励Φ繝昴ず繧キ繝ァ繝ウ

蜑崎�縺ョ縺皮オ碁ィ薙�繧ケ繧ュ繝ォ遲峨r閠��縺励※豎コ螳壹@縺セ縺吶€�譚ア莠ャ驛ス縲∝、ァ髦ェ蠎�

譬ェ蠑丈シ夂、セ繧ェ繝シ繝�ぅ繧ェ繝�け繝九き

繧ェ繝シ繝励Φ繝昴ず繧キ繝ァ繝ウ

諠ウ螳壼ケエ蜿趣シ夂オ碁ィ薙�繧ケ繧ュ繝ォ繧定€��縺ョ荳翫€∵アコ螳壹@縺セ縺吶€�譚ア莠ャ驛ス �域枚莠ャ蛹コ縲∫伴逕ー蟶ゑシ�

その他の条件で探す

@typeでは職種や勤務地、仕事探しで譲れないこだわりの条件など、様々な切り口から自分の働き方に合った求人を探すことができます。気になるキーワードやテーマから転職・求人情報をチェックしてください。

転職活動を進める

あなたの転職活動をサポートする、@typeの各種サービスをご案内します。

  • スカウト

    スカウト

    匿名だから安心!あなたに興味を持った企業の採用担当から直接メールが届くサービスです。

  • オファーDM

    オファーDM

    あなたが登録した情報と近い内容の募集条件の企業から、メールが届くサービスです。

  • 検討中リスト

    検討中リスト

    興味を持った求人を保存しておくことができ、気になる求人を一覧にて比較検討できます。