1. ポートフォリオとは何か｜職務経歴書との違い

　ポートフォリオとは、これまでに手がけた制作物や成果を実物・データとして提示する「作品集」です。職務経歴書が「何をやってきたか」を文章で説明する書類であるのに対し、ポートフォリオは「実際にどのレベルのものを作れるのか」を証拠として見せるものだと考えてください。

　両者の役割を整理すると、次のように分かれます。

  • 職務経歴書：職歴・担当業務・実績を文章とデータで網羅的に伝える（事実の説明）
  • ポートフォリオ：代表的な制作物を厳選して見せ、スキルの再現性を証明する（実力の証明）

　採用担当者は、職務経歴書で「経歴の概要」を把握し、ポートフォリオで「自社の仕事を任せられるか」を判断します。つまり両者はセットで機能するものであり、ポートフォリオだけが優れていても、職務経歴書との整合性が取れていなければ評価は伸びません。

1.1 ポートフォリオが求められる主な職種

　ポートフォリオの提出が一般的なのは、成果物が目に見える形で残る職種です。代表的なものを挙げます。

  • Webデザイナー・グラフィックデザイナー・UI/UXデザイナー：制作物そのものが評価対象
  • エンジニア（フロントエンド・バックエンド・アプリ開発）：コードと動くプロダクトで実力を示す
  • Webマーケター・広告運用・SNS運用：施策と数値改善の実績を見せる
  • ライター・編集者：執筆記事や編集実績のサンプル
  • フォトグラファー・動画クリエイター・イラストレーター：作品集そのもの

　近年は事務職や営業職でも、業務改善の資料や提案書をまとめた「実績資料」を任意提出として求めるケースが増えています。クリエイティブ職でなくても、自分の仕事を可視化する手段として知っておいて損はありません。

　関連記事：職務経歴書のフォーマット選び〜3種類の特徴と使い分け

2. ポートフォリオに必ず入れるべき5つの要素

　職種が違っても、評価されるポートフォリオには共通の骨格があります。まずはどの職種でも外せない5要素を押さえましょう。これがそのまま全体の構成テンプレートになります。

2.1 プロフィール・自己紹介（表紙〜1ページ目）

　冒頭には氏名、職種、得意分野、使用ツール・スキル、連絡先を簡潔にまとめます。長文の経歴は不要で、「何ができる人なのか」が3秒で伝わることを目指してください。スキルは「Photoshop（5年）」「React（実務2年）」のように習熟度や年数を添えると、レベル感が一目で伝わります。

2.2 制作実績（メインコンテンツ）

　ポートフォリオの核となる部分です。点数は多ければよいわけではなく、自信のある3〜6作品に絞るのが基本です。10作品を雑に並べるより、5作品を丁寧に見せる方が評価は高くなります。1作品ごとに次の項目を添えると、採用担当者が制作背景を理解できます。

  • 制作物の概要：何を作ったか（サイト名・サービス名・媒体）
  • 担当範囲：チーム制作か個人制作か、自分が担当した工程
  • 課題と目的：なぜその制作が必要だったか
  • 工夫した点・こだわり：意図を持って判断したポイント
  • 成果：可能なら数値で（PV、CV率、表示速度など）

2.3 担当範囲と制作プロセスの明示

　採用担当者が最も気にするのが「どこまで自分でやったのか」です。特にチーム制作では、デザインだけ担当したのか、要件定義から関わったのかで評価が変わります。「企画・要件定義・デザイン・コーディング・運用」のうち、どこを担当したかを明記しましょう。曖昧にすると「全部やったように見せている」と疑われ、かえって信頼を損ねます。

2.4 成果・数値データ

　可能な限り定量的な成果を入れます。「見やすいサイトを作った」より「直帰率を42%から28%に改善した」の方が説得力は段違いです。守秘義務で具体数値を出せない場合は「CV率を約1.5倍に改善」「月間PVを前年比130%に」のように比率や倍率でぼかして表現すれば問題ありません。数値の伝え方は職務経歴書とも共通します。

　関連記事：職務経歴書の数字で実績を伝える書き方

2.5 スキルセットと使用ツール一覧

　最後に、扱えるツールや言語、資格を一覧でまとめます。デザイン職ならAdobe製品やFigma、エンジニアなら言語・フレームワーク・インフラ、マーケターなら広告管理画面や分析ツールといった具合です。スキルの言語化は職務経歴書のスキル欄とも共通するため、合わせて整えると効率的です。

