転職用ポートフォリオは、豪華なサイトを作ることよりも、応募先が知りたい実績を短時間で確認できることが重要です。無料で始められるサービスでも十分に作れますが、デザイナー、エンジニア、ライターでは適した見せ方が異なります。
この記事では、無料プランや無料で始められる機能を持つ代表的な作成サービスを、職種と提出方法別に整理します。各社のプランや公開条件は変更されるため、利用前に必ず公式サイトの最新情報を確認してください。
先に結論：サービス名より提出先に合わせて選ぶ
| 応募先・職種 | 向く形式 | 重視すること |
|---|---|---|
| Web・UIデザイナー | Webサイト＋PDF | 制作過程、役割、課題と改善 |
| グラフィック・編集 | PDF＋Web | 紙面での再現性、文字の可読性 |
| 動画・写真 | Webサイト | 表示速度、埋め込み、権利表記 |
| エンジニア | GitHub＋説明ページ | 担当範囲、技術選定、成果 |
| ライター・マーケター | Notion等の一覧＋PDF | 目的、成果指標、公開可能範囲 |
迷う場合は、まずPDF版を1つ作り、その内容をWeb上でも閲覧できるようにする方法が現実的です。採用担当者が社内共有しやすく、閲覧環境による崩れも抑えられます。
無料で始めやすいポートフォリオ作成サービス
Canva：短時間でPDFと1ページサイトを作りたい人向け
Canvaはテンプレートを使い、画像と文章を配置してポートフォリオを作成できます。PDFとして書き出す用途と、1ページのWebサイトとして公開する用途をまとめやすい点が特徴です。デザイン経験が浅い人や、まず応募できる形を早く作りたい人に向きます。
- 向く人：グラフィック、ライター、マーケター、初めて作る人
- 強み：テンプレート、ドラッグ操作、PDFとWebの両対応
- 注意点：テンプレートのままだと他者と似やすいため、作品説明と成果を自分の言葉で補う
Figma・Figma Sites：UIの設計過程や操作を見せたい人向け
Figmaは画面デザインだけでなく、画面遷移を含むプロトタイプの共有に使えます。UIデザイナーやプロダクトデザイナーなら、完成画像だけでなく、課題設定、ワイヤーフレーム、検証、改善までを一連で見せやすい選択肢です。Figma Sitesの利用条件や公開機能は公式情報で確認してください。
- 向く人：UI・UX、Web、プロダクトデザイナー
- 強み：プロトタイプ、コメント共有、制作過程を示しやすい
- 注意点：編集権限ではなく閲覧用リンクを使い、機密情報と個人情報を削除する
Figmaのプロトタイピング機能を確認する ／ Figma Sitesを確認する
Behance：作品を幅広いクリエイターに公開したい人向け
BehanceはAdobeが運営するクリエイティブ作品の公開プラットフォームです。作品単位でプロジェクトを整理しやすく、デザイン、写真、イラスト、映像などの制作物を見せる用途に向きます。一方、応募企業専用に内容を出し分けたい場合は、PDFや限定公開できるページを併用した方が安全です。
GitHub：エンジニアのコードと改善履歴を見せる
エンジニアはGitHubだけを渡すのではなく、代表的なリポジトリを3件程度に絞り、READMEに目的、使用技術、自分の担当、工夫、動作確認方法を記載します。業務コードを無断で公開せず、個人制作や公開許可を得た成果物を使用してください。
作成サービスを選ぶ7つの基準
| 基準 | 確認する質問 |
|---|---|
| 閲覧性 | スマホでも作品名と担当範囲をすぐ読めるか |
| 共有性 | URLとPDFのどちらを求められても対応できるか |
| 更新性 | 応募先ごとの並べ替えや差し替えが簡単か |
| 速度 | 大きな画像や動画で表示が遅くならないか |
| 公開範囲 | 限定公開やパスワード設定が必要か |
| 権利 | 素材・顧客名・数値を掲載する許可があるか |
| 継続費用 | 無料範囲、広告、独自ドメイン、容量を確認したか |
作品ごとに必ず書く6項目
- 制作物の概要：何を、誰のために作ったか
- 課題：制作前にどのような問題があったか
- 自分の役割：チーム制作なら担当範囲を明記する
- 制作過程：調査、設計、判断、改善の流れ
- 成果：公開できる範囲で数値や反応を示す
- 振り返り：次に改善する点を簡潔に書く
完成品の画像だけでは、採用側は再現性を判断しにくくなります。「なぜその表現にしたのか」「自分がどこまで担当したのか」を添えることで、実務での考え方が伝わります。
公開前のチェックリスト
- 応募先の求人票で求めるスキルを確認した
- 最初の1画面で職種、強み、代表作品が分かる
- 代表作品を3〜5件に絞った
- 各作品に目的、役割、過程、成果を書いた
- 会社名、顧客情報、管理画面、個人情報を削除した
- 画像・フォント・音源などの利用権を確認した
- 閲覧リンクをシークレットウィンドウとスマホで確認した
- PDFの文字化け、ページ切れ、ファイル容量を確認した
- 生成AIを使った部分は、必要に応じて利用範囲を説明できる
よくある失敗
作品数を増やしすぎる
質の低い作品まで並べると、強みがぼやけます。応募職種との関連性が高い作品を先頭に置き、補足作品は別ページに分けましょう。
担当範囲を大きく見せる
チーム成果を自分一人の実績のように書くと、面接で説明が破綻します。企画、設計、制作、分析のうち担当した範囲と、他のメンバーの役割を明確にします。
URLを送るだけで説明がない
採用担当者が全ページを丁寧に見るとは限りません。応募書類やメールに、見てほしい作品名、該当ページ、応募先との関連を2〜3行で添えます。
ポートフォリオを作った後の転職準備
ツール選びが終わったら、作品説明の質と応募先ごとの並び順を整えましょう。構成例や職種別の見せ方は、転職用ポートフォリオの作り方で詳しく解説しています。
未経験から職種を変える場合は、既存の業務経験をどう作品に置き換えるかが重要です。未経験からクリエイティブ職へ転職する方法もあわせて確認してください。