Research-Based Benchmark Framework

Your portfolio
deserves a
real standard.

This toolkit translates extensive academic research, primary survey data, and industry hiring evidence into practical tools that help you evaluate, improve, and communicate your professional value as a UX designer.

Sample portfolio score
70
Strong Foundation
70 / 100 overall
Narrative Clarity
85%
Process Transparency
62%
Strategic Framing
55%
Impact Demonstration
40%
Prof. Positioning
78%
Portfolio Usability
70%
Priority fix: Impact Demonstration
Add at least one quantified outcome per case study — conversion rate, task success, or retention change.
Narrative Clarity
Process Transparency
Strategic Framing
Impact Demonstration
Professional Positioning
Portfolio Usability & Craft
Research-Based Framework
Early-Career UX Designers
Narrative Clarity
Process Transparency
Strategic Framing
Impact Demonstration
Professional Positioning
Portfolio Usability & Craft
Research-Based Framework
Early-Career UX Designers
The Problem

Portfolios built on guesswork,
not evidence.

Most early-career UX and product designers build portfolios based on informal trends, copied templates, and subjective peer advice. The result is a hiring market saturated with visually polished but structurally weak portfolios.

Designer Needs Assessment · 2025

Most designers knew something was wrong with their portfolio but couldn’t identify what

Existing portfolio advice is fragmented, inconsistent, and not grounded in how portfolios are actually evaluated

No research-backed framework currently exists that designers can use to evaluate their own work against hiring standards

No shared
benchmark
exists today
No research-backed framework currently defines what makes a UX portfolio effective across the North American hiring market.
2033
Labour surplus
Canada’s Job Bank identifies UX design as facing strong surplus risk — making portfolio differentiation critical.
Fragmented advice
Existing portfolio guidance is scattered across blogs, bootcamp checklists, and social media — inconsistent, unvalidated, and not empirically grounded.
From the Designer Needs Assessment

What early-career designers said

“

I know my portfolio isn’t strong enough but I don’t have a clear way to figure out what’s actually wrong with it.

Early-career UX designer, 1 year experience
“

I’ve rewritten my case studies three times based on different advice I found online. None of it was consistent.

Product designer, bootcamp graduate
“

Nobody told me impact metrics mattered until I started getting feedback from hiring managers. By then I’d already missed the outcome data.

UX designer, 2 years experience
How It Works

Research-informed,
designer-ready.

Step 01

Understand the benchmark

Read the research-based framework — a document synthesizing academic literature, industry evidence, and practitioner research into six evidence-grounded dimensions of effective portfolio communication.

Step 02

Evaluate your portfolio

Use the interactive scorecard to rate your portfolio across all six dimensions. Get an immediate score with per-dimension feedback and specific, actionable next steps.

Step 03

See it in practice

Review the comparative portfolio audit — real UX portfolios evaluated against the benchmark — to see what strong and weak portfolios look like side by side.

The Framework

Six dimensions.
One complete standard.

Each dimension addresses a distinct failure mode identified across the literature. Together they define what a high-performing portfolio must demonstrate.

Dimension 01

Narrative Clarity

Does your portfolio tell a clear, coherent story that communicates who you are and the value you bring — within seconds of a recruiter arriving?

01
Dimension 02

Process Transparency

Can a recruiter see how you think and make decisions — or does your portfolio only show polished final outputs?

Dimension 03

Strategic Framing

Does your portfolio demonstrate that you understand UX as a strategic discipline — not just a craft that produces screens?

Dimension 04

Impact Demonstration

Does your work show measurable outcomes — or does it end at delivery without demonstrating what changed?

04
Dimension 05

Professional Positioning

Does your portfolio communicate a clear professional position — or does it blend in with every other portfolio?

Dimension 06

Portfolio Usability

Is your portfolio itself well-designed — easy to navigate, quick to scan, and built for a recruiter spending only minutes on your work?

The Toolkit

Everything in one place.

Six interconnected artifacts that move from research through framework to practical application. Each serves a distinct purpose — together they form a complete system.

Deliverable 02

Benchmark Framework

The research-based document defining the six dimensions of effective portfolio communication — the intellectual foundation of the entire toolkit.

Deliverable 03

Self-Evaluation Scorecard

An interactive tool that lets you evaluate your portfolio against the six dimensions and receive an immediate per-dimension score with actionable guidance.

Deliverable 04

Comparative Portfolio Audit

Real UX portfolios evaluated against the benchmark framework — showing what strong and weak portfolios look like in practice, side by side.

Deliverables 01 + 06

Research + Video Resources

Designer Needs Assessment survey findings, the video podcast presenting the full research and framework, and the infographic series for quick reference.

Research Foundation

Built on evidence,
not opinion.

This toolkit synthesizes academic literature, industry reports, and primary practitioner research into a structured, evaluable standard — grounded in the North American hiring context but applicable to UX and product design portfolios across industries and regions.

Sources & references
Khan et al. (2020)
Barnes et al. (2022)
Krause / NNG (2019)
Sunwall / NNG (2022)
Yang & Wong (2024)
Shukla et al. (2024)
Watkins et al. (2020)
Kong (2024)
Easterday et al. (2018)
Canada Job Bank
The Difference It Makes

Same designer. Different framing.

× Before
Seampay
Product DesignStrategy
A simple payment app that provides financial services like funds transfer and bill payments.
Live
A recruiter sees: a product description, a status label, and no indication of what you designed, why, or what happened.
✓ After
Seampay — Bill Payment Redesign
0→1 mobile UXFintech
Redesigned the bill payment flow to reduce drop-off for users without traditional bank accounts. 500+ successful transactions in the first month post-launch.
↑ 500+ transactions · Month 1
A recruiter sees: the problem, the user, the scope, and a real outcome. Same project — completely different signal.
Ready to find out?

Ready to know where
you actually stand?

The scorecard takes seven minutes. The feedback is immediate. The improvement is yours to make.

UX Portfolio Benchmark Framework: A Research-Based Standard for Early-Career Portfolio Communication

This document synthesizes academic literature, industry guidance, and primary practitioner research into six evidence-grounded dimensions that define what effective portfolio communication requires — and why most early-career portfolios fall short of it.

15–20 min read 13 sources cited , 2026
Executive Summary

Early-career UX and product designers are expected to communicate their professional value through portfolios before they are given a clear standard for what effective portfolio communication should look like. Existing guidance is often fragmented, informal, and inconsistently aligned with how portfolios are actually evaluated. The result is not simply a skills gap, but an infrastructure gap: designers are asked to demonstrate strategic thinking, process, and impact without access to a coherent framework that defines what strong portfolio communication entails.

The UX Portfolio Benchmark Framework was developed to address this gap. It synthesizes insights from academic literature, industry guidance, a Designer Needs Assessment, and a comparative analysis of publicly available portfolios to identify the characteristics most consistently associated with effective portfolio communication. The framework organizes these insights into six distinct dimensions: Narrative Clarity, Process Transparency, Strategic Framing, Impact Demonstration, Professional Positioning and Credibility, and Portfolio Usability and Visual Craft. Together, they describe how strong portfolios communicate not only what was designed, but how decisions were made and what value the work created.

Section 1

Purpose and Scope

This framework was developed in response to a specific and documented problem: early-career UX and product designers lack access to clear, structured criteria for evaluating whether their portfolios effectively communicate professional value. Without that standard, many designers build portfolios based on informal guidance, peer examples, and individual intuition — approaches that do not consistently reflect how portfolios are assessed by recruiters and hiring managers (Kong, 2024; Krause, 2019). This gap was further confirmed through the Designer Needs Assessment, in which most respondents reported building their portfolios without structured guidance and expressed uncertainty about what evaluators actually prioritize.

The framework is intended for students, recent graduates, career changers, and junior designers preparing portfolios for internships, full-time roles, freelance opportunities, or graduate applications. It is not a style guide or prescriptive template. Instead, it defines what effective portfolio communication achieves and provides criteria for evaluating whether a portfolio is achieving it.

Scope

Communication effectiveness — not aesthetic quality

The scope focuses on how well a portfolio conveys professional value to an evaluator, rather than aesthetic quality, platform choice, or technical execution. Those factors are acknowledged within the Portfolio Usability and Visual Craft dimension, but they are not the primary concern. The central question is whether a recruiter or client can understand who the designer is, how they think, what they contributed, and what value their work created.

The framework does not replace mentorship, feedback, or professional development. It provides a structured reference point that makes evaluator criteria visible and actionable, filling the gap between what designers believe their portfolios should communicate and what the evidence suggests evaluators actually look for.

Section 2

Research Approach

