ポートフォリオを開いて最初の30秒|採用担当が本当に見ているもの


ポートフォリオ、提出はしたけど…ちゃんと見てもらえてるのかな。

時間をかけて作ったのに、パッと閉じられてたら悲しい…。
AKI正直に言うと、最初の30秒でだいたい「じっくり見るか」は決まります。でも、“上手さ”で判断しているわけじゃないんです。そこを正直に話しますね。
ポートフォリオを提出したあと、「ちゃんと中まで見てもらえているんだろうか」と不安になる——その気持ち、すごくよく分かります。せっかく時間をかけて作ったものが、開いた瞬間に流されていたら悲しいですよね。
この記事では、採用担当として5年間、何百件ものポートフォリオを見てきた立場から、「開いて最初の30秒で、採用担当が実際に何を見て、何を判断しているのか」を正直に整理します。先に結論を言うと、30秒で見ているのは「デザインの上手さ」ではありません。だからこそ、上手く描けないと感じている人にも、今日からできることがあります。逆に、30秒では気にしていないことも後半でお伝えするので、安心材料にしてもらえたらと思います。
正直、最初の30秒で「じっくり見るか」は決まる
身も蓋もない話からで申し訳ないのですが、採用担当は1回の選考で何十件もポートフォリオに目を通します。1件ずつ何分もかけて熟読する、というのは現実的に難しい。だから最初の数十秒で「これはじっくり見よう」「これはざっと流そう」という当たりをつけているのが実際のところです。
ただ、ここで誤解しないでほしいのは、30秒で「合否」が決まっているわけではないということです。第一印象で「おっ」と思えば腰を据えて見ますし、逆に一度流しても、職務経歴書や志望動機を読んでから戻ってくることもあります。30秒はあくまで「どこからじっくり見るか」の入口であって、ふるい落としの最終ジャッジではありません。
とはいえ、その入口の印象が後の見え方に影響するのは事実です。だったら、採用担当が最初の30秒でどこを見ているかを知っておいて、そこだけ整えておく——それが一番コスパのいい対策だと、今振り返っても思います。
30秒で見ている4つのこと(見ている順番に)
実際に開いてから、視線がどう動いているか。私の場合はだいたい、次の4つをこの順で見ています。人によって多少の差はありますが、大きくは外れないはずです。
① 全体の第一印象(整理されていて見やすいか)
まず目に入るのは、細部ではなく「全体の空気」です。ごちゃっとしていないか、どこから見ればいいか迷わないか、余白や文字サイズが整っているか。ここで感じるのは、デザインの巧拙というより「丁寧に扱っている人か」という印象です。第一印象が整理されていると、それだけで「この先も見てみよう」という気持ちになります。
② 一番上に置いた作品(優先順位をつけられているか)
次に、トップ(または最初のページ)に何を持ってきているかを見ます。ここには、その人の「自分で優先順位をつける力」が表れます。一番自信のある作品、あるいは応募先に近いテイストの作品が先頭に来ていると、「見せ方を考えているな」と感じます。逆に、作った順にただ並べてあるだけだと、少しもったいない。全部を平等に見せようとすると、結局どれも印象に残らないんです。
③「自分で考えた跡」があるか
これは採用側として、正直かなり見ています。「テンプレをそのまま使った感じ」は、意外と伝わるんです。批判ではなく、事実として。スクールの課題作品だけが並んでいると、どうしても他の受講生と似た雰囲気になり、その人らしさが見えにくくなります。反対に、自主制作が1本あるだけで印象はかなり変わります。「自分で題材を決めて、考えて手を動かした跡」が見えると、それだけで一歩前に出ます。上手いかどうかより、考えた跡があるかどうか。ここが分かれ目だと感じています。
④「なぜそう作ったか」の一言があるか
最後に、作品に短い説明文が添えられているかを見ます。誰に向けて、何を狙って、どこを工夫したのか。ほんの1〜2行でいいんです。採用担当が知りたいのは「何を作ったか」より「なぜそうしたか」だから、意図が一言あるだけで、作品の見え方がぐっと立体的になります。逆に、完成物だけがぽんと置いてあって説明がないと、せっかくの工夫が伝わらないまま流れてしまうことがあります。
| 最初の30秒で見ていること | 実は、そこまで見ていないこと |
|---|---|
| 全体が整理されて見やすいか | 1ピクセル単位の完璧さ |
| トップに置いた作品の選び方 | 作品数の多さ |
| 自分で考えた跡があるか | 高度なアニメーションや技術 |
| なぜそう作ったかの一言 | 使っているツールの種類 |
逆に、30秒では見ていないもの
不安をあおるだけの記事にはしたくないので、ここは正直にお伝えします。最初の30秒で、採用担当が意外と気にしていないこともあります。
- 完璧なデザイン技術:プロ級の仕上がりを未経験者に期待していません。粗さより「考えた跡」を見ています
- 作品数の多さ:数を並べるより、3〜5点でも意図が伝わるほうが評価しやすいです
- 高度なコードやアニメーション:凝った実装より、見やすさと意図のほうが先です
- 使用ツール:FigmaかPhotoshopか、といった道具の種類はほとんど気にしていません
「もっと上手くならないと見てもらえない」と身構えている人が多いのですが、実際に見ている側からすると、そこは入口の判断材料になっていません。技術は入社後にも伸びる。それより、今の自分で「考えた跡」と「伝える姿勢」を見せられるかのほうが、ずっと効きます。
📌 関連記事:採用担当が落とすポートフォリオのNG・OK【添削視点】 — 具体的な直しどころを知りたい人はこちら
30秒を通過するために、今日からできること
ここまで読んで「作り直さないといけないのかな」と感じた方もいるかもしれませんが、その必要はありません。作品そのものはそのままで、並び順と説明文を整えるだけで、最初の30秒の印象は大きく変わります。今日からできることを、優先順位順にまとめました。
✅ 作り直さずに30秒の印象を変える手順
- 自信作をトップに移す:一番見せたい1点を先頭に。応募先に近いテイストがあればそれを
- 全作品に一言の意図を添える:「誰向けに・何を狙って・どこを工夫したか」を数行で
- 全体の余白と文字サイズを揃える:見やすさは丁寧さの印象に直結する
- 自主制作を1本だけ足す:課題作品ばかりなら、小さくても「自分で決めた1本」を加える
特に効くのは、上の2つです。並び替えと説明文なら、今夜のうちにでも手をつけられます。全部を完璧にする必要はありません。まず自信作を1点、先頭に持ってくるところから始めれば十分です。
採用担当として感じること
AKI30秒は「ふるい落とし」ではなく、「どこからじっくり見るか」の入口です。だから、そんなに緊張しすぎなくて大丈夫ですよ。
採用担当としてたくさんのポートフォリオを見てきて思うのは、これは「良い・悪いのジャッジ」というより、「この人がどんな人か」を知る入口だ、ということです。上手い下手をふるいにかけたいわけではなくて、考え方や丁寧さが少しでも伝わってくると、こちらも前のめりで見たくなる。だから、完璧を目指すより、「自分はこう考えて、こう作った」が伝わる状態にしておくことのほうが、ずっと大事だと感じています。
今の自分にできる範囲で、見せ方を少し整える。それだけで、開いた最初の30秒は、きっと今より味方になってくれます。
📌 関連記事:Webデザイナーのポートフォリオの作り方【採用担当が見るポイント】 — 中身の作り方を一から整えたい人はこちら
よくある質問
Q:最初の30秒で流されたら、もう不合格ですか?
A:いいえ。30秒は「じっくり見るか」の入口であって、合否の最終判断ではありません。職務経歴書や志望動機を読んでから、ポートフォリオに戻ってくることもよくあります。ただ第一印象は後の見え方に効くので、整えておく価値はあります。
Q:トップに置くのは、一番自信のある作品でいいですか?
A:基本はそれでOKです。さらに良くするなら、応募先のテイストに近い作品を先頭にすると「うちに合いそう」と感じてもらいやすくなります。応募先ごとに1点目だけ入れ替える、という工夫も有効です。
Q:スクールの課題作品しかありません。不利ですか?
A:課題だけだと他の受講生と似た雰囲気になり、個性が見えにくいのは事実です。ただ、自主制作を1本足すだけで印象はかなり変わります。大作でなくて構いません。「自分で題材を決めて作った1本」があるかどうかが効きます。今からでも間に合います。
Q:作品の説明文は、どのくらい書けばいいですか?
A:長文は不要です。「誰に向けて・何を狙って・どこを工夫したか」を数行でまとめれば十分です。むしろ長すぎると読まれにくいので、要点を一言で言い切るくらいがちょうどいいです。
まとめ
- 最初の30秒で決まるのは「じっくり見るか」であって、合否ではない
- 30秒で見ているのは 第一印象・トップの作品選び・考えた跡・意図の一言 の4つ
- 完璧な技術・作品数・高度なコード・使用ツールは、そこまで見ていない
- 作り直しは不要。自信作を先頭に・全作品に一言の意図を添えるだけで印象は変わる
- 課題作品ばかりなら、自主制作を1本足す。「自分で考えた跡」が一番効く
ポートフォリオは、上手さを競う場ではなく、「自分がどう考えて作る人か」を伝える場です。最初の30秒で見られているのも、まさにそこ。今の作品のまま、見せ方を少し整えるだけで、印象は確実に変えられます。まずは自信作を1点、先頭に持ってくる——その小さな一歩から始めてみてください。
関連記事
- Webデザイナーのポートフォリオの作り方【採用担当が見るポイント】 — 中身の作り方を一から整える
- 採用担当が落とすポートフォリオのNG・OK【添削視点】 — 具体的な直しどころ
- 未経験Webデザイナーの面接対策【採用担当が解説】 — 面接全体の準備はこちら

