⚡ TL;DR
- • First 6 seconds: Name, title, and visual quality determine if they keep scrolling
- • Case studies: Process + outcomes. Show what happened, not just what you did
- • #1 mistake: No measurable outcomes in case studies
- • Quick win: Test your portfolio on your phone right now — most reviewers check mobile
Why You Need a Checklist
You've been staring at your portfolio for weeks. You know every pixel. And that's exactly the problem — you can't see it the way a hiring manager sees it anymore.
Hiring managers spend 3-7 minutes on a portfolio. They're scanning for red flags and green flags simultaneously. A broken link, a wall of text, a confusing navigation — any one of these can end the review early. Not because the person is harsh, but because they have 40 more portfolios to get through.
This checklist isn't about perfection. It's about catching the obvious stuff that costs you interviews. Think of it as a pre-flight check — you don't skip it just because you've flown a hundred times.
Want an interactive version? Our portfolio checklist tool lets you check off items as you go and tracks your progress. Or if you want someone else to look at it, get a critique.
First Impression (0-6 Seconds)
This is the make-or-break moment. Before anyone reads a word, they've already formed an opinion based on visual quality alone.
☐ Your name is immediately visible
Sounds obvious, but some portfolios bury the name below the fold or use a logo instead. Hiring managers need to know whose work they're looking at.
☐ Your title/role is clear
Are you a product designer? UX researcher? Visual designer? Don't make them guess. "Designer" alone is too vague.
☐ The visual quality matches the role
If you're applying for a senior visual design role and your portfolio looks like a default template, there's a disconnect. The portfolio itself is a work sample.
☐ No broken images or placeholder content
Nothing says "I don't pay attention to details" faster than a broken image on the homepage.
☐ Load time under 3 seconds
Test it on a regular connection, not your office WiFi. Large uncompressed images are the usual culprit.
☐ The tagline or intro communicates value
What kind of problems do you solve? For whom? Your intro should answer this in one sentence.
Not sure what your tagline should say? We have 20 portfolio tagline examples with analysis of why they work.
Case Studies
This is where portfolios are won or lost. Your case studies are the meat of your portfolio — everything else is just getting the reviewer to this point.
☐ Each case study has a clear problem statement
Start with the problem, not the solution. "The checkout flow had a 73% abandonment rate" is infinitely more compelling than "I redesigned the checkout page."
☐ Your specific role is stated
Especially on team projects. "I led the UX research and interaction design" is clear. "I worked on this project" is not.
☐ Process is shown, not just outcomes
Wireframes, user flows, research findings, iteration — show the thinking. But keep it focused. Not every sketch needs to be included.
☐ Measurable outcomes are included
This is the #1 thing missing from most portfolios. "Increased signup conversion by 34%" or "Reduced support tickets by 200/month." If you don't have metrics, use qualitative outcomes.
☐ Images are high quality and readable
Screenshots should be crisp. Text in mockups should be legible without zooming. If someone can't read your work, they can't evaluate it.
☐ Each case study can be read in 5-7 minutes
Long enough to show depth, short enough to hold attention. Test this — time yourself reading it aloud.
☐ You show what you'd do differently
This demonstrates self-awareness and growth. "If I did this again, I'd spend more time on the information architecture" shows maturity.
☐ 3-5 projects total
Quality over quantity. One outstanding case study beats five mediocre ones. Remove anything you're not proud of.
For a complete framework on structuring case studies, see our case study structure guide. If you're starting from scratch, the Case Study Builder walks you through it step-by-step.
Visual Design & Consistency
Your portfolio is a design project. It should demonstrate the same skills you're claiming in your case studies.
☐ Consistent typography throughout
One heading font, one body font. Consistent sizes, weights, and spacing. If your typography is inconsistent, reviewers wonder how consistent your actual work is.
☐ Color palette is intentional and limited
2-3 colors maximum for the portfolio shell. Your work samples can be colorful — the portfolio itself should frame them, not compete.
☐ Sufficient whitespace
Dense portfolios feel overwhelming. Give your content room to breathe. Generous margins and padding signal confidence — you don't need to cram everything in.
☐ Image quality is consistent
All screenshots at the same resolution. All mockups with similar lighting and presentation. Inconsistent image quality makes the portfolio feel rushed.
☐ Visual hierarchy is clear
Can someone scan a page and understand the structure in 3 seconds? Headings should look like headings. Body text should look like body text.
☐ No visual clutter
Decorative elements, animations, and graphic treatments should serve a purpose. If removing something wouldn't hurt the portfolio, remove it.
Not sure which fonts to use? Our Font Pairing tool has 20 curated combinations organized by portfolio vibe, or read our font pairings guide for the full breakdown.
Content & Copy
The words on your portfolio matter as much as the visuals. Unclear writing creates friction. Clear writing builds confidence.
☐ Bio is specific, not generic
"Product designer passionate about creating beautiful experiences" tells nobody anything. "Product designer at Stripe, focused on checkout optimization" does.
☐ No typos or grammar errors
Read it aloud. Then have someone else read it. Typos in a portfolio are like typos on a resume — an easy reason to pass.
☐ Writing is concise
Every sentence should earn its spot. If a paragraph doesn't add new information, cut it. Portfolio reviewers are scanning, not studying.
☐ Headlines tell a story
Project titles like "E-commerce Redesign" are forgettable. "Reducing Cart Abandonment by 34% at ShopCo" is a headline that makes someone want to read more.
☐ No jargon without context
If you mention frameworks, methodologies, or tools, make sure the context makes it clear why they mattered. "Used atomic design principles" means nothing without showing the impact.
☐ About page has personality
You're a person, not a resume. A few lines about your interests, your approach, or what gets you excited about design goes a long way.
Technical Quality
These are the things that can silently kill your portfolio without you ever knowing. If your site is slow or broken, some reviewers will just close the tab.
☐ Site loads in under 3 seconds
Run it through PageSpeed Insights. The most common issue is uncompressed images — resize and compress everything before uploading.
☐ No console errors
Open browser DevTools and check for JavaScript errors. They don't affect most visitors, but technical reviewers will notice.
☐ All external links open in new tabs
Links to Figma prototypes, live projects, or LinkedIn should open in new tabs. Don't send people away from your portfolio without a back button.
☐ Images have alt text
Accessibility matters, and it signals attention to detail. Screen readers should be able to describe what's on the page.
☐ HTTPS is enabled
If your portfolio shows "Not Secure" in the browser bar, that's a trust issue. Most hosting platforms handle this automatically.
☐ Favicon is set
The tiny icon in the browser tab. A missing favicon (or a default WordPress one) looks unprofessional. Takes 5 minutes to add.
☐ Social share preview works
Paste your portfolio URL into Slack or LinkedIn. Does it show a nice preview with title and image? Or a blank card? Test it.
Mobile Experience
More than half of initial portfolio reviews happen on mobile — a recruiter checking your link on their phone between meetings, a hiring manager scrolling during their commute. If your portfolio breaks on mobile, you're losing people before they even reach a laptop.
☐ Text is readable without zooming
Body text should be at least 16px on mobile. If someone has to pinch-zoom to read your case study, they probably won't.
☐ Images scale properly
No horizontal scrolling. No images that overflow their containers. Test on an actual phone, not just browser DevTools.
☐ Navigation works on mobile
Can you access every page from a mobile menu? Does the menu actually open and close properly? Touch targets should be at least 44px.
☐ Prototypes and embeds work
Figma embeds, videos, and interactive elements should either work on mobile or degrade gracefully. A broken embed is worse than no embed.
☐ Loading speed on mobile
Test on a throttled connection. Mobile networks are slower than WiFi — those uncompressed PNGs hurt even more.
For a deep dive, our mobile portfolio design guide covers everything from responsive images to touch-friendly navigation.
The Most Common Fails
After reviewing hundreds of portfolios, these are the issues I see most often. They're all fixable in an afternoon.
1. Case studies with no outcomes
The most common and most costly mistake. “I redesigned the dashboard” tells a hiring manager nothing. “I redesigned the dashboard, reducing average task time by 40%” tells them you deliver results. Even qualitative outcomes (“adopted by 3 other product teams”) are better than nothing.
2. Too many projects, not enough depth
Eight shallow case studies are worse than three deep ones. Each project should show problem, process, and outcome clearly. If you can't explain the impact of a project, remove it from your portfolio.
3. Unclear role on team projects
If you worked with a team of 5, what specifically did you do? “I was part of the design team” doesn't help. “I led the user research phase and designed the onboarding flow” does.
4. No about page or generic bio
Hiring managers want to hire a person, not a portfolio. A missing about page or a “passionate designer who loves creating beautiful experiences” bio does nothing. Be specific about what you do, what kind of problems interest you, and what you're looking for.
5. Broken on mobile
You'd be surprised how many design portfolios — from people applying for UX roles — have a terrible mobile experience. Text overflows, images break, navigation is unusable. Test on a real phone before sending any applications.
How to Use This Checklist
Don't try to fix everything at once. Here's the order I'd recommend:
- 1Fix broken things first. Dead links, broken images, mobile issues. These are the easiest to fix and the most damaging if left.
- 2Add outcomes to case studies. Go through each project and add at least one measurable outcome. This single change has the highest impact on your chances of getting an interview.
- 3Clarify your intro and about page. Make sure someone can understand who you are and what you do within the first 6 seconds.
- 4Polish the visual details. Typography, whitespace, image quality. These refinements compound — the portfolio starts to feel intentional and professional.
- 5Get outside feedback. You've done what you can see. Now you need fresh eyes. Get a critique or ask a trusted colleague to walk through the checklist for you.
Want to work through this interactively? Our portfolio checklist tool has 50+ items you can check off, with your progress tracked as you go. No signup needed.
Everything You Need to Know
Quick answers to help you get started