The framework is grounded in three categories of evidence: academic and industry literature, primary research conducted through the Designer Needs Assessment, and comparative analysis of publicly available UX portfolios. Combining these sources made it possible to balance theory, professional practice, and direct evidence from the designers the framework is intended to support.

The literature review drew on research in UX practice, design education, portfolio development, and professional identity formation. Key themes included the difficulty of making design reasoning visible to external evaluators (Khan et al., 2020), the role of portfolio literacy in professional identity and employability (Barnes et al., 2022), and the absence of structured guidance for early-career designers navigating portfolio development (Kong, 2024). Industry guidance from the Nielsen Norman Group and the Interaction Design Foundation supplemented this with practical insight into the criteria recruiters and hiring managers commonly apply when reviewing portfolios (Interaction Design Foundation, 2022; Krause, 2019).

The Designer Needs Assessment provided primary data from the target population. It captured how early-career designers build portfolios, what they find most difficult to communicate, how they interpret recruiter expectations, and where existing guidance falls short. These findings helped validate whether the challenges identified in the literature were also reflected in practice, ensuring the framework addresses confirmed rather than assumed designer needs.

The comparative portfolio audit provided a third layer of evidence. Five publicly accessible UX portfolios were reviewed against the framework dimensions, producing qualitative observations and scored assessments across all six dimensions. The audit confirmed patterns identified in the literature and survey — particularly the consistent weakness of Impact Demonstration — and contributed three additional sub-criteria: visual craft and interaction quality, project variety and contextual range, and the distinction between real client work and self-initiated projects.

Together, these sources form the evidential foundation of the framework. No dimension was included on the basis of a single source alone; each was retained because it emerged consistently across the literature, primary research, and portfolio analysis.

Section 3

What the Research Reveals

The literature, Designer Needs Assessment, and primary research point to a consistent conclusion: the challenges early-career designers face are not random or evenly distributed. They cluster around a small number of recurring failure modes that appear across experience levels, portfolio tools, and design specializations.

Finding 1

Impact is the most consistently undercommunicated element

Designers often struggle to communicate what their work produced — not just what was designed, but what changed as a result. This difficulty is structural: design outcomes are frequently diffuse, delayed, and difficult to attribute to a single contributor (Khan et al., 2020). The Designer Needs Assessment confirmed this directly — communicating impact and outcomes was consistently identified as one of the two hardest aspects of portfolio communication across respondents.

Finding 2

Process reasoning is rarely made visible

Designers tend to show what they made rather than how they arrived at decisions. This gap between output and reasoning is well documented in the literature (Shukla et al., 2024) and reflected in the survey, where communicating design thinking and problem-solving process emerged as the most frequently cited challenge overall.

Finding 3

Professional positioning is underdeveloped

Early-career designers often struggle to construct a differentiated professional narrative (Barnes et al., 2022). Research on design graduate employability finds that portfolios are most effective when projects substantiate the designer's identity, range, and strengths — yet many designers present work without connecting it to a coherent professional identity.

Finding 4

Visual and interactive quality signal competence before content is read

Industry guidance confirms that evaluators form early judgments about candidate fit while skimming, making visual hierarchy, clarity, and overall craft primary filters before any case study is opened (Interaction Design Foundation, 2022; Krause, 2019). A portfolio's visual presentation communicates design competency before an evaluator reads a single word.

Finding 5

A perception gap exists between designers and evaluators

Many survey respondents were uncertain about what recruiters actually evaluate, and some assumptions conflicted with the broader evidence base. This points to a deeper issue: the absence of a shared standard for effective portfolio communication.

Together, these findings informed the six dimensions of the UX Portfolio Benchmark Framework. Each dimension addresses a recurring failure mode identified across the literature, primary research, and comparative analysis.

Section 4

The Six Dimensions of Effective Portfolio Communication

The following six dimensions define what an effective UX portfolio must communicate. They are equally weighted because they are interdependent — a portfolio that excels in five dimensions while failing in one still fails to communicate professional value completely. Each dimension corresponds to a specific, documented failure mode in how early-career portfolios are built and a specific, documented need identified by evaluators and practitioners in the research base.

Dimension 1Narrative Clarity

What it measures: How quickly and clearly a portfolio communicates who the designer is, what they do, and why their work matters before an evaluator opens a single case study.

Core questionCan an evaluator understand who this designer is and what value they offer within the first moments of viewing the portfolio?

Why it matters: Research on design graduate employability suggests that the ability to construct a coherent professional identity through a portfolio is not instinctive; it requires deliberate development. Barnes et al. (2022) found that portfolios were most effective when projects substantiated the graduate's identity, range, and strengths rather than simply presenting finished work. They describe this capability as portfolio literacy — the ability to use a portfolio strategically to communicate professional value.

Industry guidance reinforces the importance of this capability in hiring contexts. The Interaction Design Foundation notes that recruiters often make early judgments about candidate fit while skimming a portfolio and emphasizes that portfolios should communicate clearly and persuasively. Nielsen Norman Group's research with more than 200 UX hiring managers similarly found that portfolios are evaluated as coherent stories that help reviewers understand who the designer is, the problems they solve, and the value they create (Krause, 2019).

Indicators of strong performance: Immediate visibility of the designer's role and professional focus; project framing that emphasizes the problem being addressed rather than deliverables alone; concise and scannable communication; and a consistent tone, voice, and visual language throughout the portfolio.

Recurring weaknesses: Weaker portfolios frequently relied on generic positioning statements, unclear specialization, and project titles that described outputs without explaining their significance. In these cases, evaluators were required to infer context, contribution, and relevance independently. Barnes et al. (2022) identify this pattern as a limitation in portfolio literacy, where work is presented without a clear connection to professional identity and value.

Evidence base
Barnes et al. (2022) · Krause/NNG (2019) · Kong (2024) · Interaction Design Foundation (2022)
Dimension 2Process Transparency

What it measures: How clearly a portfolio communicates how design decisions were made — not just what the final outcome was, but the thinking, reasoning, and judgment that led to it.

Core questionCan an evaluator understand not only what was designed, but how the designer arrived at their decisions?

Why it matters: The gap between design output and design reasoning is one of the most consistently documented challenges in portfolio communication. Research on design practice suggests that the value of design lies not only in the artefacts it produces, but in the reasoning and judgment embedded in the process — reasoning that is rarely visible to external evaluators (Khan et al., 2020). This challenge is structural: design outcomes are typically the only elements that survive the process in a form that can be shared, while the decisions, trade-offs, constraints, and iterations that shaped those outcomes remain largely invisible.

In Nielsen Norman Group's survey of more than 200 UX hiring managers, one of the most consistent requests was to see the reasoning behind design decisions rather than only the polished result. As one hiring manager stated: "Don't just show me the finished product. I want to see the messy process and all the work and research that was put in to land on that shiny polished design." (Krause, 2019). The Interaction Design Foundation similarly notes that effective case studies should reinforce each "what" with a corresponding "how" and "why" (Interaction Design Foundation, 2022). The Designer Needs Assessment confirmed this pattern — communicating design thinking and problem-solving process emerged as one of the two hardest aspects of portfolio communication.

Indicators of strong performance: Explicit articulation of the problem being solved before any solution is shown; documentation of research methods, key findings, and how those findings informed decisions; evidence of iteration, showing what changed and why; discussion of constraints, trade-offs, and decisions that were intentionally excluded; and clear distinction between the designer's individual contribution and broader team outputs.

Recurring weaknesses: Weaker portfolios often showed work without reasoning. Research was presented as a checklist of activities rather than a source of decisions, and final screens were shown without a visible path from problem to solution. Nielsen Norman Group's survey of 676 UX professionals found that portfolio evaluation became most contentious when hiring managers could not determine a candidate's process or individual contribution on team projects (Sunwall, 2022). When process reasoning is absent, evaluators can see the outcome but have limited evidence of the thinking and judgment that produced it.

Evidence base
Khan et al. (2020) · Krause/NNG (2019) · Sunwall/NNG (2022) · Interaction Design Foundation (2022)
Dimension 3Strategic Framing

What it measures: How effectively a portfolio connects design work to the broader context in which it was created, including organizational goals, user needs, business constraints, and the problem the work was intended to solve.

Core questionCan an evaluator understand not only what was designed and how, but why it mattered — and to whom?

Why it matters: Design work does not exist in isolation. It is produced in response to organizational problems, business priorities, and user needs that extend beyond the screen. A portfolio that presents work without this context asks evaluators to assess design decisions without the framework that made those decisions meaningful. Research on design practice confirms that communicating design value in organizational settings is one of the most persistent challenges practitioners face — not because designers lack strategic thinking, but because the conditions that made design decisions necessary are rarely documented in a form that survives into portfolio presentation (Khan et al., 2020).