　関連記事：職務経歴書のスキル欄の書き方〜PC・語学・資格の伝え方

3. 職種別のポートフォリオ構成例

　共通の5要素を土台に、職種ごとに重視されるポイントは異なります。代表的な4職種について、構成のポイントを具体的に見ていきましょう。

3.1 Webデザイナー・UI/UXデザイナー

　デザイン職では「ビジュアルの完成度」と「課題解決のプロセス」の両方が問われます。完成形のキャプチャだけでなく、ワイヤーフレームやラフ案、改善前後の比較を載せると思考力が伝わります。掲載順は「自信作を1作品目」に置き、第一印象で引き込むのが鉄則です。

  • トップに代表作のビジュアルを大きく配置
  • 制作意図・ターゲット・デザインコンセプトを各作品に添える
  • レスポンシブ対応やアクセシビリティへの配慮を明記
  • UI/UX職なら、ユーザー課題→仮説→検証の流れを図解で示す

3.2 エンジニア（フロント・バックエンド・アプリ）

　エンジニアは動くプロダクトとソースコードの両方を見せるのが理想です。GitHubのリポジトリを公開し、READMEに「技術スタック・工夫した設計・苦労した点」を整理しておきましょう。デプロイ済みのデモURLがあれば、実際に触ってもらえるため評価が一段上がります。

  • 使用技術（言語・フレームワーク・DB・インフラ）を作品ごとに明記
  • 個人開発かチーム開発か、自分の担当領域を明確に
  • READMEに設計意図・テスト・CI/CDの有無を記載
  • コードの可読性やコミット履歴も見られていることを意識

3.3 Webマーケター・広告運用

　マーケ職は制作物よりも「数値でどれだけ成果を出したか」が評価軸です。担当した施策の目的、打ち手、結果をセットで示します。媒体の管理画面のスクリーンショットは守秘義務に注意し、固有名詞や金額はマスキングしましょう。

  • 施策の「課題→仮説→実行→結果→学び」を1枚で表現
  • KPI（CV、CPA、ROAS、CTRなど）の改善幅を数値で提示
  • 担当予算規模や運用期間を添えてスケール感を伝える
  • 再現性が伝わるよう「なぜ成果が出たか」の分析を加える

3.4 ライター・編集者

　ライティング職は、執筆・編集したコンテンツのURLやキャプチャを掲載します。ジャンル（金融・美容・ITなど）と文字数、SEO順位や読了率などの実績があれば添えましょう。複数ジャンルを書ける汎用性か、特定分野の専門性か、自分の強みを明確に打ち出すことが大切です。

4. ポートフォリオ作成の5ステップ

　構成が分かったら、実際の作成手順に落とし込みます。次の5ステップで進めれば、初めてでも迷わず形にできます。

  1. 掲載作品の棚卸し：これまでの制作物をすべて書き出し、見せられるものを選別する
  2. 作品の絞り込み：応募先の業界・職種に近い作品を3〜6点に厳選する
  3. 各作品の説明文を作成：2.2で挙げた5項目（概要・担当範囲・課題・工夫・成果）を埋める
  4. 媒体を選んで形にする：Web・PDF・紙のいずれかで制作する（次章で解説）
  5. 第三者に見てもらう：友人や転職エージェントにレビューを依頼し、伝わるか確認する

　ここで重要なのが、ステップ2の「応募先に合わせた絞り込み」です。同じポートフォリオを全社に使い回すのではなく、応募企業の事業領域に近い作品を前に出すだけで、マッチ度の印象は大きく変わります。BtoB企業に応募するならBtoB系の実績を、ECサイトを運営する企業ならEC関連の実績を冒頭に置く、といった調整を行いましょう。

4.1 制作にかかる時間の目安

　ゼロから作る場合、Web形式で20〜40時間、PDF形式で10〜20時間が一般的な目安です。在職中に準備する場合は、応募の1〜2ヶ月前から少しずつ着手しておくと、選考が始まってから慌てずに済みます。「作品が足りない」と感じる場合は、後述する自主制作で補う方法もあります。

5. ポートフォリオの作成媒体と無料ツール

　ポートフォリオの形式は大きく3種類あります。応募先の指定や自分の職種に合わせて選びましょう。

  • Web形式：URLで共有でき、更新も容易。エンジニア・デザイナーに最適
  • PDF形式：メール添付・印刷がしやすく、汎用性が高い。最も無難な選択肢
  • 紙（冊子）形式：対面の面接で見せる場合に。グラフィック・印刷系で有効

