ポートフォリオを開いて最初の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|未経験Webデザイナーが落ちる原因と直し方 — 具体的な直しどころを知りたい人はこちら
30秒を通過するために、今日からできること
ここまで読んで「作り直さないといけないのかな」と感じた方もいるかもしれませんが、その必要はありません。作品そのものはそのままで、並び順と説明文を整えるだけで、最初の30秒の印象は大きく変わります。今日からできることを、優先順位順にまとめました。
✅ 作り直さずに30秒の印象を変える手順
- 自信作をトップに移す:一番見せたい1点を先頭に。応募先に近いテイストがあればそれを
- 全作品に一言の意図を添える:「誰向けに・何を狙って・どこを工夫したか」を数行で
- 全体の余白と文字サイズを揃える:見やすさは丁寧さの印象に直結する
- 自主制作を1本だけ足す:課題作品ばかりなら、小さくても「自分で決めた1本」を加える
特に効くのは、上の2つです。並び替えと説明文なら、今夜のうちにでも手をつけられます。全部を完璧にする必要はありません。まず自信作を1点、先頭に持ってくるところから始めれば十分です。
採用担当として感じること
AKI30秒は「ふるい落とし」ではなく、「どこからじっくり見るか」の入口です。だから、そんなに緊張しすぎなくて大丈夫ですよ。
採用担当としてたくさんのポートフォリオを見てきて思うのは、これは「良い・悪いのジャッジ」というより、「この人がどんな人か」を知る入口だ、ということです。上手い下手をふるいにかけたいわけではなくて、考え方や丁寧さが少しでも伝わってくると、こちらも前のめりで見たくなる。だから、完璧を目指すより、「自分はこう考えて、こう作った」が伝わる状態にしておくことのほうが、ずっと大事だと感じています。
今の自分にできる範囲で、見せ方を少し整える。それだけで、開いた最初の30秒は、きっと今より味方になってくれます。
📌 関連記事:未経験からでも大丈夫!ポートフォリオで自分のスキルをアピール — 中身の作り方を一から整えたい人はこちら
スクールの卒業生ポートフォリオを入会前に確かめたい方は、見せてもらう方法と採用担当が見るべき点をこちらで解説しています。
卒業生ポートフォリオを入会前に見せてもらう方法|採用担当の見抜き方
ポートフォリオを見られた後は、面接で深掘りされます。何を聞かれるかも知っておくと備えやすいです。
Webデザイナーの面接で採用担当が必ず聞く5つの質問|その狙いと答え方
作品の見られ方と同じように、ブログも「考えた跡」が見られています。
WordPressブログはポートフォリオになる?採用担当の正直な答え
学習方法よりも、作品の見られ方のほうが選考には効きます。
「スクール卒」と「独学」、採用担当は本当はどう見ているか
ポートフォリオだけでなく、書類選考全体でどう判断されているかを整理した記事はこちら。
未経験Webデザイナーの書類選考|通過する人としない人の差
よくある質問
Q:最初の30秒で流されたら、もう不合格ですか?
A:いいえ。30秒は「じっくり見るか」の入口であって、合否の最終判断ではありません。職務経歴書や志望動機を読んでから、ポートフォリオに戻ってくることもよくあります。ただ第一印象は後の見え方に効くので、整えておく価値はあります。
Q:トップに置くのは、一番自信のある作品でいいですか?
A:基本はそれでOKです。さらに良くするなら、応募先のテイストに近い作品を先頭にすると「うちに合いそう」と感じてもらいやすくなります。応募先ごとに1点目だけ入れ替える、という工夫も有効です。
Q:スクールの課題作品しかありません。不利ですか?
A:課題だけだと他の受講生と似た雰囲気になり、個性が見えにくいのは事実です。ただ、自主制作を1本足すだけで印象はかなり変わります。大作でなくて構いません。「自分で題材を決めて作った1本」があるかどうかが効きます。今からでも間に合います。
Q:作品の説明文は、どのくらい書けばいいですか?
A:長文は不要です。「誰に向けて・何を狙って・どこを工夫したか」を数行でまとめれば十分です。むしろ長すぎると読まれにくいので、要点を一言で言い切るくらいがちょうどいいです。
まとめ
- 最初の30秒で決まるのは「じっくり見るか」であって、合否ではない
- 30秒で見ているのは 第一印象・トップの作品選び・考えた跡・意図の一言 の4つ
- 完璧な技術・作品数・高度なコード・使用ツールは、そこまで見ていない
- 作り直しは不要。自信作を先頭に・全作品に一言の意図を添えるだけで印象は変わる
- 課題作品ばかりなら、自主制作を1本足す。「自分で考えた跡」が一番効く
ポートフォリオは、上手さを競う場ではなく、「自分がどう考えて作る人か」を伝える場です。最初の30秒で見られているのも、まさにそこ。今の作品のまま、見せ方を少し整えるだけで、印象は確実に変えられます。まずは自信作を1点、先頭に持ってくる——その小さな一歩から始めてみてください。
関連記事
- 未経験からでも大丈夫!ポートフォリオで自分のスキルをアピール — 中身の作り方を一から整える
- 採用担当が見るポートフォリオのNG・OK|未経験Webデザイナーが落ちる原因と直し方 — 具体的な直しどころ
- 未経験Webデザイナーが面接で採用される方法|採用担当5年が落ちる理由と通過する人の違いを正直に話します — 面接全体の準備はこちら