This challenge becomes more pronounced when portfolios are reviewed by non-design stakeholders. Shukla et al. (2024) found that communicating design rationale to stakeholders with different priorities is one of the most frequently reported communication challenges in UX practice. Portfolios that fail to frame work strategically replicate this same problem. Industry guidance reinforces this expectation — Nielsen Norman Group's research with UX hiring managers found that portfolios are evaluated not only for design execution, but for evidence that the designer can create value for users and organizations (Krause, 2019). Together, these findings suggest that strategic framing is what distinguishes designers who can execute design tasks from those who can exercise judgment within real organizational settings.

Indicators of strong performance: Clear articulation of the organizational or business problem before any solution is introduced; explicit connection between user insights and the strategic direction of the work; acknowledgment of technical, organizational, budget, or timeline constraints; evidence that the designer understood the project from a product or business perspective; and framing of outcomes in terms that matter to non-design evaluators.

Recurring weaknesses: Weaker portfolios frequently opened with deliverables rather than problems, describing what was built without establishing why it needed to exist. Watkins et al. (2020) describe a related tension in UX practice between a designer's stated philosophy and how that philosophy is enacted under organizational constraints. Portfolios that omit strategic context often reflect this same gap, presenting an idealized account of the design process while obscuring the real conditions that shaped decision-making.

Evidence base
Khan et al. (2020) · Shukla et al. (2024) · Watkins et al. (2020) · Krause/NNG (2019) · Interaction Design Foundation (2022)
Dimension 4Impact Demonstration

What it measures: How clearly a portfolio communicates what the design work produced: the observable or measurable changes in user behaviour, business outcomes, product performance, stakeholder decisions, or project direction that resulted from the design.

Core questionAfter reviewing this portfolio, does an evaluator have credible evidence of what changed because of this designer's work — not just what was designed?

Why it matters: The challenge of demonstrating impact is structural rather than incidental. Design outcomes are often diffuse, delayed, and difficult to attribute to a single contributor or decision (Khan et al., 2020). A designer may have made a meaningful contribution to a successful product, yet if outcomes were tracked at the team or organizational level, little individually attributable evidence may survive into portfolio presentation. This makes impact one of the hardest aspects of portfolio communication — not because the work lacked value, but because professional practice rarely produces clean, individual attribution.

Industry guidance reinforces that portfolios should connect design work to value rather than stop at deliverables. Nielsen Norman Group's guidance emphasizes that case studies should begin with a problem and show the work behind the solution, including the reasoning and evidence that shaped the outcome (Krause, 2019). The Interaction Design Foundation similarly frames UX case studies as narratives that should explain the problem, process, solution, and results (Interaction Design Foundation, 2022). The Designer Needs Assessment confirmed this challenge — communicating impact and outcomes emerged as one of the most frequently cited difficulties, consistently appearing alongside process transparency as a major portfolio communication gap.

A note on the absence of metrics

Impact Demonstration does not require quantitative data. Qualitative evidence — user feedback, stakeholder adoption, reduced support issues, usability improvements, implementation decisions, or follow-on work — can also demonstrate design value. When formal metrics are unavailable, honest framing is more persuasive than unsupported claims or omitting outcomes entirely.

Indicators of strong performance: A clear explanation of what changed after the work was completed or implemented; quantitative or qualitative evidence supporting outcome claims; a distinction between observed outcomes, assumptions, and intended goals; acknowledgement of what was not measured and why; realistic articulation of the designer's contribution to broader team or organizational outcomes; and appropriate framing of speculative or self-initiated projects.

Recurring weaknesses: Weaker impact communication appears when portfolios end at the point of delivery — showing final screens, prototypes, or design system components without explaining what happened afterward. Other weaknesses include unsupported claims such as "improved user experience," vague references to "business impact," or outcomes attributed to the designer without clarifying team involvement or evidential limits. Khan et al. (2020) identify the root of this challenge in design practice itself: design value is often negotiated and distributed across many actors, making attribution genuinely difficult rather than simply undocumented. Stronger portfolios do not pretend this complexity does not exist.

Evidence base
Khan et al. (2020) · Krause/NNG (2019) · Interaction Design Foundation (2022) · Designer Needs Assessment, 2026
Dimension 5Professional Positioning & Credibility

What it measures: How effectively a portfolio communicates who the designer is as a professional — not just what they have done, but what kind of designer they are, what problems they are equipped to solve, and why an evaluator should trust their work.

Core questionAfter reviewing this portfolio, does an evaluator have a clear and differentiated sense of who this designer is, what they bring, and why their work is credible?

Why it matters: Early-career designers frequently enter a competitive labour market with similar technical skills, educational backgrounds, and tool proficiencies. In this context, professional identity becomes a primary differentiator — and constructing that identity through a portfolio is not instinctive. Barnes et al. (2022) found that design graduates often lack what they term portfolio literacy: the ability to strategically curate and present work in ways that communicate professional identity, range, and value rather than simply displaying finished projects. This gap is compounded by the absence of structured guidance, which Kong (2024) identifies as a key barrier to effective portfolio development among early-career UX designers.

Credibility operates alongside identity as a distinct evaluative concern. NNG's survey of 676 UX professionals found that portfolio evaluation was most contentious when evaluators could not determine a candidate's specific contributions or individual role — suggesting that credibility is tied directly to transparency about what the designer actually did (Sunwall, 2022). The Designer Needs Assessment confirmed that constructing a differentiated professional identity is among the most frequently cited challenges for early-career designers.

Professional credibility is not communicated through case studies alone. Industry analysis identifies several additional signals that meaningfully affect how evaluators assess a designer's professional standing: testimonials from named clients, managers, or collaborators; community contributions such as writing, speaking, or mentoring; industry recognition or publication; and the presence of real client work alongside self-initiated projects. Contributions to the design community beyond client work signal leadership and thought partnership (Interaction Design Foundation, 2022).

Indicators of strong performance: A clearly articulated professional identity that communicates what kind of designer this person is and what problems they solve; honest and specific attribution of the designer's individual role and contribution in each project; evidence of professional engagement beyond client work; project selection that demonstrates intentional curation rather than an exhaustive archive; appropriate framing of self-initiated or speculative projects; and testimonials or third-party validation where available.

Recurring weaknesses: Weaker professional positioning appears when portfolios present a generic professional identity — descriptions that could apply to any designer — without articulating a specific area of focus, a distinctive approach, or a clear sense of professional direction. Barnes et al. (2022) identify this as a portfolio literacy problem: designers who have not developed the capacity to use their portfolio strategically tend to present work as evidence of activity rather than evidence of professional identity and value. The result is a portfolio that communicates effort but not distinction.

Evidence base
Barnes et al. (2022) · Kong (2024) · Sunwall/NNG (2022) · Interaction Design Foundation (2022) · Designer Needs Assessment, 2026
Dimension 6Portfolio Usability & Visual Craft

What it measures: The quality of the portfolio as a designed artefact in its own right: how well it demonstrates design competency through structure, hierarchy, visual consistency, accessibility, and ease of use before an evaluator reads a full case study.

Core questionDoes the portfolio itself demonstrate the same design principles the designer claims to apply to client or product work?

Why it matters: A UX portfolio is not simply a container for design work; it is itself a design experience. How a designer organizes information, establishes hierarchy, guides navigation, and supports readability are all observable expressions of design capability. UXPin describes this directly, arguing that a portfolio's visual design is itself a case study and should demonstrate consistency, hierarchy, and intentional use of space (UXPin, 2026).

This dimension draws a distinction between visual decoration and visual craft. Decoration adds aesthetic elements without necessarily improving comprehension. Craft applies design principles deliberately so an evaluator can move through content efficiently, locate information reliably, and form an accurate impression of the designer's capability. Nielsen Norman Group advises designers to resist the urge to go overboard on a flashy template (Krause, 2019), while the Interaction Design Foundation emphasizes that case studies should be structured so busy hiring managers can navigate them easily (Interaction Design Foundation, 2022). User Interviews makes a similar point, noting that a portfolio is still a user experience and should reflect clear information hierarchy, scannable layout, and easy navigation (User Interviews, 2024).

Indicators of strong performance: Clear visual hierarchy that guides attention without extra effort; consistent typography, colour, spacing, and layout decisions; navigation that makes projects, background, and contact information easy to locate; responsive and accessible design across devices; project previews that communicate enough context to support selection; and performance that does not create friction before content is reached.

