【デザイン初心者向け】ポートフォリオの作り方完全ガイド

ポートフォリオ、何から始めればいいかわからない...

「デザイナーになりたいけど、ポートフォリオの作り方がわからない」 「実績がないからポートフォリオが作れない」

初心者にとって、ポートフォリオ作成は大きなハードルに感じるものです。

この記事では、デザイン初心者でもポートフォリオを作れる方法を、ステップバイステップで解説します。

:::point この記事でわかること：

• ポートフォリオに必要な要素
• 実績がなくても作品を用意する方法
• 作品説明の書き方
• おすすめのポートフォリオツール :::

---

ポートフォリオとは？

ポートフォリオ = デザイナーの名刺

ポートフォリオは、あなたのデザイン力を証明する作品集です。

就職・転職活動、フリーランスの営業、案件獲得など、デザイナーとして仕事をするには必須のツールです。

:::info 採用担当者は「何ができるか」ではなく「何を作ったか」を見ます。だからポートフォリオが重要なのです。 :::

---

ポートフォリオに必要な5つの要素

1. 自己紹介

名前、経歴、スキル、連絡先など。シンプルに、あなたが何者かを伝えます。

2. 作品（5〜10点）

実績、架空プロジェクト、リデザインなど。質を重視して厳選します。

3. 作品説明

課題、解決策、デザインの意図を説明。ただ画像を並べるだけでは不十分です。

4. 使用ツール・スキル

Figma、Photoshop、Illustratorなど、使えるツールを明記します。

5. 連絡先

メール、SNS、問い合わせフォームなど。仕事の依頼を受けられる窓口を用意。

---

:::spec 良いポートフォリオの特徴

• 作品の質が高い（数より質）
• デザインの意図が説明されている
• 見やすく整理されている
• 自分らしさが出ている
• 連絡先がわかりやすい :::

---

【実績なし向け】作品を用意する5つの方法

方法1：架空のプロジェクト

存在しない企業や商品をデザインします。ロゴ、名刺、Webサイトなど自由に作れます。

:::merit 架空プロジェクトのメリット

• 制約なく自由に作れる
• 複数のパターンを試せる
• 挑戦したい分野にチャレンジできる
• 失敗してもやり直せる :::

方法2：既存サービスのリデザイン

実在するWebサイトやアプリを改善するデザインを作ります。

:::info 「課題→解決策→デザイン」の流れを説明できるので、論理的思考力をアピールできます。 :::

方法3：デザインコンペに参加

クラウドソーシングのコンペに参加して、作品を作ります。採用されなくても作品になります。

方法4：個人プロジェクト

自分のブログ、SNS、名刺など、自分のためのデザインを作ります。

方法5：友人・知人の依頼を受ける

無料または低価格で友人の名刺やロゴを作らせてもらいます。実績にもなります。

---

作品説明の書き方【テンプレート付き】

説明がないポートフォリオはNG

画像を並べるだけでは、あなたの思考プロセスが伝わりません。

採用担当者は「なぜこのデザインにしたのか」を知りたがっています。

作品説明のテンプレート

【プロジェクト名】
〇〇のWebサイトデザイン

【概要】
架空のカフェ「〇〇」のWebサイトをデザインしました。

【課題】
ターゲット：30代女性
目的：リラックスできる空間をオンラインでも表現する

【解決策】
- 余白を多く取り、ゆったりした印象を演出
- アースカラーで自然な温かみを表現
- 明朝体を使用し、上品な雰囲気を出した

【使用ツール】
Figma, Photoshop

【制作期間】
2週間

説明で使いたいデザイン用語

作品説明では、デザイン用語を使って説明できると専門性をアピールできます。

• 「余白を意識し、視認性を高めた」
• 「コントラストを強調し、CTAを目立たせた」
• 「近接の原則を使い、関連情報をグループ化した」

:::merit 用語を使うメリット

• 専門知識があることをアピールできる
• 説明が具体的になる
• 採用担当者との共通言語ができる
• 面接でも使える :::

---

おすすめのポートフォリオツール5選

1. Notion

無料で使えて、カスタマイズ自由度が高い。初心者に最もおすすめ。

2. Behance

Adobe公式のポートフォリオサービス。クリエイティブ業界では知名度が高い。

3. Dribbble

デザイナーのSNS的なサービス。世界中のデザイナーに見てもらえる。

4. STUDIO

ノーコードでWebサイトが作れる。オリジナリティを出しやすい。

5. Canva

テンプレートが豊富。PDFポートフォリオを簡単に作れる。

---

:::demerit 初心者がやりがちなNG例

• 作品を詰め込みすぎる
• 説明がなく画像だけ並べる
• 自分のスキルと合わない作品を載せる
• デザインが統一されていない
• 連絡先が見つからない :::

---

ポートフォリオ作成の3ステップ

ステップ1：作品を5〜10点用意する

架空プロジェクトやリデザインなど、質の高い作品を厳選します。

ステップ2：作品説明を書く

課題、解決策、デザインの意図をデザイン用語を使って説明します。

ステップ3：ポートフォリオサイトにまとめる

NotionやBehanceなど、適切なツールで公開します。

---

よくある質問

:::qa Q. ポートフォリオはいつ作り始めるべき？

A. 学習を始めたらすぐに作り始めましょう。完璧を目指す必要はなく、作りながら更新していけばOKです。早く作り始めることで、自分の成長も記録できます。 :::

:::qa Q. 学習中の作品も載せていいですか？

A. 質の高いものなら載せてOKです。ただし、「学習中に作成」と明記しておくと誠実な印象を与えます。あまりにクオリティが低い作品は外しましょう。 :::

:::qa Q. ポートフォリオのデザイン自体が苦手です

A. シンプルでOKです。奇をてらったデザインより、作品が見やすく、説明がわかりやすい方が重要です。NotionやBehanceのテンプレートを活用しましょう。 :::

---

まとめ

:::summary ポートフォリオ作成のポイント

1. 必要な要素を押さえる（自己紹介、作品、説明、スキル、連絡先）
2. 実績がなくても架空プロジェクトやリデザインで作品を用意
3. 作品説明でデザインの意図を伝える（用語を使うと効果的）
4. 適切なツールでポートフォリオを公開する

デザイン用語を知っていると、作品説明の質が上がり、採用担当者へのアピール力が増します。 :::

:::cta ポートフォリオの説明で使えるデザイン用語を学習 デザ単：デザイン単語帳 App :::

---

関連記事

• 30代からデザイナー転職を目指す人のためのロードマップ
• デザイン独学ロードマップ｜初心者が最短で成長する学習順序
• デザインスクール vs 独学、どちらが向いている？
• デザイン用語30選｜初心者が最初に覚えるべき基礎単語

---

※ 画像出典：Unsplash（Kelly Sikkema）