【28卒】就活ポートフォリオサイトの作り方｜無料ツールから差がつく構成まで完全解説

就活でポートフォリオサイトを持つことが、IT・クリエイター系就活生の「当たり前」になっています。さらに近年は、文系学生や営業・マーケ志望の学生でも、自己PRの手段としてポートフォリオサイトを作るケースが増えています。

リクルートの調査（2024年）によると、デジタル系職種を採用する企業の約71%が「ポートフォリオの有無が選考に影響する」と回答しています。28卒就活生にとって、ポートフォリオサイトはもはや「あれば差がつく」ではなく「ないと差をつけられる」ツールになりつつあります。

この記事では、無料ツールから始めるポートフォリオサイトの作り方、載せるべきコンテンツ、効果的な構成まで徹底解説します。

📌 無料登録: マイナビ就活（就活生の3人に1人が利用）

ポートフォリオサイトが就活で効果的な理由

1. ESでは伝えられない「実力」を見せられる

ESや面接では「〇〇を制作しました」と言葉で伝えるしかありませんが、ポートフォリオサイトがあれば「実際に見てください」と言えます。採用担当者は短時間で多くのESを読むため、視覚的に実績を示せることは大きなアドバンテージです。

2. 継続的な学習姿勢を示せる

ポートフォリオサイト自体が「主体的に学び、アウトプットできる人材」であることの証明になります。特にIT・デジタル系の企業では、ポートフォリオの内容や更新頻度から学習意欲を評価します。

3. 面接での話題のフックになる

ポートフォリオのURLをESに記載しておけば、面接官が事前に見てきて「このプロジェクトについて教えてください」と質問してくれます。自分が話したいテーマを自然に引き出せる仕掛けになります。

ポートフォリオ作成ツール比較表

ツール	費用	特徴	向いている人
Notion	無料	手軽・テンプレート豊富	文系・初心者
GitHub Pages	無料	コードで作成・技術力アピール	エンジニア志望
Wix	無料〜	デザイン自由度高い	デザイナー・クリエイター
STUDIO	無料〜月額1,650円	ノーコード・おしゃれ	デザイナー
Canva	無料	デザインしやすい	初心者・文系
WordPress	ドメイン代のみ	本格的・カスタマイズ自由	上級者

ポートフォリオサイトに載せるべき必須コンテンツ

1. 自己紹介・プロフィール

氏名（本名orペンネーム）
大学・学部・学年
志望する職種・業界
自己PRのサマリー（3〜5行）
連絡先（メールアドレス）

2. スキルセット

使用できるプログラミング言語・ツール
習得レベルの目安（「業務レベル」「学習中」など）
資格・検定（TOEIC、ITパスポートなど）

3. 制作実績・プロジェクト

各プロジェクトには以下を含めましょう。

プロジェクト名・概要
担当した役割・工夫した点
使用した技術・ツール
成果（数値化できる場合は数値で）
リンク・スクリーンショット

4. 自己PRストーリー

単なる実績の羅列ではなく、「なぜこのスキルを身につけたか」「何を学んだか」というストーリーを添えましょう。採用担当者はスキルだけでなく、思考プロセスや人柄を見ています。

5. GitHubリンク・SNSリンク（任意）

エンジニア志望の場合はGitHubのプロフィールへのリンクを必ず載せましょう。コミット履歴から学習継続性を評価してもらえます。

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

例文1：エンジニア志望の構成

【田中太郎のポートフォリオ】

## About Me
〇〇大学情報学部4年。Webアプリ開発が得意。
バックエンド（Python/Django）とフロントエンド（React）両方経験あり。

## Skills
- Python（中級）、JavaScript（中級）、SQL（初級）
- Docker、Git、AWS（基礎）

## Projects
### 1. 読書管理アプリ（個人開発）
「本を読んだ後に感想を記録する場所がない」という課題を解決するため開発。
Django + Reactで構築。ユーザー登録・ログイン・CRUD機能を実装。
→ GitHubリンク / デモリンク

### 2. サークルの出欠管理システム（チーム開発）
50人規模のサークルの出欠管理をExcelから移行。月5時間の管理工数を削減。
PM・バックエンド担当として3名チームを主導。

例文2：デザイナー志望の構成

【山田花子のデザインポートフォリオ】

## Profile
UI/UXデザインを独学で2年間学習。
Figmaを使ったプロトタイプ制作が得意。

## Works
1. カフェのWebサイトリデザイン
   Before/After比較・デザインプロセスを公開

2. 就活管理アプリのUIデザイン
   ユーザーインタビューからワイヤーフレーム・UI設計まで一貫して担当

例文3：文系・マーケ志望の構成

【鈴木一郎のポートフォリオ】

## About
マーケティング・広告業界志望。大学でSNS運用を独学し、
インスタグラム運用代行で月間リーチ10万人を達成。