Recurring weaknesses: Weaker portfolio usability appears when navigation is unclear, hierarchy fails to distinguish primary from secondary content, project previews are decorative rather than informative, or visual effects distract from evaluation. A portfolio that requires significant effort to use signals a gap between how the designer describes their design practice and how they apply it to their own professional presentation. This makes usability and visual craft a credibility issue, not merely an aesthetic one.

Evidence base
UXPin (2026) · Krause/NNG (2019) · Interaction Design Foundation (2022) · User Interviews (2024)
Section 5

How to Apply the Framework

The UX Portfolio Benchmark Framework is designed to be used as a self-evaluation tool, a structured feedback instrument, and a portfolio development guide. Rather than prescribing a single ideal portfolio format, it provides a set of criteria for assessing how effectively a portfolio communicates professional value.

01

Self-evaluation

Review each dimension independently and assess whether your portfolio provides enough evidence for an evaluator to answer the core question associated with that dimension. The goal is not to achieve a perfect score across all six dimensions, but to identify the most significant communication gaps and prioritize improvements accordingly.

02

Structured feedback

The framework provides a shared vocabulary that makes critique more specific and actionable. Rather than relying on broad impressions such as "the case studies feel thin" or "I'm not sure what you bring," reviewers can locate feedback within a specific dimension and connect it to concrete criteria.

03

Portfolio planning

Working through the six dimensions before selecting projects or writing case studies helps clarify what each project needs to communicate and what evidence should be included to support it.

On equal weighting

The framework is most effective when used holistically. Strong performance in one dimension does not compensate for weaknesses in another. Highly polished visuals cannot offset unclear process reasoning, just as strong case studies may be undermined by poor usability or weak professional positioning. The dimensions are therefore equally weighted because they function together to shape how evaluators interpret the portfolio as a whole.

Within the UX Portfolio Toolkit, this framework serves as the conceptual foundation for the Interactive Self-Evaluation Scorecard, which translates each dimension into a structured assessment that designers can use to evaluate and improve their portfolios.

Section 6

Limitations

The UX Portfolio Benchmark Framework reflects the evidence available at the time of its development and should be understood in that context. It is designed as a structured reference point, not a universal standard or guarantee of hiring success.

The primary research conducted through the Designer Needs Assessment is based on a small initial sample. While the findings align with patterns identified in the academic and industry literature, they should be treated as indicative rather than conclusive until a larger dataset is available.

The framework draws on literature from design education, UX practice, and professional identity formation. Some sources address adjacent fields — including graphic design graduates, organizational communication, and design practice more broadly — rather than UX portfolio communication specifically. Where this is the case, claims have been applied carefully and qualified accordingly.

Evaluator criteria also vary across organizations, roles, seniority levels, and hiring contexts. Portfolios reviewed for internships, freelance work, UX research roles, and senior product design positions may be judged against different expectations.

Finally, the framework focuses on portfolio communication effectiveness rather than broader career outcomes such as referrals, interviewing ability, networking, prior experience, or labour market conditions. Designers should therefore use it to improve how they communicate professional value, not as a definitive checklist or promise of employment outcomes.

References

Academic and Industry Sources

All references formatted in APA 7th edition.

Academic Literature
Barnes, C., Wragg, N., Fisher, E., Tyagi, S., & de Kruiff, A. (2022). Portfolio literacy and the transition to work for graphic design graduates. International Journal of Art & Design Education, 41(2), 300–319. https://doi.org/10.1111/jade.12407
Easterday, M. W., Rees Lewis, D. G., & Gerber, E. M. (2018). The logic of design research. Learning: Research and Practice, 4(2), 131–160. https://doi.org/10.1080/23735082.2017.1286367
Khan, A. H., Snow, S., & Matthews, B. (2020). Tracing design: Practitioner accounts of design value, documentation & practices. Proceedings of the 2020 ACM Designing Interactive Systems Conference, 2091–2105. https://doi.org/10.1145/3357236.3395537
Kong, S. Y. R. L. (2024). UX/UI hub: User experience/user interface information hub for navigating college [Senior project, California Polytechnic State University, San Luis Obispo]. Cal Poly Digital Commons. https://digitalcommons.calpoly.edu/grcsp/266/
Shukla, P., Naik, S., Obi, I., Bui, P., & Parsons, P. (2024). Communication challenges reported by UX designers on social media: An analysis of subreddit discussions. Extended Abstracts of the CHI Conference on Human Factors in Computing Systems (CHI EA ‘24). https://doi.org/10.1145/3613905.3650881
Watkins, C. R., Gray, C. M., Toombs, A. L., & Parsons, P. (2020). Tensions in enacting a design philosophy in UX practice. Proceedings of the 2020 ACM Designing Interactive Systems Conference, 1889–1899. https://doi.org/10.1145/3357236.3395505
Yang, H., & Wong, R. (2024). An in-depth literature review of e-portfolio implementation in higher education: Processes, barriers, and strategies. Issues and Trends in Learning Technologies, 12(1), 65–101. https://doi.org/10.2458/itlt.5809
Industry Guidance
Interaction Design Foundation. (2022). How to write great case studies for your UX design portfolio. https://www.interaction-design.org/literature/article/how-to-write-great-case-studies-for-your-ux-design-portfolio
Interaction Design Foundation. (2022). What are UX case studies? https://www.interaction-design.org/literature/topics/ux-case-studies
Krause, R. (2019, August 4). 5 steps to creating a UX design portfolio. Nielsen Norman Group. https://www.nngroup.com/articles/ux-design-portfolios/
Sunwall, E. (2022, May 22). Hiring and retaining UX teams during the Great Resignation. Nielsen Norman Group. https://www.nngroup.com/articles/hiring-and-retaining-ux-teams/
User Interviews. (2024, October 27). UX research portfolios that will get you hired: 21 templates and examples. User Interviews. https://www.userinterviews.com/blog/ux-research-portfolio-examples-templates
UXPin. (2026). 16 inspiring examples of UX design portfolios that you can follow in 2026. https://www.uxpin.com/studio/blog/ux-portfolio-examples/
Portfolio Scorecard
88 SAMPLE
Self-Evaluation Tool

How strong is
your portfolio, really?

Most designers build portfolios without a benchmark. This scorecard translates the six dimensions of the UX Portfolio Benchmark Framework into an interactive self-assessment — drawn from research on portfolio communication and evaluator expectations.

🏛️
6
evidence-informed dimensions
⏱
~7
minutes to complete
📐
100
point benchmark score
How it works
01Answer questions per dimension honestly — rate your portfolio as it is today, not as you plan it to be.
02One question per dimension asks you to adopt an evaluator perspective — what a recruiter would see, not what you know is there.
03After all six dimensions, you get a full score breakdown with specific, actionable guidance ranked by priority.
Starting assessment0 / 6
Your Portfolio Assessment
none
OUT OF 100

Score by dimension
Scores are calculated from your responses across the six framework dimensions. Each dimension contributes equally to the final portfolio benchmark score. Within each dimension, questions are weighted by their evidence requirements — evaluator-perspective questions carry slightly more weight as they reflect external perception rather than self-assessment.

