UI/UX design · Portfolio guide

UX portfolio examples:
30 patterns that stand out

UX portfolios that stand out lead with two or three strong case studies, each opening with a one-line problem and outcome, then showing research, decisions, trade-offs and results. They use real constraints, show messy process artefacts alongside polished screens, quantify impact where possible, and are easy to skim in under a minute. The homepage states who you are and what you design in one sentence. Quality and clarity beat volume every time.

By , FounderUpdated 4 min read

Share

Quick answer: What makes a good UX portfolio?

  1. Homepage — one sentence on who you are and what you design.
  2. 2–3 case studies — depth over volume.
  3. Lead with outcome — problem and result in the first lines.
  4. Show decisions — trade-offs and why, not just screens.
  5. Skimmable — headings, captions and a 60-second path.

Key takeaways

  • Hiring managers often skim first; design for the skim, reward the deep read.
  • Process without decisions is just a list of activities.
  • Real constraints and results make a case study credible.
  • Messy artefacts — sketches, sticky notes, failed ideas — prove authenticity.
  • Tailor which case study leads for each application.

A hiring manager may look at a lot of portfolios in a week. Many are beautiful. Fewer are memorable. The ones that lead to interviews have something in common: within a minute, you understand who this designer is, what problems they solve and how they think. Here are thirty patterns that create that minute — grouped by part of the portfolio.

What makes a good UX portfolio? At a glance: Homepage; 2–3 case studies; Lead with outcome; Show decisions; Skimmable.
At a glance: What makes a good UX portfolio?

The homepage (1–6)

  1. A one-sentence positioning line — "Product designer making fintech simple for first-time users in India."
  2. Two or three featured case studies with outcome-led titles: "Cutting KYC drop-off by a third", not "Bank app".
  3. A strong thumbnail per project showing the key screen in context.
  4. Your role and timeframe visible on each card.
  5. No skills bars or tool logos as decoration — show skills through work.
  6. Fast and mobile-friendly — many first looks happen on a phone.

Case study structure (7–14)

  1. TL;DR at the top — problem, role, outcome, in three lines.
  2. The real problem, with evidence — data, quotes, support tickets.
  3. Constraints — time, tech, business, team.
  4. Research that changed your mind — not just "I did interviews".
  5. Options considered — at least two directions and why one won.
  6. Decisions and trade-offs, stated plainly.
  7. Testing and iteration — what failed, what you changed.
  8. Outcome and learning — results and what you'd do differently.

See the full UX case study template.

Visuals (15–21)

  1. Before and after comparisons of key flows.
  2. Annotated screens explaining specific decisions.
  3. Messy artefacts — sketches, whiteboards, sticky notes — for authenticity.
  4. Flow diagrams that show the journey, not just screens.
  5. Device mockups used sparingly — the design matters more than the frame.
  6. Consistent visual system across the portfolio itself.
  7. Accessible portfolio — readable contrast and alt text2.

Writing (22–26)

  1. Short paragraphs and clear headings for skimming.
  2. "I" and "we" used precisely — credit the team, own your part.
  3. Plain language over jargon.
  4. Captions on every image that say what to notice.
  5. Honesty about limits — what you couldn't test or measure.

Proof and personality (27–30)

  1. Numbers where honest — conversion, task success, time saved.
  2. Quotes from users or stakeholders about the change.
  3. A short "about" with your path and what you care about.
  4. A clear next step — email, LinkedIn, résumé link.

Common mistakes

Common mistakes: Too many projects; Dribbble-only work; Process theatre; Walls of text.
Common mistakes

Too many projects

Ten thin projects suggest you didn't go deep on any.

Dribbble-only work

Pretty shots without problems or users don't show UX thinking.

Process theatre

Listing every method without saying what you learned or decided.

Walls of text

If it takes ten minutes to understand, it won't be read.

Ground your research choices in the right methods1, and remember UX covers the whole experience, not just screens3. A strong portfolio is the biggest lever on designer pay.

Key terms, defined

Case study — a portfolio story of a project. TL;DR — a short summary at the top. Artefact — a work output such as a sketch or flow. Outcome — a measurable result of the design work.

Frequently asked questions

How many projects should a UX portfolio have?

Two or three strong, in-depth case studies are usually better than many shallow ones. Add a few smaller explorations only if they show a distinct skill.

What should a UX case study include?

The problem, your role and constraints, research and insights, options considered, key decisions and trade-offs, the final design, testing and outcomes, and what you learned.

Should I put unsolicited redesigns in my portfolio?

Sparingly. Redesigns of famous apps lack real constraints and data. If you include one, frame it honestly as an exploration and show research with real users.

Where should I host my UX portfolio?

A simple personal website is best; Notion, Framer or similar tools work well. Make sure it loads fast on mobile and case studies are easy to navigate.

How do I show impact without metrics?

Use usability test results, task success rates, qualitative feedback, stakeholder outcomes, or what changed in the product. Be honest about what you could and couldn't measure.

How do I handle NDA projects?

Describe the problem and process at a high level, blur or recreate sensitive screens, focus on decisions and outcomes, or offer to walk through details in interviews.

Sources

  1. Nielsen Norman Group — When to use which user-experience research methods
  2. W3C — Web Content Accessibility Guidelines (WCAG) overview
  3. Nielsen Norman Group — The definition of user experience (UX)
  4. Checked October 23, 2026. Figures that change — fees, salaries, prices — are reviewed every six months; if something is out of date, tell us.
Pass it on

Know someone who'd enjoy this?

Send it to them — one tap, no sign-up. Good ideas travel best between friends.

Keep exploring

Where to go from here

Join free

Get the ideas, not the noise.

Sign up with Google and we’ll send you short UX psychology tips by email — why people tap, stall and leave, and what to do about it. Unsubscribe anytime. Prefer something to keep? Get the free Laws of UX guide as a PDF.

Get the free Laws of UX PDFFree · no spam · unsubscribe anytime
Behavioral UX

See your product through your users' eyes.

A behavioral UX audit of your app or SaaS product: why users hesitate, stall and leave, and a prioritized fix list. Fixed price, 2–4 weeks.

Free certification

Turn what you know into a credential.

Free, test-based UX, UI and product certifications. Answer real product scenarios, graded on our server, and earn a founder-signed certificate anyone can verify and you can add to LinkedIn.

  • Credential ID
  • QR verification
  • LinkedIn-ready
Free PDF · 74 pages · 2 editions

The Laws of UX, in one field guide

60 research-backed principles in 6 categories — what each one means, why it works on the human brain and how to use it on your own screens. Written by Sushant Singh, founder of Science of Apps, who has scaled consumer apps to lacs of users and spent 10+ years leading product across startups and digital businesses in the US, EU & India.

Pick your edition
Free. No card, no paywall — just your email.
Free PDF · 74 pages

Get Laws of UX by email

Choose your edition

You’ll also get occasional UX psychology tips. Unsubscribe anytime. Privacy policy

Free PDF · 90 pages · 2 editions

100+ Subscription Paywalls, decoded

110 real paywalls from top apps, taken apart, rated out of 5 and decoded with the Laws of UX — plus the frameworks, copy and checklists to ship your own. By Sushant Singh, founder of Science of Apps.

  • 110 paywalls rated
  • 34 Laws of UX
  • 12 frameworks

Which paywall scored 4.8 out of 5, and which scored 2.6? It’s all inside.

Pick your edition
Free. No card, no paywall — just your email.
Free PDF · 90 pages

Get 100+ Paywalls, Decoded by email

Choose your edition

You’ll also get occasional UX psychology tips. Unsubscribe anytime. Privacy policy