【完全ガイド】採用につながる職種別ポートフォリオの作り方

最初に、ポートフォリオを誰に、何のために見せるのかを決めます。同じ作品を載せる場合でも、就職活動、転職、フリーランスの営業では、相手が確認したい情報が異なるからです。

たとえば、Web制作会社へ応募するなら、Webサイトやバナーのデザインだけでなく、情報設計やワイヤーフレーム、改善前後の違いを見せる必要があります。一方、広告代理店へ応募するなら、媒体ごとの表現の幅や、ターゲットに合わせてデザインを変更できる力が重視されるでしょう。

まずは応募先の求人情報や制作実績を確認し、求められているスキルや担当業務を書き出してみてください。この段階で「何を評価してもらうためのポートフォリオなのか」が決まると、作品を選びやすくなります。

次に、これまでに制作した作品や参加したプロジェクトを一度すべて集めます。完成した画像だけでなく、企画書、ラフ、ワイヤーフレーム、撮影前後の画像、成果がわかるデータなども整理しておきましょう。

チームで制作した作品の場合は、自分が担当した部分も確認します。「デザインを担当した」のか、「企画からデザイン、実装まで担当した」のかによって、伝えられるスキルが変わります。

実務経験がない場合は、学校の課題や自主制作、既存サービスを想定したリデザイン、架空の依頼をもとにした作品でも構いません。ただし、実際の案件と誤解されないように「自主制作」「架空案件」と明記しましょう。

集めた作品をすべて掲載する必要はありません。応募先との関連性が高く、自分の強みを説明しやすい作品を優先して選びます。

マイナビクリエイターでは、転職用ポートフォリオに掲載する作品数の一つの目安として10〜20作品、全体のページ数として15〜25ページを挙げています。ただし、これは絶対的な決まりではありません。作品数を増やすために完成度の低い作品を加えるより、応募先に合う作品を厳選するほうが効果的です。

作品を選ぶときは、次の3点を確認してみましょう。

掲載する作品が決まったら、ページを作り始める前に全体の構成を考えます。基本的には、次の順番で整理すると、採用担当者が必要な情報を追いやすくなります。

作品ページには、完成したデザインだけでなく、制作の背景と自分の担当範囲を記載します。次の項目を整理できるようにしましょう。

構成と文章が決まったら、テンプレートを使って作品画像と説明文を配置します。あらかじめレイアウトが整ったテンプレートを活用すれば、表紙やプロフィール、作品ページを一から設計する必要がなく、全体に統一感を持たせやすくなります。

テンプレートは見た目だけで選ばず、自分の作品を十分な大きさで掲載できるか、制作目的や担当範囲を書き込むスペースがあるかを確認しましょう。作品そのものより背景や装飾が目立たない、シンプルなデザインが適しています。

編集するときは、ページごとにデザインを変えず、次のルールを統一します。

ポートフォリオが完成したら、実際に提出する形式で確認します。PDFで提出する場合は、別のパソコンやスマートフォンでもファイルを開き、文字化けやレイアウト崩れがないか確認しましょう。

提出前には、次の項目を必ずチェックしておきましょう。

表紙には、氏名、希望する職種、ポートフォリオであることがわかるタイトル、作成または更新した年月を記載します。採用担当者が複数の応募書類を扱うことを考え、誰の、何の資料なのかを表紙だけで確認できるようにしましょう。

「PORTFOLIO」と大きく書くだけでなく、自分の強みや仕事への姿勢を表す短いキャッチコピーを添えるのも効果的です。キャッチコピーには、掲載した作品や実績を通して一貫して伝えたい強みを一文で表します。

たとえば、トレンドを活用したコンテンツ企画を得意とするマーケターなら、次のようにまとめられます。

作品数やカテゴリーが多い場合は、目次を入れます。各作品のタイトルを並べるだけでなく、「Webデザイン」「広告・SNS」「イラスト」「自主制作」のように分類すると、採用担当者が確認したい内容を探しやすくなります。

ライターやマーケターなど、プロジェクトの種類が幅広い職種では、「SEOコンテンツ」「SNS運用」「広告キャンペーン」「パートナー施策」のように業務領域別に分ける方法もあります。

目次にはページ番号を記載し、実際のページとずれていないか確認してください。PDFで提出する場合は、各項目から該当ページへ移動できるリンクを設定すると、ページ数が多くても閲覧しやすくなります。

一方、10ページ未満で構成が単純なポートフォリオであれば、無理に目次を入れる必要はありません。目次を入れること自体ではなく、必要な作品へ迷わず移動できることを優先しましょう。

プロフィールには、氏名、経歴、得意分野、対応できる業務、仕事で大切にしていることを簡潔に記載します。

表紙にキャッチコピーを入れた場合は、同じ言葉を繰り返すのではなく、その強みがどのような経験から生まれたのかを具体化しましょう。担当してきた業務、得意とする領域、経験した媒体などを加えると、採用担当者が続く作品を評価するための判断軸になります。