Important: This scorecard evaluates portfolio communication effectiveness, not overall design ability, hiring likelihood, or professional experience. A lower score reflects communication gaps — not a judgment of your skills as a designer.
UX Portfolio Scorecard · 2026Research-Based Benchmark Framework
› ›
Screen 01 of 03
Five portfolios.
One glance.
How to read this audit — start here, then explore by dimension, then see what it all means.
Clement Hugbo
#1
93
/100
Clement Hugbo
codemathics.design
Exemplary — Overall benchmark
5
Story
4
Process
5
Strategy
5
Impact
5
Position
4
Craft
Strongest portfolio in the sample — the only one with verified business metrics and named client work.
CLEMENT View portfolio ↗
Moritz Oesterlau
#2
73
/100
Moritz Oesterlau
moritzoesterlau.de
Strong — Process benchmark
4
Story
5
Process
4
Strategy
2
Impact
3
Position
4
Craft
Best process documentation — workshop photography makes thinking visible from the homepage.
MORITZ View portfolio ↗
Olga Rody
#3
73
/100
Olga Rody
olgarody-portfolio-site.webflow.io
Strong — Usability benchmark
4
Story
4
Process
3
Strategy
3
Impact
4
Position
5
Craft
Best navigation architecture — dropdown nav and a consistent typographic identity throughout.
OLGA View portfolio ↗
Gloria Lo
#4
73
/100
Gloria Lo
glorialo.design
Strong — Identity benchmark
5
Story
3
Process
3
Strategy
2
Impact
5
Position
4
Craft
Strongest personal identity — yellow-highlight system makes her immediately and lastingly distinct.
GLORIA View portfolio ↗
Atasie Esther
#5
47
/100
Atasie Esther
tassyomah.webflow.io
Developing — Reviewed with consent
2
Story
2
Process
2
Strategy
1
Impact
2
Position
3
Craft
Clean layout with a rare UX + no-code pairing that is entirely buried in the current presentation.
ESTHER View portfolio ↗
Audit at a glance — total scores out of 100
CLEMENT
93
MORITZ
73
OLGA
73
GLORIA
73
ESTHER
47
none 50 100
01
🎯
Purpose of this audit
Tests whether the UX Portfolio Benchmark Framework explains why some portfolios communicate professional value more clearly — and identifies patterns across different designers, styles, and experience levels.
02
🗂️
Portfolio selection rationale
Five portfolios selected for contrast: a high-performing benchmark, a process-led portfolio, a usability-led portfolio, an identity-led portfolio, and a self-audit case. Maximum variation in communication patterns, not best-in-class only.
03
📐
Scoring method
Each portfolio scored across six dimensions using evidence from homepage, project cards, case studies, and navigation. Six 1–5 dimension scores convert to a 100-point total. Scores reflect communication effectiveness, not overall design ability.
04
⚠️
Scope & limitations
Homepage and card evidence is primary for four dimensions. Process Transparency and Impact Demonstration also draw from case study pages. This is a communication audit, not a hiring recommendation.
Screen 02 of 03
Dimension by dimension.
Hover any card to read the full analysis. The key insight below each heatmap is the most important comparative finding for that dimension.
Scores 5Outstanding 4Strong 3Developing 2Weak 1Missing
Dimension 01 of 06
Narrative Clarity
4.0 / 5
Group avg
Narrative Clarity evaluates whether the portfolio immediately communicates who the designer is, what they do, and why their work matters — without requiring the recruiter to search.
What earns each score
5Identity, role, value prop, and CTA — all above the fold.
4Role and identity clear. Value prop implied.
3Name and role present. Purpose unclear.
2Generic framing. No clear reason to hire.
1No identity signal.
CLEMENT
5 / 5Outstanding
Clement
Role, geography, specialism, and social proof all visible above the fold
Role, specialism, dual-city base, fintech focus, and a Creative Director testimonial — all visible above the fold. A live AI agent in the page itself reinforces technical credibility. A recruiter knows who this is and what he does without opening anything.
↗ View portfolio
MORITZ
4 / 5Strong
Moritz
Purpose-led bio with a teaching credential — but no memorable differentiator
Bio names who he works for and what he delivers. CareerFoundry tutor credit adds a teaching credential most designers can't claim. What's missing: a single memorable claim that separates Moritz from every other experienced UX designer in the pool.
↗ View portfolio
OLGA
3 / 5Developing
Olga
Name and role clear — value proposition and next step missing
"Olga Rody / UI/UX Designer / Based in Indiana, US" in large type is legible. But a recruiter finishes the hero knowing three things: name, title, location. No value proposition, no CTA. The identity is clear — the reason to stay is missing.
↗ View portfolio
GLORIA
4 / 5Strong
Gloria
Memorable personal identity — professional value not stated
"Hi, I'm Gloria Lo. I design, sing, paint & write." The most distinctive opening in the sample. Yellow-highlight system and WORK/PLAY/ABOUT nav extend the multidimensional identity. The gap: no commercial framing. A recruiter knows exactly who she is as a person, and considerably less about what she's like to hire.
↗ View portfolio
ESTHER
3 / 5Developing
Esther
Strong role declaration — subtitle and CTA undo the opening
"Digital Product designer & no-code developer" is specific and declares a rare dual role. The subtitle is generic philosophy any designer could have written. "Reach out" as the primary CTA offers contact before work — the opening sequence partially undoes a strong headline.
↗ View portfolio
Comparative analysis
CLEMENT 5MORITZ 4OLGA 4GLORIA 5ESTHER 2
Who leads and why
Gloria and Clement both score 5 / 5 through entirely different strategies. Gloria leads with personality — 'I design, sing, paint & write' declares a whole person in one line, and the yellow-highlight visual system makes her recognisable across every page. Clement leads with authority — a testimonial from a named Creative Director is the first thing a recruiter reads, establishing third-party credibility before the designer makes a single self-referential claim.
The pattern across the sample
Moritz and Olga score 4 / 5 for the same reason: role is clear, but the business value of the work isn't immediately legible. Esther's 2 / 5 reflects a specific structural failure — the headline correctly states a dual role, but the subtitle beneath it is generic philosophy any designer could have written, and 'Reach out' as the primary CTA means the first action offered to a recruiter is contact, not work.
Key insight Two routes to a 5 / 5 — personality vs. authority. Both work because they're deliberate.
Dimension 02 of 06
Process Transparency
3.6 / 5
Group avg
Process Transparency evaluates whether the portfolio shows how the designer thinks — the decisions made, the reasoning behind them, and how ideas developed — rather than only presenting final outputs.
What earns each score
5Scope, method, and reasoning all visible.
4End-to-end documentation. Some reasoning.
3Process present. Decision reasoning thin.
2Deliverables only. No decision reasoning.
1No process documented.
ℹScored from case study pages where available — process thinking is only visible inside projects, not on the homepage.
CLEMENT
4 / 5Strong
Clement
Work scope visible before opening the case study
The Blockradar card declares "0→1 product + brand + interaction" — scope visible before a click. A recruiter knows immediately this wasn't a single-deliverable brief. No other portfolio in the sample communicates involvement level at the card.
↗ View portfolio
MORITZ
5 / 5Outstanding
Moritz
Strong process documentation — but shows what was done, not why decisions were made
Workshop photography on the homepage signals collaborative in-person work before any text is read. Case studies document brand attribute workshops, stylescape options, content audits, sitemaps, wireframes. Thorough on method — thinner on the reasoning behind specific decisions.
↗ View portfolio
OLGA
4 / 5Strong
Olga
Case studies open with role, then process, then rationale
Case studies follow a consistent structure: discovery, user research, personas, flows, journey maps, wireframes, usability testing. Documented end-to-end. The Webflow blog notes measurable outcomes are included. Strong process — zero signal of it from the homepage.
↗ View portfolio
GLORIA
3 / 5Developing
Gloria
Deep process inside case studies — zero signal on the homepage
Rokt case study documents absence of a design team pre-hire, establishing a design kit and system from scratch, coordination with engineering on every ticket, and a post-launch result. Rigorous documentation — not visible until three clicks in.
↗ View portfolio
ESTHER
2 / 5Weak
Esther
Process exists — but invisible from the homepage
Project cards show screenshots and category tags. No process signal at any level from the homepage. Case studies exist on Behance but aren't linked from the portfolio. The process documentation has been done — it just isn't findable.
What to actually do: Add one line of process context to each project card — not a category tag, a specific claim. "Led end-to-end UX from discovery to launch" or "Research, wireframes, and handoff in 6 weeks" tells a recruiter something real before they click. You can also add one process image to any case study that currently opens on final screens. A wireframe, a research board, or a workshop photo changes the entire impression of how you work.
↗ View portfolio
Comparative analysis
CLEMENT 4MORITZ 5OLGA 4GLORIA 3ESTHER 2
Who leads and why
Moritz scores 5 / 5 — the only dimension where he leads the sample — specifically because his homepage uses workshop photography as the hero on case study cards. You know before clicking that this is a designer who works with people, not just Figma. Clement scores 4 / 5 because '0→1 product + brand + interaction' on the project card communicates process scope without opening the case study. Olga also scores 4 / 5 — case studies open with role attribution and document methodology with reasoning-led captions.
The pattern across the sample
Gloria scores 3 / 5: process documentation exists inside case studies but nothing on the homepage signals it. Esther scores 2 / 5 at a more severe level — category tags ('Product Design', 'Brand') describe output type, not thinking depth. The consistent failure is treating the homepage as a gallery rather than an argument: if process isn't visible from the entry point, most recruiters will never discover it.
Key insight Moritz is the only designer whose homepage tells you how he works before you click anything.
Dimension 03 of 06
Strategic Framing
3.0 / 5
Group avg
Strategic Framing evaluates whether the portfolio presents design work as a response to a specific business problem, not just as a demonstration of craft or aesthetic skill.
What earns each score
5Problem, constraints, and stakes named upfront.
4Business context present but inconsistent.
3Some context. Leans toward deliverable framing.
2Product descriptions. No problem stated.
1No strategic framing.
CLEMENT
5 / 5Outstanding
Clement
Business problem stated at card level — only portfolio in the sample to do this
"Stablecoin wallet infrastructure for fintechs, enabling secure custody, settlement, and compliance" — that's a business context statement, not a product description. A recruiter understands the commercial stakes before opening the case study. Only portfolio in the sample to do this at card level.
↗ View portfolio
MORITZ
4 / 5Strong
Moritz
Case study titles frame constraints not deliverables — cards do not match this
"How to act strategically despite limited time and budget" names a constraint, not a deliverable. "An attempt to push forward future-proof education" names a mission. Strong case study titles. The gap: project cards on the homepage don't carry this framing.
↗ View portfolio
OLGA
3 / 5Developing
Olga
Project subtitles provide context — but lead with user, not business
Project card subtitles name the user and context — "Application for new immigrants," "E-commerce website for cyclists." Better than category tags. Still user-centred rather than commercially framed — the business problem or constraint is never stated.
↗ View portfolio
GLORIA
3 / 5Developing
Gloria
Structured process in case studies — severity scoring, affinity mapping, usability testing
WORK section shows three company names and thumbnails. No card description of what design problem was solved. The Rokt case study has strong context inside — inherited a platform with no design team, built a design system from scratch — but none of this is visible before you click.
↗ View portfolio
ESTHER
2 / 5Weak
Esther
Products described — problems never stated
Project cards describe what the product does: "Provides financial services like funds transfer, bill payments." That's a product description. The design problem — what was broken, for whom, under what constraints — is never stated anywhere on the homepage.
What to actually do: Rewrite each project card subtitle as a one-sentence problem statement. For Seampay: "Redesigning the core payment flow to reduce drop-off for users without traditional bank accounts." For Tradr: "Designing a trust-first commerce experience for informal market transactions." These are your actual work, framed as problems instead of products. This single change would move this dimension from 2 to 4.
↗ View portfolio
Comparative analysis
CLEMENT 5MORITZ 4OLGA 3GLORIA 3ESTHER 2
Who leads and why
Clement scores 5 / 5 because his Blockradar project card states the business problem — 'stablecoin wallet infrastructure for fintechs, enabling secure custody, settlement, and compliance' — before a recruiter opens the case study. This is the only portfolio in the sample to achieve this. Moritz scores 4 / 5 because his case study titles foreground constraints: 'How to act strategically despite limited time and budget' is a business framing, not a design brief.
The pattern across the sample
Olga and Gloria both score 3 / 5 — both provide brief project context, but homepage language describes work aesthetically rather than commercially. Gloria's 'improving lives through design' communicates values but not business orientation. Esther scores 2 / 5: the subtitle is aesthetic philosophy, project tags are categories, and no business context is visible at the homepage level. The gap between 3 and 5 here is one sentence per project card.
Key insight Only one portfolio states the business problem at card level. The rest describe what was delivered.
Dimension 04 of 06 · ⚠ Lowest group average
Impact Demonstration
2.6 / 5
Group avg
Impact Demonstration evaluates whether the portfolio provides evidence of what actually changed because of the design — through metrics, measurable outcomes, or documented post-launch results.
What earns each score
5Verified metric, prominently shown.
4Qualitative outcome only. No metrics.
3Vague outcome reference.
2No outcome evidence.
1Ends at delivery.
CLEMENT
5 / 5Outstanding
Clement
$350M+ processed volume — displayed at hero scale, not as a footnote
"$350M+ processed volume post beta" appears at display type scale — same hierarchy as the project title. Specific, business-level, prominently placed. The only portfolio in the sample with a verified business metric treated as primary content.
↗ View portfolio
MORITZ
2 / 5Weak
Moritz
No outcomes documented — case studies end at concept or handoff
Case studies end at concept or handoff across all three projects. No website launch, no client feedback, no metric of any kind. The process documentation is the strongest in the sample. The outcomes section is completely absent.
↗ View portfolio
OLGA
3 / 5Developing
Olga
Usability testing results documented — qualitative, no business metrics
Usability testing results and survey answers are present inside case studies. More than most portfolios provide. The gap is at the business level — no conversion rates, retention changes, or revenue impact. UX outcomes documented; business outcomes are not.
↗ View portfolio
GLORIA
3 / 5Developing
Gloria
One documented outcome in Rokt — qualitative, but real
Rokt case study includes a post-launch result: "significant decrease in service desk complaints since the Audience Wizard rebuild." Real and specific. One outcome across three projects, buried deep in one case study. The other two have none.
↗ View portfolio
ESTHER
1 / 5Missing
Esther
Real metrics exist — but not on this portfolio
Real metrics exist on read.cv: 500+ transactions in the first Seampay launch month, 20% user satisfaction increase, 15% revenue increase, 100K+ users. None of this appears on tassyomah.webflow.io. A recruiter finding this portfolio will not find these numbers.
↗ View portfolio
Comparative analysis
CLEMENT 5MORITZ 2OLGA 3GLORIA 2ESTHER 1
The only portfolio with verified impact
Clement scores 5 / 5 — the only portfolio in the sample to demonstrate verified, business-level impact. '$350M+ processed volume post beta' appears at display type scale in the case study opening, given the same visual hierarchy as the project title. This is a deliberate design decision: results treated as primary content, not a footnote. Most other portfolios in the sample provide limited post-delivery evidence. Olga scores 3 / 5 for referencing usability testing results inside case studies — qualitative, but present.
Why Moritz's case is the most instructive
Moritz's situation is the most instructive failure in the sample: his process documentation is the strongest of all five portfolios, yet his case studies consistently stop at delivery. The quality of his process documentation raises expectations that are then not met — making the absence of outcomes more conspicuous rather than less. Gloria and Esther both stop at delivery with no outcome signal at any level. The finding is not that these designers failed to create impact — it is that none of them treated outcome documentation as a design decision.
Key insight Remove Clement and the group average drops from 2.6 to 1.8. This is the sample's defining structural failure.
Dimension 05 of 06
Professional Positioning
3.8 / 5
Group avg
Professional Positioning evaluates whether the portfolio creates a distinct and memorable professional identity that a recruiter could describe and differentiate from others in the hiring pool.
What earns each score
5Memorable and commercially specific.
4Strong identity. Differentiator requires digging.
3Present but hard to articulate.
2Generic. No differentiator.
1No identity signal.
CLEMENT
5 / 5Outstanding
Clement
Five distinct positioning signals — none of them generic
Dual role. San Francisco + Nigeria base. Blockchain and fintech clients. Live AI agent embedded in the portfolio. Named testimonial from a Creative Director. Five distinct signals that compound — each adds something the others don't cover.
↗ View portfolio
MORITZ
3 / 5Developing
Moritz
Memorable visual — unclear what type of work to hire him for
Workshop photography creates a memorable visual identity. CareerFoundry tutor credit is a genuine differentiator. What's harder to extract: what industries Moritz specialises in, what scale of organisation, what type of problems. Memorable as a practitioner, harder to place in a specific role.
↗ View portfolio
OLGA
4 / 5Strong
Olga
Career transition narrative plus Webflow recognition — neither fully surfaced
Accounting-to-UX background is documented on the About page — a differentiator design graduates can't claim. OR/UX logo mark adds professional branding. Webflow featured the portfolio in their Top 10 UX Portfolios of 2024. None of this appears on the homepage.
↗ View portfolio
GLORIA
5 / 5Outstanding
Gloria
Strongest personal identity in the sample — commercial positioning absent
PLAY section with Music, Art, Blog at primary nav level is the most structurally distinctive decision in the sample. "I design, sing, paint & write" is immediately memorable. The cost: commercial positioning is ambiguous. A recruiter remembers Gloria clearly and is less certain what role to put her in.
↗ View portfolio
ESTHER
3 / 5Developing
Esther
Real client testimonials — buried where most visitors never reach
Three named client testimonials — Tamara Latta (Sportsyapp), Sogbesan Oluwaseun (Moolah), Njoku (Lazerpay) — are credible and verifiable. No-code capability declared in the headline but not reinforced anywhere else. Testimonials buried below the scroll depth most recruiters reach.
What to actually do: Pull one testimonial above the fold — or attach it directly to a project card as a pull quote. "Ridiculously talented" from a named CEO next to the Sportsyapp project changes what a recruiter infers about that work before opening the case study. Then reinforce the no-code capability in at least two other places beyond the headline: in the About bio and on any project where you did both design and development. That pairing is your strongest differentiator in this sample.
↗ View portfolio
Comparative analysis
CLEMENT 5MORITZ 3OLGA 4GLORIA 5ESTHER 2
Who leads and why
Gloria and Clement both score 5 / 5 but are memorable for different reasons. Gloria is memorable as a person — after thirty portfolios, a recruiter can still describe her because the yellow highlight creates a distinct identity. Clement is memorable as a professional — dual role, international base, named clients, and a live AI agent stack into a credibility architecture that is impossible to replicate by default. Olga scores 4 / 5 — her accounting-to-UX transition signals analytical rigour that design school graduates cannot claim.
The pattern across the sample
Moritz scores 3 / 5: the sticky-note photograph is the single most visually memorable element in the entire sample, but what industries he works in and at what level is harder to extract than it should be — memorable as a person, less clearly hireable for a specific role. Esther scores 2 / 5 because the no-code development capability — a commercially rare pairing almost no designer in a standard hiring pool has — is invisible in the headline, the bio, the project cards, and the visual system.
Key insight Having a differentiator is not enough — it must be foregrounded. Every portfolio in this sample has one that isn't.
Dimension 06 of 06
Portfolio Usability & Visual Craft
4.0 / 5
Group avg
Portfolio Usability & Visual Craft evaluates whether the portfolio itself works well as a designed product — scannable, navigable, visually considered, and free of usability failures.
What earns each score
5High-craft artefact. Everything considered.
4Clean and functional. Some visual intent.
3Functional. No distinctive visual system.
2Noticeable usability gaps.
1Critical usability failures.
CLEMENT
4 / 5Strong
Clement
The portfolio is itself a proof of production capability
The portfolio is its own proof of production capability — cinematic photography, smooth scroll, live AI agent. A designer who demonstrates technical integration inside their own portfolio communicates competency without description.
↗ View portfolio
MORITZ
4 / 5Strong
Moritz
Photography-first layout — work is the visual subject, not the frame
Large photography, minimal scaffolding. The work is the visual subject. "I build all my websites using Webflow, including this one" adds technical transparency. No distinct colour signature or typographic system to make the portfolio visually memorable.
↗ View portfolio
OLGA
5 / 5Outstanding
Olga
Navigation dropdown gives direct access to individual projects — best structure in the sample
Dropdown nav gives direct project access by name. A recruiter can go from nav to a specific case study without landing on a grid. In a session reviewing twenty portfolios, that saves time and demonstrates information architecture instinct directly.
↗ View portfolio
GLORIA
4 / 5Strong
Gloria
Strong visual system — PLAY section raises questions about design focus
Yellow-highlight accent, WORK/PLAY/ABOUT structure, consistent typography — a genuine visual system applied with discipline. PLAY section at primary nav level is either a differentiator or a distraction depending on the hiring context.
↗ View portfolio
ESTHER
3 / 5Developing
Esther
Navigation works — no visual system to distinguish the portfolio
Clean four-item nav, functional resume link, no broken paths. The Webflow build demonstrates no-code capability. What's missing: a distinctive visual system. No colour signature, no typographic decision that makes this portfolio visually identifiable after the session ends.
What to actually do: You do not need to redesign the portfolio. Pick one visual decision and apply it with intention across every page. One accent colour used consistently on links, headings, or interactive elements. A custom logo mark instead of a generic wordmark. A section header style that appears identically throughout. Any of these, applied with discipline, creates a visual system — and a visual system signals that you make intentional design decisions at scale, not just inside Figma files.
↗ View portfolio
Comparative analysis
CLEMENT 4MORITZ 4OLGA 5GLORIA 4ESTHER 3
Who leads and why
Olga scores 5 / 5 on information architecture alone — dropdown navigation giving direct project access is a structural decision most portfolios never make, and it measurably improves the recruiter experience when reviewing thirty portfolios in a session. Clement scores 4 / 5 on visual craft: cinematic photography, smooth scroll, and a live AI agent make the portfolio itself a proof of production quality. Moritz scores 4 / 5 on scannability — photography-first layout with minimal UI scaffolding makes the work the visual subject.
The pattern across the sample
Gloria scores 4 / 5 through design discipline — a single accent colour applied consistently across every page creates a recognisable visual system without noise. Esther scores 3 / 5 because the layout is clean and functional, but the broken resume link is a usability failure on a UX portfolio — the precise type of failure that UX work exists to prevent — and 'Reach out' as the primary CTA directs recruiters to contact before they have seen any work. Both are entirely fixable.
Key insight The portfolio is itself a UX artefact — and it gets evaluated as one. Every design decision is evidence.
Screen 03 of 03
What the audit found.
Three patterns that held across all five portfolios — and the full scorecard matrix showing every score at once.
📉
4/5
portfolios end at delivery with no outcome evidence
📊
2.6
group average on Impact — lowest of all six dimensions
✅
4.0
group average on Narrative Clarity and Portfolio Craft
🏆
1/5
portfolios with verified, business-level impact metrics
Full scorecard — all five portfolios across all six dimensions
Read each row to see a designer's full profile. Read each column to compare all five on one dimension. Total score converts six 1–5 dimension scores to a 100-point scale. Colour: green = strong (4–5) · amber = developing (3) · red = weak or missing (1–2)
4–5 Strong / Outstanding
3 Developing
1–2 Weak / Missing
Hover any column header to see the guiding question for that dimension
Designer
NarrativeDoes the portfolio make clear who this designer is, what kind of work they do, and why it matters — within the first 10 seconds?
ProcessDoes the portfolio show how this designer thinks — decisions made, reasons behind them, how ideas developed — or just the final result?
StrategyDoes the portfolio frame design work in terms of the business problem it addressed — not just the screens delivered?
ImpactDoes the portfolio show what actually changed after the design launched — numbers, user behaviour shifts, or concrete evidence of value delivered?
PositionDoes the portfolio create a distinct and memorable professional identity that a recruiter could articulate to a colleague?
CraftDoes the portfolio itself work well as a designed product — easy to scan, visually considered, and free of usability mistakes?
Total
CLEMENT
5
4
5
5
5
4
93/100
MORITZ
4
5
4
2
3
4
73/100
OLGA
3
4
3
3
4
5
73/100
GLORIA
4
3
3
2
5
4
73/100
ESTHER
3
2
2
1
3
3
47/100
Group avg
4.0
3.6
3.0
2.6
3.8
4.0
—
01
Universal across 4 of 5 portfolios
Impact Demonstration is the most consistent failure — even in portfolios that score outstanding elsewhere.
Impact scores — all five portfolios
Clement
5 / 5
Olga
3 / 5
Moritz
2 / 5
Gloria
2 / 5
Esther
1 / 5
What this means
Remove Clement and the group average drops from 2.6 to 1.8 / 5. One sentence describing what changed post-launch would improve every portfolio here except Clement's.
Group average — all six dimensions
Narrative Clarity
4.0
Portfolio Craft
4.0
Positioning
3.8
Process
3.6
Strategic Framing
3.0
⚠ Impact
2.6
02
Consistent across all five portfolios
Designers describe what they made — not what problem they solved.
How project cards are framed across the sample
What 4 of 5 portfolios show
"Product Design" · "UX/UI Redesign" · "Brand Identity" · "Mobile App"
Describes a deliverable category. Tells a recruiter nothing about the problem, the context, or the outcome.
What Clement's card shows
"Stablecoin wallet infrastructure for fintechs, enabling secure custody, settlement, and compliance"
Names the industry, the product type, and the business capability — before the recruiter clicks.
Strategic Framing + Impact — two dimensions with the same root cause
Same work — different framing
How most portfolios say it
"A mobile app redesign"
A stronger way to say it
"Reducing checkout drop-off by redesigning the payment flow"
Same project. Only one version tells a hiring manager what problem was solved.
Strategic Framing 3.0 / 5
portfolios that don't frame the problem also don't document the outcome ↕
Impact Demonstration 2.6 / 5
Designers who describe work as a craft output rarely document what it changed. Both failures share the same underlying assumption: that the design artefact speaks for itself. It doesn't.
03
Structural gap across the sample
Every portfolio has an unused differentiator.
Positioning gap analysis — what each designer has vs. what a recruiter sees
Designer
What they actually have
What the portfolio communicates
Gap
CLEMENT
International client network, AI tooling capability, verified scale at $350M+ TPV
All three are visible and foregrounded. The portfolio is built around its strongest evidence.
Minimal
MORITZ
Constraint-based strategic thinking, methodical process documentation, workshop facilitation experience
Process depth is visible. Strategic thinking is implied. Outcomes are absent.
Partial
OLGA
Cross-discipline background (accounting → UX), strong information architecture judgment, Webflow feature recognition
Career transition story is present. IA judgment is demonstrated structurally. Business framing is absent.
Partial
GLORIA
Multidisciplinary creative range (design, music, visual art), strong visual brand system, memorable identity
Identity is highly visible. Creative range is declared. Commercial value and outcomes are absent.
Significant
ESTHER
UX + no-code development capability, dual-discipline technical range, functional layout competence
Role is stated. Capability is not foregrounded. No business framing, outcomes, or differentiator surfaced.
Critical
The gap between what a designer has and what their portfolio communicates is the central problem this framework is designed to close. The gap is not a skills problem — it is a communication problem.
The gap between 3 / 5 and 5 / 5 in Professional Positioning is rarely about lacking a differentiator — it is about failing to surface the one that already exists.
What makes a portfolio actually work?
📋
Principle
Argument, not gallery
High-scoring portfolios treat the homepage as a persuasive document. Every visible element — the headline, the first scroll, the project card label — makes a case. The lower-scoring portfolios open with a name, a role title, and a thumbnail grid. The homepage is treated as a contents page rather than an opening argument.
🎯
Principle
Intervention, not output
Clement's project card names the fintech infrastructure problem. Moritz's case study title names the constraint. Neither describes a deliverable — both describe a response to a specific commercial situation. This framing shift requires no new work. It requires only a different way of describing work that already exists.
⚡
Principle
Demonstration, not description
Clement's AI agent demonstrates technical integration in real time. Olga's dropdown navigation demonstrates information architecture judgment structurally. Gloria's accent colour system demonstrates design discipline visually. In each case, the recruiter does not have to take the designer's word for their skill level — the portfolio shows it directly.
A verdict on each portfolio — the full picture in one place.
CLEMENT
Clement
High-performing benchmark
93/100
Narrative
5
Process
4
Strategy
5
Impact
5
Position
5
Craft
4
This is the strongest portfolio in the sample — it works at every level simultaneously. The $350M+ metric is the defining element: it converts an otherwise excellent portfolio into a genuinely rare one. The AI agent and the international base add credibility layers that compound. What this portfolio communicates is not just 'I am a good designer' — it communicates 'I have built things that worked at scale, and I can prove it.' The one gap is that the reasoning behind individual decisions inside case studies could be more explicit.
MORITZ
Moritz
Process-led portfolio
73/100
Narrative
4
Process
5
Strategy
4
Impact
2
Position
3
Craft
4
This portfolio makes the strongest argument in the sample for how a designer thinks. The workshop photography, constraint-led titles, and end-to-end documentation create a coherent picture of a methodical practitioner. But it stops precisely where a recruiter needs it to continue — every case study ends at delivery. Adding one outcome sentence per case study would move this portfolio from strong to exceptional.
OLGA
Olga
Usability-led portfolio
73/100
Narrative
4
Process
4
Strategy
3
Impact
3
Position
4
Craft
5
This portfolio has the best information architecture in the sample and a credibility narrative — the accounting-to-UX transition — that no other portfolio can replicate. What holds it back is that the work is framed in human terms rather than commercial ones. 'Application for new immigrants' describes the users; it doesn't describe the business problem or the outcome that followed. The portfolio communicates a careful, user-centred designer. It does not yet communicate a designer who understands how design creates commercial value.
GLORIA
Gloria
Identity-led portfolio
73/100
Narrative
5
Process
3
Strategy
3
Impact
2
Position
5
Craft
4
The most distinctive portfolio at the identity level, and among the weaker at the evidence level. The yellow-highlight system and multidimensional tagline create a designer who is immediately memorable. But the case studies end at delivery, business framing is absent, and process is not surfaced from the homepage. The portfolio communicates a creative with strong personal branding. It does not yet communicate a designer who measures impact or frames work in terms a product team would use to justify a hire.
ESTHER
Esther
Self-audit case
47/100
Narrative
2
Process
2
Strategy
2
Impact
1
Position
2
Craft
3
Included as a self-audit case — reviewed by the author using the same framework applied to the other four portfolios. The dual UX + no-code capability is commercially rare and genuinely valuable. The layout is functional. But none of the framework dimensions score above 3, because the portfolio makes no argument for any of them. The 2022 version of this portfolio has more evidence than its score suggests — three named client testimonials, live fintech products, a declared no-code capability, and four years of startup experience. The problem is not a lack of credentials. It is that none of this evidence is foregrounded at the level where recruiters first look.
Other important things to note about this audit.
Confirmed ✓ Impact Demonstration is the right critical dimension
4 of 5 portfolios scored 2 or below. The group average without Clement would be 1.8. The dimension correctly identifies the structural gap most early-career portfolios share.
Confirmed ✓ Equal weighting across dimensions is justified
Portfolios that scored high on Narrative but low on Strategic Framing still failed to communicate commercial value — proving that strong identity without business framing is insufficient.
Challenged ↕ Homepage-only evaluation understates process evidence
Process Transparency and Impact Demonstration are frequently invisible from the homepage but present inside case studies. A secondary evaluation pass at case study level is needed for these two dimensions.
Expanded + Visual craft needs its own scoring axis
Craft quality and usability architecture proved to be distinct properties — Olga leads on architecture while Clement leads on craft, yet both score 4 / 5. The framework now treats these as separate sub-criteria.
Expanded + Client work vs. speculative work is a material distinction
A verified metric from a named client is categorically different from an estimated metric from a concept project. The expanded framework now flags this distinction explicitly within Impact Demonstration.
Priority fix
Add outcome evidence to every case study — or explain its absence
Four of five portfolios end at delivery. Add a "What changed" section to every case study. Where metrics are unavailable, document what you would have measured and what qualitative signals you observed. Demonstrating outcome thinking without data is better than no outcome section at all.
High impact
Reframe every project card as a problem, not a deliverable
Replace category tags and deliverable labels with one-sentence problem statements. "Product Design" tells a recruiter nothing. "Reducing checkout abandonment for a cycling e-commerce brand" tells them everything. The work stays the same — only the framing changes.
Strategic move
Surface your differentiator — don't assume recruiters will find it
Every designer in this sample has something genuinely distinctive. None of them surface it prominently enough. Identify the one thing that makes you different from the standard UX portfolio — then put it in your headline, your bio, and your project card framing. All three, not just one.
Curated for early-career designers