　迷ったらPDF形式を基本に、可能ならWeb版も用意するのがおすすめです。多くの企業がメール提出を求めるため、PDFがあればまず困りません。無料で使える代表的なツールは次のとおりです。

  • Canva：テンプレートが豊富で、デザイン未経験でもPDFを作りやすい
  • Adobe Portfolio：Creative Cloud契約者なら追加費用なしでWebサイト化できる
  • foriio・MATCHBOX：クリエイター向けの無料ポートフォリオ作成サービス
  • GitHub Pages・Notion：エンジニアが手早くWeb公開するのに便利
  • Figma：デザイナーが制作過程ごと共有リンクで見せられる

　オンラインで公開する場合は、クライアントワークの守秘義務に必ず注意してください。公開前にクライアントの許可を取る、または社外秘の数値・固有名詞を伏せるのが原則です。公開可否が不安な作品は、面接時にその場で見せる「面接限定」の扱いにすると安全です。

5.1 提出時のマナーとファイルの渡し方

　完成したポートフォリオを提出する際にも、いくつか押さえるべき作法があります。意外と差がつくポイントなので確認しておきましょう。

  • ファイル名を分かりやすく：「portfolio.pdf」ではなく「氏名_職種_ポートフォリオ.pdf」のように、誰の何か一目で分かる名前にする
  • 容量に配慮する：PDFは10MB以内が目安。重い場合は画像を圧縮するか、クラウドの共有リンクで渡す
  • Web版はパスワードを案内：限定公開にする場合は、閲覧用のURLとパスワードを応募メールに明記する
  • 有効期限に注意：共有リンクの有効期限切れで選考中に見られなくなる事故を防ぐ

　応募書類のPDF化やメール送付の基本マナーは、ポートフォリオ提出にもそのまま当てはまります。細部まで気を配ることで、仕事の丁寧さも伝わります。

6. 避けたいNGポートフォリオの例

　最後に、採用担当者が「これは評価を下げる」と感じる典型的なNGパターンを挙げます。当てはまっていないか、提出前にチェックしてください。

  • 作品を詰め込みすぎる：質より量を優先し、自信のない作品まで載せている
  • 担当範囲が不明確：チーム制作なのに、すべて自分が作ったように見える
  • 説明文がない：作品画像だけで、意図や成果が一切伝わらない
  • 古い作品ばかり：5年以上前の作品が中心で、現在のスキルが分からない
  • 応募先と無関係：BtoB企業にBtoCの趣味作品ばかりを見せている
  • 動かないリンク・誤字：URL切れや誤字脱字で、注意力の低さを露呈する

　特に多いのが「担当範囲を曖昧にする」ミスです。良く見せたい気持ちは分かりますが、面接で深掘りされたときに説明が破綻すると、一気に信頼を失います。正直に担当範囲を書いたうえで、その範囲でどう工夫したかを語る方が、はるかに高く評価されます。

6.1 実績が少ない場合の対処法

　「見せられる作品が少ない」という方は、自主制作（オリジナル作品）で補いましょう。実在のサービスのリデザイン案、架空のサービスサイト、個人開発のアプリなどは、課題設定から自分で行える分、思考力をアピールしやすいという利点があります。実務経験が浅くても、本気度と学習姿勢を示す材料になります。

7. まとめ

　この記事では、転職用ポートフォリオの作り方を、共通の5要素・職種別の構成・作成ステップ・ツール・NG例の順に解説しました。

　ポイントを振り返ると、ポートフォリオは「作品を並べる場」ではなく「実力の再現性を証明する場」です。自信のある3〜6作品に絞り、各作品に「担当範囲・課題・工夫・成果」を添え、応募先に合わせて見せ方を調整する——この3点を押さえるだけで、選考通過率は大きく変わります。

　まずは手元の制作物を棚卸しし、応募したい企業の事業領域に近い作品から整理を始めてみてください。完璧を目指して着手が遅れるより、PDF1枚からでも形にして、第三者のレビューを受けながら磨いていく方が確実です。

　『転職どうでしょう』では、転職に関する全般的なサポートをおこなっております。「自分の作品でどう勝負すればいいか分からない」「ポートフォリオの見せ方に自信がない」など、転職に関するお悩みがありましたら、お気軽に転職相談フォームからご相談ください。