How to Build a UX Portfolio in 2026 (Land Your First Design Job)

What Hiring Managers Look For

1. Process — how you think, not just final designs.
2. Outcomes — measurable impact (conversion, engagement).
3. Communication — clear writing.
4. Constraints — what you couldn't do + why.
5. Range — different problems / industries.
6. Craft — high-quality visuals.

Portfolio Anatomy

Homepage

• Hero: name + role + value prop.
• Featured 3-5 case studies (image + title + tag).
• Brief about / link to about page.
• Contact link / email / Calendly.

About Page

• Your story (2-3 paragraphs).
• Skills + tools.
• Companies you've worked for / clients.
• Personal touch (hobbies, interests).
• Photo of you.

Case Study Page (3-5 of these)

1. Hero — project name + thumbnail.
2. Overview — role, timeline, team, tools.
3. Problem — what you were solving + why it mattered.
4. Research — how you understood users (interviews, surveys, competitor analysis).
5. Process — sketches, wireframes, iterations.
6. Solution — final designs (screens, prototypes).
7. Outcomes — metrics, learnings, what shipped.
8. Reflection — what you'd do differently.

Contact Page

• Email + Calendly + LinkedIn.
• Optional: form for inquiries.

How to Pick Case Studies

Choose 3-5 That Show...

• Range — different industries, problem types.
• Impact — measurable outcomes.
• Depth — shows full process.
• Recent work (last 2-3 years).
• Problem-solving over pure visuals.

What to Avoid

• 20+ shallow projects.
• Only redesigns of existing apps without research.
• Just final screens, no process.
• Missing context (what / why / who).

Writing Strong Case Studies

Tell a Story

• Start with tension: "Users abandoned checkout at 65%."
• Show the journey: research → ideation → design → test → ship.
• Resolve with outcomes: "Cart abandonment dropped to 42%."

Show Process Artifacts

• User interview quotes.
• Sketches + early wireframes.
• Iteration screenshots.
• A/B test screenshots / data.
• Final design.
• Prototype link.

Highlight Decisions

• Why this layout (vs alternatives)?
• Why this copy?
• Why this interaction?
• Tradeoffs you made.

Quantify Impact

• "Cart abandonment dropped 23%."
• "Onboarding completion +35%."
• "Time-on-task reduced from 4 min to 2 min."
• If no metrics: qualitative ("Users reported clearer flow in user testing").

Hosting Options

Platform	Pros	Cons
Webflow	Custom design, CMS	Learning curve, $14+/mo
Framer	Fast, animations	Newer ecosystem
Notion	Free, fast to build	Less unique, generic feel
Squarespace / Wix	Easy templates	Less designer-credible
Custom (Next.js)	Full control	Dev time
Cargo / Semplice	Designer-focused templates	Less flexible

Best for designers: Webflow or Framer for credibility. Notion for fast MVP.

Common Mistakes

• Pure visuals only — no process = junior signal.
• Too many case studies — 3-5 deep beats 15 shallow.
• No metrics — show impact whenever possible.
• Generic copy — "I'm a designer who loves design."
• Slow site — designer site that's slow signals lack of craft.
• Outdated work — recent only.
• Hidden contact info — make it easy to reach you.

Top Designer Portfolios (Inspiration)

• brittanychiang.com — minimal, content-focused.
• jhey.dev — playful, animated.
• onuratakan.dev — clean case studies.
• linear.app/method — corporate inspiration.
• read.cv — designer resume builder.

Behance / Dribbble — Use Wisely

Behance

• Owned by Adobe, project-focused.
• Good for case study companion / discovery.
• Don't replace your own portfolio site.

Dribbble

• Shot-focused (single screen).
• Good for visibility + discovery.
• Not enough depth for full portfolio.
• Pair with own site.

Beyond the Portfolio

LinkedIn

• Recruiters search here.
• Optimize headline + about.
• Link to portfolio prominently.

Read.cv

• Designer-friendly resume builder.
• Modern alternative to LinkedIn.

Twitter / X

• Build in public.
• Share work + process.
• Network with other designers.

Newsletter / Blog

• Long-form thinking pieces.
• Builds authority over time.
• Substack, Beehiiv, ConvertKit.

Frequently Asked Questions