Resources that actually help

Articles, tools, platforms, and books selected to extend the toolkit beyond the framework. The framework defines the standard; these resources help you act on it — deeper reading, community feedback, practical tools, and mentorship you can access today.

Articles & Research
Platforms & Tools
Books
Learning & Community
Watch the research

Research findings, framework walkthrough, and portfolio audit — in one video

A 6–8 minute video covering the research story behind this toolkit and how the six benchmark dimensions work in practice. Publishing soon — check back here or follow the project on YouTube at Tassy Omah.

What the research actually says

Evidence-based reading on how portfolios are evaluated, what hiring managers look for, and how the field is changing.

Nielsen Norman Group
Research

UX Portfolios: What Hiring Managers Look For

Based on a study of 200+ hiring managers. Covers what distinguishes strong portfolios from weak ones across junior and senior levels — one of the most cited pieces on portfolio evaluation in the field.

Nielsen Norman Group
Research

Growing in Your UX Career: Study Guide

A curated compilation of NN/g articles and videos on career growth, portfolio building, and professional development. Covers both design and research portfolios with recommended reading order.

Dribbble / Figma
Industry

What Design Recruiters Look For in Your Portfolio

Written by Figma's design recruiter Korin Harris. Practical guidance on how senior design leaders review portfolios — covers what they actually look for in the first two minutes and the most common mistakes.

UX Collective
Industry

What Makes a UX Portfolio Stand Out

A practitioner-perspective piece examining the difference between portfolios that document work and portfolios that argue for it. Covers strategic framing, impact communication, and positioning — directly aligned with the framework dimensions in this toolkit.

Nielsen Norman Group
Research

The UX Reckoning: Prepare for 2025 and Beyond

Context on the current state of UX hiring — including AI's impact, the shift toward strategic UX, and what early-career designers need to communicate to stand out in a more competitive market.

Interaction Design Foundation
Guide

How to Create a UX Portfolio

A comprehensive beginner-friendly guide covering portfolio structure, case study writing, and presentation. Positions storytelling and process clarity as central — consistent with the research foundation of this toolkit.

Start here

Not sure where to begin?

Use the scorecard first. It takes about 8 minutes and tells you exactly which dimension of your portfolio to focus on — so you can use these resources with a specific problem in mind, not just general reading.

Help improve this toolkit

Share your feedback

Your response helps improve this toolkit. This form takes about three minutes and every submission is read and used to inform future iterations of the framework, scorecard, and audit.

3 minto complete
100%anonymous
Openfeedback form
Very unclear
Very clear
If you'd like to be contacted for future A/B testing or usability studies on the toolkit.