ディスカッション
コメント一覧
まだ、コメントがありません
新着記事
インハウスデザイナーはつまらない?事業会社の中で起きていること
社内デザイナー、思ってたより地味かも… これ、私の力不足なのかな… AKI その ...Webデザイナーのキーボードはどう選ぶ?現役が使う1台と基準
キーボードを買い替えたいけど、種類が多すぎて何を基準に選べばいいのか分からない… ...未経験Webデザイナーの書類選考|通過する人としない人の差
応募してもエントリーの返事すら来ない…どこがダメなのか分からない。 未経験だから ...リスキリング補助金はいつまで?申請の流れと教育訓練給付金との違い
リスキリング補助金って、教育訓練給付金と何が違うんだろう… 最大70%戻るって見 ...教育訓練給付金の申請手順|ハローワークで実際にやることを時系列で解説
給付金が使えるらしいけど、何から手をつければいいのか分からない… 申し込んでから ...「スクール卒」と「独学」、採用担当は本当はどう見ているか
独学で勉強してるけど、スクール卒の人に負けるんじゃないかと不安… 逆に、お金を払 ...エージェント経由と直接応募、採用側の扱いはどう違うか|受ける側の本音
エージェント経由だと採用されにくいって聞いたんだけど、本当…? 自分で直接応募し ...WordPressブログはポートフォリオになる?採用担当の正直な答え
ブログを書いてるんだけど、これって転職で評価されるのかな… 作品を作る時間をブロ ...デイトラとWEBCOACH、どっちを選ぶ?採用担当が目的別に正直比較
デイトラとWEBCOACH、最後の2つで決めきれない… 料金もサポートも全然違う ...Webデザイナーの面接で採用担当が必ず聞く5つの質問|その狙いと答え方
もうすぐ面接なんだけど、何を聞かれるか分からなくて不安… 模範解答を暗記しても、 ...Webデザインスクールで後悔した人の7パターン|採用担当が面接で聞いた実話
スクール、高い買い物だから…入って後悔したらどうしよう。 「意味なかった」って口 ...MySTARの評判は?リスキリング補助金で実質いくらか採用担当が検証
MySTARって最近できたスクールみたいだけど、実際どうなんだろう…。 補助金で ...WEBCOACHの料金は高い?6ヶ月47万・12ヶ月64万の内訳を採用担当が検証
WEBCOACH、よさそうだけど…47万って、正直高くない? この金額を払って、 ...HerTech(旧WeRuby)の評判は?女性向けWebスクールを採用担当が検証
HerTech、女性向けでよさそう。でも「怪しい」って検索候補に出てきて不安で… ...女性向けWebデザインスクール比較|ママ・在宅で選ぶなら採用担当が解説
子育てしながら在宅でWebデザインの仕事がしたい。でも女性向けのスクールって、ど ...カテゴリー