## 実績
- Instagramアカウント運用：フォロワー0→2,000人（半年）
- Google Analytics を使ったデータ分析レポート作成
- コンテンツ企画〜投稿〜分析のPDCAを一人で実行

## 使用ツール
Figma、Canva、Google Analytics、Meta広告マネージャ

💡 ポイント: 文系・営業志望でもポートフォリオは有効です。「ゼミの研究レポート」「インターンでの成果」「アルバイトで作った資料」などをまとめるだけでも立派なポートフォリオになります。

ポートフォリオサイトのデザイン原則

読みやすさ最優先

背景は白・グレーなど見やすいカラー
フォントは14px以上
一行の文字数は全角35〜45字以内
見出しと本文のコントラストを明確に

モバイル対応を確認する

採用担当者がスマートフォンで閲覧することも多いため、スマートフォンでの表示を必ず確認しましょう。NotionやWixはデフォルトでスマートフォン対応しています。

更新日を記載する

ポートフォリオの最終更新日を記載することで「継続的に活動している」という印象を与えます。就活期間中は月1回以上更新することを目標にしましょう。

ポートフォリオサイト作成の手順（Notion版）

Notionにサインアップ（無料）
新しいページを作成
タイトルを「〇〇のポートフォリオ」に設定
テンプレートギャラリーから「Portfolio」テンプレートを選択
自己紹介・スキル・実績を記載
「公開」設定にしてURLを取得
ESのURLリンク欄にそのURLを記載

💡 ポイント: URLは短く覚えやすいものにするために、Notionの場合は短縮URLサービス（bit.lyなど）を使うか、独自ドメイン（年間1,000〜2,000円）を取得することを検討しましょう。

FAQ：就活ポートフォリオのよくある質問

Q1. ポートフォリオサイトは何ページくらいが適切ですか？

A. ワンページ（スクロール型）が最も見やすく、初心者にもおすすめです。複数ページにする場合は「ホーム」「実績」「プロフィール」「連絡先」の4ページ程度が適切です。

Q2. 実績が少ない場合はどうすればいいですか？

A. 就活期間中に「学習用プロジェクト」を1〜2個作ることを推奨します。「チュートリアルを写しただけ」ではなく、自分でテーマを設定したオリジナルの作品を作ることが重要です。

Q3. ポートフォリオサイトのURLをESに載せていいですか？

A. 積極的に載せましょう。「任意」と書かれたURL欄があれば必ず記載し、なければ自己PR欄の末尾に「詳細はこちらをご覧ください：URL」と記載する方法があります。

Q4. 著作権に問題のある作品（授業課題など）を載せていいですか？

A. 授業課題の場合、担当教授に確認を取ってから公開しましょう。アルバイトや外部委託で作成した作品は、依頼主の許可なく公開することは著作権違反になる場合があります。

Q5. 英語でポートフォリオを作るべきですか？

A. グローバル企業・外資系を志望する場合は英語版を用意するとプラス評価になります。国内企業であれば日本語で十分です。

まとめ

就活ポートフォリオサイト作成のポイントをまとめます。

ツールは志望職種に合わせて選ぶ（エンジニア→GitHub、デザイナー→STUDIO、文系→Notion）
プロフィール・スキル・実績の3点セットを必ず載せる
実績はストーリーで語る（何を・なぜ・どうやって・どんな成果）
モバイル表示を必ず確認する
ESにURLを必ず記載する

今すぐNotionで無料のポートフォリオを作り始めましょう。完璧である必要はありません。まず「存在させる」ことが最初のステップです。

📌 無料登録: マイナビ就活（就活生の3人に1人が利用）

関連外部リンク

ポートフォリオに載せる実績がない場合の対処法

「実績が何もない」という就活生でも、以下のアプローチでポートフォリオを充実させられます。

就活中に作れる実績

1. ミニプロジェクトを今から作る IT系なら「就活管理ツール」「読書記録アプリ」など、自分が使いたいと思うものを1〜2ヶ月で作りましょう。デザイン系なら好きなブランドのリデザイン案を作成します。

2. ゼミ・授業の成果物を整理する 「この授業で作ったレポート・プレゼン」「ゼミの研究発表資料」なども立派な実績です。担当教員の許可を得た上で掲載しましょう。

3. アルバイトでの成果を数値化する 「カフェアルバイトで顧客満足度向上のために〇〇を提案した」「塾講師として担当生徒の成績を〇%改善した」など、経験に具体的な数値を添えることで実績になります。

💡 ポイント: ポートフォリオは「完璧なものを後で作る」より「不完全でも今すぐ公開する」方が重要です。就活期間中に継続的に更新していくことで、採用担当者に「成長し続けている学生」という印象を与えられます。

【28卒】就活ポートフォリオサイトの作り方｜無料ツールから差がつく構成まで完全解説