デザイナーの履歴書の書き方は?ポートフォリオの載せ方も解説

(2026年08月04日掲載)
デザイナーの履歴書では、経歴だけでなく、「どのような制作ができるのか」「応募先で何を生かせるのか」が伝わることが重要です。使用ツールや制作経験の書き方が曖昧だったり、履歴書そのもののデザインが凝りすぎたりすると、かえって情報が読み取りにくくなる場合があります。証明写真や学歴・職歴、資格欄は基本に沿って整え、志望動機や自己PRでは応募先との接点を具体的に示しましょう。
当記事では、各欄の記載例に加え、PDFでの提出方法やポートフォリオの載せ方、避けたいNG例も解説します。
1. デザイナーの履歴書の基本の欄の書き方【例文付き】
デザイナーの履歴書では、基本情報を正確に記載した上で、これまでの経歴や資格と応募職種との関連性が伝わるように整理します。採用担当者が職歴や専門領域を把握しやすい構成を意識することが重要です。ここでは、各欄を整えるポイントを例とともに解説します。
1-1. 証明写真の選び方
証明写真は、清潔感があり、顔や表情がはっきり映っているものを選びます。デザイナー職では、応募先の企業文化や担当領域を踏まえつつ、ビジネス文書に適した自然な印象に整えることが基本です。| 項目 | ポイント |
|---|---|
| 服装 | ジャケットや襟付きのシャツなど、落ち着いた服装を選びます。私服勤務の企業では、ブランドイメージや社風に合う、端正で清潔感のある服装も選択肢になります。 |
| 表情 | 正面を向き、口角を軽く上げた自然な表情がおすすめです。目元が見えるように髪を整えましょう。 |
| 撮影方法 | 白や薄い青などの無地の背景を選び、顔全体が均一に明るく見える環境で撮影します。写真館や証明写真機を利用すると、姿勢、照明、画角を履歴書に適した状態へ整えやすくなります。 |
| データ | Web応募では、応募先が指定する画像形式、縦横比、ファイル容量に合わせます。ファイル名には氏名を入れると、採用担当者が管理しやすくなります。 |
写真は提出前3カ月以内を目安に、現在の外見がわかるものを使用します。補正は対面時との印象と大きく異ならないよう、明るさや色味を自然に整える範囲にしましょう。
1-2. 氏名・連絡先などの基本情報
氏名、住所、電話番号、メールアドレスは、採用担当者が本人確認や選考連絡を行うための情報です。正式な表記と最新の連絡先を使用し、履歴書全体で表記方法を統一します。履歴書の日付は、郵送では投函日、メールや応募フォームでは送信日とするのが一般的です。| 項目 | 記載例・注意点 |
|---|---|
| 氏名 | 戸籍上の表記で記載し、ふりがなは欄の表記に合わせる |
| 住所 | 都道府県から建物名・部屋番号まで正式に記載 |
| 電話番号 | 日中に連絡を確認しやすい番号を記載する |
| メール | 氏名を含む簡潔な個人用アドレスが好ましい |
| 生年月日 | 西暦または和暦を履歴書全体で統一する |
メールアドレスは、転職活動専用のものを使用すると、応募先との連絡を管理しやすくなります。提出前には、電話番号、メールアドレス、住所を照合し、採用担当者が円滑に連絡できる状態へ整えましょう。
1-3. 学歴・職歴欄
学歴・職歴欄には、これまでの経歴を時系列で正確に記載します。学校名や会社名は正式名称を使用し、入学・卒業、入社・退職の年月をそろえましょう。学歴は高校卒業から記載する方法が一般的で、応募先から指定がある場合はその形式に合わせます。| 年月 | 学歴・職歴の記載例 |
|---|---|
| 20XX年3月 | 〇〇県立〇〇高等学校 卒業 |
| 20XX年4月 | 〇〇大学〇〇学部〇〇学科 入学 |
| 20XX年3月 | 〇〇大学〇〇学部〇〇学科 卒業 |
| 20XX年4月 | 株式会社〇〇 入社 |
| 制作部にてWebサイトやバナーのデザインを担当 | |
| 20XX年6月 | 一身上の都合により退職 |
| 20XX年7月 | 株式会社△△ 入社 現在に至る |
デザイナーとしての担当領域は、勤務先の次の行に簡潔に添えると、経歴を把握してもらいやすくなります。たとえば、「制作部にてWebサイト、LP、広告バナーのデザインを担当」のように、制作物や担当分野を示しましょう。具体的な案件、使用ツール、成果は職務経歴書やポートフォリオへまとめると、各書類の役割が明確になります。年月は西暦または和暦で統一し、最後の行には「以上」と記載します。
1-4. 免許・資格欄
免許・資格欄には、取得済みの免許や資格を正式名称で記載します。デザイナー職では、応募業務に関連する資格を選ぶことで、専門知識や継続的な学習姿勢を示せます。取得年月の古い順に並べ、取得時点の正式名称を確認しましょう。| 年月 | 免許・資格の記載例 |
|---|---|
| 20XX年8月 | 普通自動車第一種運転免許 取得 |
| 20XX年11月 | 色彩検定2級 合格 |
| 20XX年3月 | 2級ウェブデザイン技能士 取得 |
| 20XX年6月 | アドビ認定プロフェッショナル Photoshop 取得 |
記載する資格は、応募職種や担当業務との関連性を踏まえて選びます。Webデザイナーであればウェブデザイン技能検定やアドビ認定プロフェッショナル、グラフィックデザイナーであれば色彩検定などが候補です。運転免許など、業務で活用する可能性がある免許も記載できます。
資格を実務で活用した経験がある場合は、職務経歴書や自己PRで担当業務と結び付けましょう。学習中の資格は、「〇〇資格取得に向けて学習中」「20XX年X月受験予定」のように現在の状況を明記します。資格欄に該当する項目がない場合は「特になし」と記載します。Illustrator、Photoshop、Figmaなどの使用経験は、資格欄ではなく、スキル・使用ツール欄に実務年数や担当業務とともに記載しましょう。
2. デザイナーの履歴書のアピール欄の書き方【例文付き】
履歴書のアピール欄では、経験や強みを応募先の仕事と結び付けて伝えることが大切です。ここでは、スキル・使用ツール、志望動機、自己PRの書き方を例文付きで解説します。
2-1. スキル・使用ツール
スキル・使用ツール欄には、扱えるソフト名と習熟度、実務での用途を具体的に記載します。「Photoshopが使える」だけでは、採用担当者が任せられる業務を判断しにくいためです。応募先の業務内容を確認し、関連性の高いものから並べましょう。| 使用ツール・スキル | 使用経験・対応できる業務 |
|---|---|
| Adobe Photoshop | 実務経験3年。バナー制作、画像補正、切り抜きに使用 |
| Adobe Illustrator | 実務経験2年。ロゴ、チラシ、アイコン制作に使用 |
| Figma | Webサイトやアプリの画面設計、プロトタイプ作成が可能 |
| HTML/CSS | 既存ページの文言やレイアウトを修正できるレベル |
業務での使用経験がなくても、個人制作やスクール、独学で使用しているツールは記載できます。その場合は、「個人制作で使用」「学習中」「基本操作が可能」など、経験の範囲が正確に伝わる表現にしましょう。
| 使用ツール・スキル | 使用経験・対応できる業務 |
|---|---|
| Figma | 個人制作で使用。Webサイトの画面設計と簡単なプロトタイプ作成が可能 |
| After Effects | オンライン講座で学習中。基本的なテキストアニメーションを作成可能 |
2-2. 志望動機
志望動機では、これまでのデザイナー経験に加え、応募先を選んだ背景と入社後に生かせる強みを伝えます。企業の制作実績や事業内容、募集職種の役割を確認し、自分が担当してきた領域や得意分野との接点を具体化しましょう。Webデザイナー経験者の例文
Webデザイナーとして3年間、企業サイトやランディングページ、広告バナーの制作を担当してきました。特に、アクセス解析やユーザーの行動データを踏まえ、構成や導線を改善する業務を得意としています。企画から制作、効果検証まで一貫して支援する貴社の体制に魅力を感じ、志望しました。入社後は、これまで培った情報設計力と改善提案力を生かし、ユーザーの行動や事業成果につながるWebデザインを提案したいと考えています。
経験者は、担当してきた制作物、得意とする工程、成果につながった工夫を中心に書きます。さらに、応募先の制作領域や支援方針と自分の経験を関連付け、入社後に担いたい役割まで示すと、志望理由が具体的になります。グラフィックデザイナー経験者の例文
グラフィックデザイナーとして4年間、商品パンフレット、店頭販促物、広告クリエイティブの制作に携わってきました。ブランドの世界観を保ちながら、媒体やターゲットに合わせて情報を整理し、表現へ落とし込むことを強みとしています。幅広い業界のブランディングや販促支援を手掛ける貴社で、制作領域を広げたいと考え志望しました。入社後は、企画担当者や顧客と連携し、ブランド価値と販促効果の向上に貢献します。
2-3. 自己PR
自己PRでは、自分の強みを1つに絞り、それを裏付ける実務経験と、応募先での生かし方を示します。担当した制作物、工夫した行動、得られた成果の順に整理すると、強みの根拠が伝わりやすくなります。担当してきた制作物や役割を示した上で、強みを発揮した行動と成果を具体的に記載します。志望動機が応募先を選んだ理由を伝える欄であるのに対し、自己PRは採用後に発揮できる能力や貢献を示す欄です。同じ経験を使用する場合も、志望動機では応募先との接点、自己PRでは自身の強みと再現性に焦点を当てて書き分けましょう。
改善提案を強みとするWebデザイナーの例文
私の強みは、制作後の反応を分析し、継続的な改善につなげられる点です。ECサイトの広告バナー制作では、クリック率や購入率を確認し、構成、訴求内容、CTAの配置を見直してきました。営業担当者や広告運用担当者と結果を共有し、次回の制作へ反映する流れを整えたことで、クリエイティブの改善を継続的に進められるようになりました。入社後も、目的や数値を踏まえたデザインを提案し、事業成果の向上に貢献します。
調整力を強みとするグラフィックデザイナーの例文
私の強みは、関係者の要望を整理し、目的に合った表現へ落とし込む力です。商品パンフレットの制作では、営業、商品企画、制作会社から寄せられた意見を整理し、ターゲットと訴求内容の優先順位を明確にしました。その上で複数のデザイン案を提示し、関係者の認識をそろえながら制作を進めたことで、修正工程の効率化につなげました。入社後も、関係者と円滑に連携し、ブランドの意図と利用者へのわかりやすさを両立した制作に取り組みます。
3. デザイナーの履歴書は作成・提出でどう仕上げる?
履歴書は作成形式や提出方法によっても読みやすさが変わります。ここでは、PCでの作成方法とポートフォリオを確実に見てもらうための連携方法を解説します。
3-1. 手書きよりPC作成・PDFを基本にする
デザイナーの履歴書は、応募先から作成形式の指定がある場合はその内容に合わせ、指定がない場合はPCで作成してPDF形式で提出する方法が一般的です。PDFは、閲覧する端末やソフトウェアが変わっても書式を保ちやすく、採用担当者が作成時に近い状態で確認できます。| 手順 | 作成・確認する内容 |
|---|---|
| 1. 書式を選ぶ | WordやGoogleドキュメント、履歴書作成サービスを使用する |
| 2. 情報を入力する | 文字の大きさや書体、年月の表記、余白を統一する |
| 3. PDFへ変換する | 編集用ファイルを残した上で、提出用のPDFを保存する |
| 4. 表示を確認する | 文字化け、改ページ、写真や表のずれ、記載漏れを見直す |
| 5. ファイル名を付ける | 「履歴書_氏名.pdf」など、内容と応募者がわかる名称にする |
履歴書のデザインは、装飾性よりも情報の探しやすさと読みやすさを優先します。文字サイズや余白、見出しの位置をそろえることで、経歴やスキルを確認しやすい書類になります。応募先から指定テンプレートやWord形式での提出を求められた場合は、その指示に合わせましょう。メールへ添付する際は、別の端末でも表示を確認し、提出時の状態を整えておくことが大切です。
3-2. ポートフォリオはURL・QRコードで連携する
ポートフォリオは、履歴書にURLやQRコードを記載し、採用担当者が作品を円滑に閲覧できる状態にします。履歴書では経歴やスキルの概要を示し、ポートフォリオでは制作物、担当範囲、制作意図、使用ツール、成果などを詳しく伝えると、各書類の役割が明確になります。| 手順 | 記載・確認する内容 |
|---|---|
| 1. 掲載場所を決める | 基本情報欄や本人希望欄の近くなど、見つけやすい位置に置く |
| 2. URLを記載する | 「ポートフォリオ」と見出しを付け、文字でURLを示す |
| 3. QRコードを添える | URLと併記し、読み取れない場合にも対応できるようにする |
| 4. 閲覧環境を確認する | 別の端末やブラウザで、表示崩れやリンク切れがないかを見る |
| 5. 公開設定を見直す | パスワードが必要な場合は、閲覧方法もわかりやすく記載する |
URLは、リンク先の運営元や内容を確認しやすい形式を選びます。独自ドメインや一般的に利用されているポートフォリオサービスを使用すると、採用担当者も閲覧先を判断しやすくなります。履歴書には代表的な経歴とポートフォリオへの導線を掲載し、制作背景や成果などの詳細はポートフォリオ側へ整理しましょう。
4. デザイナーの履歴書でありがちなNG例は?
デザイナーの履歴書では、見栄えや実績を意識しすぎて、必要な情報が伝わりにくくなることがあります。ここでは、避けたい3つのNG例と改善方法を解説します。
4-1. 可読性が低い
履歴書は、装飾性よりも情報の伝わりやすさを優先して整えることが大切です。一般的な履歴書の形式は、採用担当者も見慣れており、経歴やスキルなどの必要な情報を短時間で確認しやすい構成になっています。一般的な形式に沿ってまとめるほうが、読み手にとっては親切です。| 避けたい状態 | 改善方法 |
|---|---|
| 文字が小さく、情報を追いにくい | 本文の文字サイズを統一し、十分な余白を設ける |
| 色や書体を多く使っている | 色と書体の種類を絞り、見出しだけに変化を付ける |
| 独自レイアウトで項目の位置がわかりにくい | 一般的な履歴書の構成に沿って情報を配置する |
| 背景色と文字色の差が小さい | 白い背景と濃い文字を基本にする |
| PDF化すると表や写真がずれる | 別の端末や印刷した状態でも確認する |
デザイン力は、履歴書の装飾ではなくポートフォリオで示します。応募先から指定された書式がある場合は、その形式に沿って作成しましょう。文字、余白、項目の配置を統一すると、採用担当者が必要な情報を見つけやすくなります。
4-2. 履歴書・職務経歴書・ポートフォリオの内容が重複している
履歴書と職務経歴書に同じ文章を載せると、それぞれの書類の役割が曖昧になります。同じ経験を扱う場合も、伝える要点と情報量を変えましょう。| 書類・項目 | 主に記載する内容 |
|---|---|
| 履歴書の志望動機 | 応募先を選んだ理由と入社後に生かせる経験 |
| 履歴書の自己PR | 自分の強みとデザイナー業務への生かし方 |
| 職務経歴書 | 担当業務、役割、使用ツール、工夫、実績 |
| ポートフォリオ | 制作物、制作背景、担当範囲、成果 |
履歴書では応募理由や強みの概要を伝え、職務経歴書でその根拠となる経験や成果を補足します。ポートフォリオでは、実際の制作物を通じてスキルや思考過程を示しましょう。提出前に各書類を並べて確認し、同じ説明が続く箇所は、それぞれの書類の目的に合わせて整理することが大切です。
4-3. 制作物をだけで役割・成果が伝わらない
履歴書から案内するポートフォリオには、完成した制作物に加え、制作目的、自分の担当範囲、工夫した点、成果を記載します。採用担当者が制作過程や貢献度を確認できるようにすると、デザインスキルだけでなく、課題への向き合い方や業務の進め方も伝わります。| 記載項目 | 内容の例 |
|---|---|
| 制作目的 | 商品の認知向上、問い合わせ増加など |
| 対象者 | 想定した年齢層、利用者、顧客層 |
| 担当範囲 | 企画、デザイン、撮影、コーディングなど |
| 使用ツール | Photoshop、Illustrator、Figmaなど |
| 工夫した点 | 情報設計、配色、導線、視認性の改善 |
| 成果 | クリック率や問い合わせ数の変化など |
成果は、確認できる数値や業務上の変化を記載します。チームで制作した案件では、チーム全体の成果と自身の担当範囲を分けて示すと、貢献内容が明確になります。守秘義務のある案件は、掲載許可や公開範囲を確認し、必要に応じて企業名や数値を一般化しましょう。作品数よりも応募職種との関連性を重視し、自身の役割と制作意図が伝わる事例を選ぶことが重要です。
まとめ
デザイナーの履歴書では、基本情報を正確に記載し、これまでの制作経験や使用ツール、得意分野を応募先の業務と結び付けて伝えることが重要です。志望動機では応募先を選んだ理由と入社後に生かせる経験を示し、自己PRでは強みを裏付ける具体的な行動や成果を記載しましょう。
作成時は、文字サイズや余白、項目の配置を整え、採用担当者が必要な情報を確認しやすい状態に仕上げます。ポートフォリオはURLやQRコードで連携し、制作物に加えて、目的、担当範囲、使用ツール、工夫、成果まで示すことが大切です。履歴書、職務経歴書、ポートフォリオの役割を整理し、それぞれを補完させることで、デザイナーとしての経験と強みが伝わる応募書類に仕上がります。
TOP

