A UX portfolio is judged on thinking, not just visuals. Pretty screens get scrolled past; case studies that show how you framed a problem and drove an outcome get interviews. Hiring managers are evaluating your judgment, and the only way to show judgment is to narrate your decisions. Pair this with How to Build a Professional Portfolio and the full template in How to Write a Portfolio Case Study.

The Case Study Structure That Works

Every case study should follow this arc:

Context → Problem → Research → Process → Solution → Outcome

Crucially, show the messy middle: sketches, alternative directions, user flows, things that failed, and why you chose what you chose. The decisions are the content.

Include Real Metrics

Outcomes turn a designer from "makes nice screens" into "moves the business."

  • Task completion rate improvement
  • Conversion or click-through changes
  • Usability test scores before/after
  • Support tickets reduced
  • NPS or retention gains

If results are under NDA, describe the impact without the sensitive specifics — see how marketers handle this in Marketing Portfolio Guide.

Curate, Do Not Dump

Three to five strong case studies beat ten thin ones. Lead with your best, include at least one research-driven study, and cut anything that does not show process.

Platforms

  • A custom site (Framer, Webflow) for full narrative control
  • Behance / Dribbble for reach and discovery
  • Keep it fast and mobile-friendly — see How to Host Your Portfolio for Free

Write a Strong About + Contact

Your Portfolio About Me Section should establish your design philosophy in three sentences, and your Portfolio Contact Section should make hiring you effortless.

Keep Your Resume and Portfolio in Sync

Your resume, your LinkedIn, and your portfolio should tell the same story — same name, same headline, same top projects — just at different levels of depth. A recruiter who sees a 'Full Stack Developer' resume and a portfolio headlined 'Aspiring Designer' gets confused, and confusion loses interviews. Lock the resume down first with the ATS score checker and an ATS-friendly template, then mirror that exact positioning in your portfolio. When they reinforce each other, every recruiter touchpoint pushes you forward. See How to Add Your Portfolio Link to Your Resume for placing the link correctly.

Common Mistakes

  • Screenshots with no problem statement or process
  • No outcomes or metrics
  • Burying your best work
  • Walls of text — see Portfolio Mistakes to Avoid

Pro Tips

  • Open each case study with the headline outcome.
  • Add a 30-second summary at the top for skimmers, details below for deep readers.
  • Generate your portfolio shell from your resume with the portfolio builder and drop your case studies in.

Frequently Asked Questions

How many case studies do I need?

Three to five. Depth and process beat volume. One should be research-led.

I am junior with no client work — what do I show?

Realistic self-initiated briefs and a redesign with documented process. See Build a Portfolio With No Experience and What to Put in Your Portfolio With No Projects.

How do I align my resume?

Mirror your specialty in the UX Designer Resume guide and quantify with How to Quantify Resume Achievements.

Build Your Portfolio Now

You do not need to code a site from scratch or spend a weekend wrestling with a website builder. Turn your existing resume into a live, shareable portfolio website in minutes with the TailorCV portfolio builder — choose a template, upload your CV, tweak the details, and publish a link you can drop straight onto your resume and LinkedIn. Before you start applying, run your resume through the free ATS score checker and switch to an ATS-friendly template so your portfolio and resume tell one clean, consistent story to every recruiter.