ディスカッション
コメント一覧
まだ、コメントがありません
新着記事
ポートフォリオを開いて最初の30秒|採用担当が本当に見ているもの
ポートフォリオ、提出はしたけど…ちゃんと見てもらえてるのかな。 時間をかけて作っ ...スクールの無料カウンセリングで聞くべき10の質問|採用担当目線で作成
無料カウンセリングって、結局何を聞けばいいの…?営業トークに流されそうで不安。 ...ConoHa WINGとロリポップ、ポートフォリオ用途ならどっち?採用担当が選び方を整理
ポートフォリオを公開したいけど、サーバーはConoHaとロリポップどっちがいいん ...デイトラ給付金の申請手順を最速解説|対象はWeb制作コース限定
デイトラって給付金使えるって聞いたけど、コーディングのコースだっけ?デザインのコ ...日本デザインスクールの給付金は使える?実質いくらになるか採用担当が試算
日本デザインスクール、給付金使えば安くなるって聞いたけど本当…? 75万円が本当 ...Webデザインスクールは高い?料金の相場と”実質いくら”になるかを正直に解説
スクール、内容は良さそうだけど…正直ちょっと高いな… 独学なら無料なのに、この金 ...未経験Webデザイナーの転職活動の進め方|いつ始める・何から動くかを採用担当が解説
転職したい気持ちはあるけど、何から動けばいいのか分からない… まだスキルも自信も ...「Webデザイナーはやめとけ」は本当?採用担当が正直に答える理由と判断基準
Webデザイナーになりたいけど、「やめとけ」って言葉をよく見かけて…。 AIに仕 ...社会人がWebデザインスクールに通うには?働きながら両立するコツと選び方【夜間・オンライン】
仕事をしながらスクールって、現実的に続けられるのかな… 残業もあるし、途中で挫折 ...採用担当が見るポートフォリオのNG・OK|未経験Webデザイナーが落ちる原因と直し方
ちゃんと作ったつもりなのに、書類で落ちる…どこがダメなんだろう。 センスがないっ ...Figmaの使い方 超入門|未経験Webデザイナーが最初にやること【無料で始める】
Figmaがいいって聞くけど、開いても何から触ればいいのか分からない… 無料って ...Webデザイナーのポートフォリオサイトの作り方|WordPressで公開する手順を採用担当が解説
作品はできたけど、これをどうやって"サイト"にして公開すればいいんだろう… Wo ...独自ドメインの取り方・選び方【初心者向け】ポートフォリオ公開までの手順を解説
独自ドメインって、結局どこでどう取ればいいの…? 無料ブログのままポートフォリオ ...未経験Webデザイナーの職務経歴書の書き方|採用担当が通す書類のポイントと例文
未経験だと、職務経歴書に書くことが何もない気がする… 前職と全然違う仕事だから、 ...AIでWebデザインの仕事はどう変わる?未経験が今から目指して大丈夫かを現役視点で解説
AIが進化してるし、Webデザイナーの仕事ってなくなるんじゃない…? 今から未経 ...カテゴリー