たとえば、表紙に「トレンドを捉え、選ばれる理由をつくる」と記載したマーケターなら、プロフィールは次のように作成できます。

スキル欄には、対応できる業務と使用できるツールを記載します。ツール名だけを並べるのではなく、何をどの程度できるのかまで示すと、実際に任せられる業務を判断しやすくなります。

たとえば、次のように「スキル・ツール・対応内容」を関連づけて整理します。

作品・実績はポートフォリオの中心となる項目です。完成した画像や公開ページだけでなく、制作の目的、自分の担当範囲、制作プロセス、工夫した点、得られた成果を記載します。

各作品は、次の項目を基本に整理すると内容が伝わりやすくなります。

最後に、メールアドレス、ポートフォリオサイト、SNS、公開されている制作物のURLなどを記載します。採用担当者や依頼主が作品を見たあと、すぐに連絡したり、詳しい実績を確認したりできる状態にしておきましょう。

紙やPDFからWebサイト、動画、公開記事へ誘導する場合は、URLとあわせてQRコードを掲載すると、スマートフォンから確認しやすくなります。

最終ページには「ご覧いただき、ありがとうございました」といった短い言葉を添え、連絡先や関連URLをまとめると、ポートフォリオの終わりがわかりやすくなります。

Web・UIデザイナーは、完成した画面だけでなく、課題をどのように整理して画面設計へ反映したのかを見せます。

作品ページには、サイトやアプリの目的、想定ユーザー、担当範囲、ワイヤーフレーム、デザインの意図、公開URLを記載しましょう。チーム制作の場合は、情報設計、UIデザイン、コーディングなど、自分が担当した工程を分けて示します。

レスポンシブ対応や画面遷移も評価してもらいたい場合は、パソコンとスマートフォンの画面を並べたり、PDF内に実際のサイトやプロトタイプへのリンクを設置したりすると効果的です。

グラフィックデザイナーは、ポスター、チラシ、パッケージ、ロゴなど、制作物の種類と表現の幅を見せます。

完成データだけでなく、実際に印刷・使用された状態の写真があると、サイズ感や利用場面が伝わります。使用した紙、印刷方法、加工、掲載媒体など、画面上の画像だけではわからない情報も記載しましょう。

ただし、異なるテイストの作品を無理に増やす必要はありません。幅広い表現に対応できることを見せる場合も、自分が得意とする方向性がわかる代表作を最初に配置します。

イラストレーターは、得意な画風に加えて、どのような媒体や目的に対応できるかを示します。

人物、動物、背景などの対象別に並べる方法もありますが、広告、書籍、SNS、Webサイトなど、使用場面ごとに整理する方法もあります。依頼を想定した作品では、ターゲット、制作期間、使用ツール、修正対応の有無まで記載すると、実際の仕事を依頼したときのイメージを持ってもらいやすくなります。

一つの画風に特化している場合は、無理に幅広く見せるよりも、表情、ポーズ、構図、使用場面のバリエーションを見せると良いでしょう。

写真や映像のポートフォリオでは、作品のテーマと自分が担当した工程を明確にします。撮影だけでなく、企画、構成、ロケーション選定、照明、編集、色調整など、関わった範囲を分けて記載してください。

映像作品はPDF内ですべてを見せられないため、代表的な場面を静止画で掲載し、動画へのリンクやQRコードを添えると良いでしょう。また、動画の長さが長い場合は、どの場面を見てほしいのかも説明しておくと親切です。

ライターやマーケターは、完成した記事や広告だけでなく、誰に向けて、何を目的に、どのような施策を行ったのかを説明します。

記事なら担当した企画、構成、取材、執筆、編集の範囲を示し、公開後のPV、検索順位、問い合わせ数などを記載します。広告やSNS運用の場合は、担当媒体、施策期間、予算、クリック率、コンバージョンなど、公開できる範囲で数値を加えましょう。

数値を掲載できない案件では、「既存記事の構成を見直した」「複数部門への取材を担当した」など、成果に至るまでの工夫や役割を具体的に説明しましょう。

エンジニアのポートフォリオでは、完成したサービスの画面だけでなく、どのような課題に対して技術を選び、どこまで実装したのかを示します。

作品ページには、サービスやアプリの目的、使用した言語・フレームワーク、担当した機能、開発期間、チーム体制を記載しましょう。チーム開発の場合は、フロントエンド、バックエンド、データベース設計、テストなど、自分が担当した範囲を明確にします。

また、実装中に発生した課題とその解決方法を説明すると、問題を整理して改善する力も伝えられます。たとえば、「ページの表示速度が遅い」という課題に対して、「画像の最適化や処理方法の変更によって読み込み時間を短縮した」というように改善前後を示します。

PDFにはプロジェクトの概要と代表的な画面をまとめ、詳しいコードや動作はGitHub、公開サイト、デモ動画へのリンクで補足するとよいでしょう。GitHubを掲載する場合は、採用担当者が内容を確認しやすい状態にしておくことが大切です。