best ux case study portfolio

20 of the Best UX Portfolio Examples

So, you’re looking for some UX portfolio inspiration?

Making sure you’ve got an impressive portfolio to your name is important for both fresh-faced UX designers and seasoned industry veterans.

In this article, we’ll try to inspire you with awesome UX portfolio examples and UX design portfolio best practices.

The 20 Best UX Portfolios

Without further ado, here are our picks of the best UX design portfolio examples.

1. Gloria Lo nails the high-impact introduction

Who is gloria lo.

Gloria Lo is a self-taught product designer based in Sydney, Australia. In her own words, she is passionate about improving the lives of others through design and is constantly looking to learn new things every day.

What makes Gloria’s UX design portfolio so great?

One of the first things your UX portfolio should do is introduce you as a designer. Employers and potential clients want to know who you are and what you’re all about—and they should be able to find this out within seconds of landing on your portfolio website.

Gloria has nailed her designer introduction with a three-tiered approach. First, she treats us to a bold, eye-catching headline that describes her in terms of her favorite activities.

In just four simple verbs, we know that Gloria is a creative, multi-talented soul with quite a few hobbies in her repertoire. Oh, and these verbs “light up” in different colors when you hover over them—a nice additional dash of personality!

After such an enticing headline, we’re inevitably curious to know more about Gloria—and sure enough, her portfolio delivers. Directly beneath that unmissable heading, Gloria tells us exactly what she does and what she’s passionate about in just two sentences.

Gloria has mastered the delicate art of brevity while still managing to convey the most important information—not an easy feat!

By now, Gloria has well and truly piqued the viewer’s interest. Luckily, her portfolio also features a comprehensive “About” page, complete with a video, a section detailing her values (with the help of emojis), a very thorough testimonial from a former employer, and links to her music and artwork.

Who is Olivia Truong?

Olivia Truong is a product designer based in Boston, Massachusetts. In her own words, Olivia likes to go out into the world and capture its beauty and weirdness.

What makes Olivia’s UX design portfolio so great?

Above all else, UX designers are problem-solvers. Your UX design portfolio should therefore demonstrate how you identify and tackle a variety of user problems. Olivia’s portfolio does a great job of this, as you’ll see in her Routr case study .

Olivia kicks off her case study by framing the problem in a personal, relatable way. She doesn’t just talk about the “user” problem—she frames it as “our” problem, inviting the reader to step into the user’s shoes, just as she has done.

Next, Olivia explains, in detail, how she set about trying to solve this problem—in a section aptly named “There Must Be Something Out There”. We learn how she scoured the internet and App Store for a solution, only to find that none of the existing solutions fit the bill.

In the section that follows, “Taking The Dive”, Olivia shares the next steps in her problem-solving journey: brainstorming the elements of a successful date.

After thoroughly framing the problem and describing her approach to solving it, Olivia moves onto “The Making Of Routr.” Notice how, even when talking about her solution, Olivia consistently refers back to the original user problem.

Olivia’s portfolio portrays her as a thoughtful problem-solver—granting her huge bonus points in the eyes of any recruiter or potential client. This focus on problem-solving also conveys another essential UX trait: empathy for the user.

When reading Olivia’s case study, you don’t get the feeling that she’s just going through the motions; she’s genuinely engaged in the problem and how she can solve it for the user. That’s the sign of a passionate UX designer!

What can we learn from Olivia Truong?

UX designers are problem-solvers, so make sure your portfolio reflects that. There are two key lessons we can learn from Olivia’s portfolio: first, start each case study by framing the problem in detail, and second, frame the problem in a way that conveys empathy.

Above all, think about the language you use. Don’t just state the problem; relate to it and put some emotion behind it! Olivia describes how planning dates was a “headache” because “coming up with ideas was not the easiest thing to do in our busy lives.”

This is much more personal and empathy-driven than if she’d said “Users struggle to come up with date ideas because they’re so busy.” Last but not least, refer back to the original problem throughout—even when you progress to the solution.

Your UX design portfolio should demonstrate your approach to problem-solving. Kick off each case study by framing the problem in detail, using emotive language to convey empathy. Refer back to the problem throughout.

View Olivia Truong’s full portfolio website

5. Priyanka Gupta is the queen of the unsolicited redesign

Who is Priyanka Gupta?

Priyanka Gupta is a product designer and tech enthusiast based in San Francisco. Aside from creating awesome user experiences, Priyanka is also pretty active on Medium .

What makes Priyanka’s UX design portfolio so great?

Early on in your UX career, you might struggle to fill your portfolio with real projects. As your career progresses, you might look for ways to make your portfolio stand out. So what can you do?

Cue the unsolicited redesign à la Priyanka Gupta.

When Priyanka runs into bad UX, she can’t help but do something about it. Where most of us might just abandon ship and find an alternative product, Priyanka goes above and beyond: she redesigns the entire experience!

So, in addition to real client projects, Priyanka’s UX portfolio also showcases some rather impressive unsolicited redesigns.

One can’t help but be impressed by Priyanka’s initiative and drive. She’s gone out of her way to redesign an entire digital experience, just because she’s passionate about good UX—how cool is that?!

What’s also interesting is how Priyanka chooses to showcase these redesigns. She could just stick to the standard case study format, but as we know, she’s the kind of designer who likes to go above and beyond.

Click on one of her unsolicited portfolio pieces and you’ll be taken to a full-on, published blog post. Nice!

Despite the fact that these unsolicited redesigns are pure “passion projects”, Priyanka lends them the credibility they deserve by documenting her process in detail.

In her redesign of the Sephora iOS app , she starts by framing the problem: “Despite using the app religiously, I had trouble navigating through it. After observing that other people also experienced issues with the app, I pursued this redesign as an opportunity to improve the experience in any way I could.”

What follows is a detailed breakdown of every step she took to redesign the app, from brand analysis, user research, and affinity mapping , right through to persona creation, prototyping, and implementation—not forgetting those all-important visual artifacts that are absolutely crucial to UX storytelling!

What can we learn from Priyanka Gupta?

Priyanka is an experienced UX designer who presumably has plenty of real projects for her portfolio. This doesn’t stop her from conducting unsolicited redesigns when she comes across intolerably bad UX—as she puts it, it’s like an itch she just needs to scratch!

If you’re a new UX designer trying to build up your portfolio, take a leaf out of Priyanka’s book and complete some unsolicited redesigns of your own. This is a great way to demonstrate initiative and show that you’re a proactive designer who is willing to go the extra mile.

Just as Priyanka does, be transparent about the fact that these are unsolicited projects—a simple disclaimer is all you need.

Another valuable takeaway from Priyanka’s portfolio is the power of blogging. Priyanka doesn’t just limit herself to her portfolio website; she also shares her case studies and tips via Medium (where she’s accrued over a thousand followers!).

There are many different ways to share your process, so don’t be afraid to try a multichannel approach.

Unsolicited redesigns are an excellent way to build up your UX portfolio and demonstrate your initiative as a designer. As always, frame the problem, document your process, and tell a good story—and don’t forget to include a disclaimer.

View Priyanka Gupta’s full portfolio website

6. Lola Jiang delivers measurable outcomes and metrics

Who is lola jiang.

Lola Jiang is a California-based UX designer currently working at Google. Lola’s impressive resume includes having worked at YouTube as an interaction designer.

What makes Lola’s UX design portfolio so great?

One of the biggest challenges you’ll face as a UX designer is measuring and demonstrating the impact of your work. You know you’ve improved the user experience, but how do you substantiate that?

Look no further than Lola Jiang’s portfolio. Lola does an extremely important (yet scarce) thing: she puts the measurable impact of her UX design in the context of business needs.

Take her AI Training Platform case study, for example. Following a brief introduction to the project (literally one sentence), Lola offers the project’s outcomes: “The new design reduced task times by 68% and improved users’ subjective satisfaction by 139%.”

It’s immediate and impactful. Lola then takes us through the flow of the project, outlining the scale and scope of the work. She details the challenges, different iterations, and design, and clearly demonstrates the motivations behind decisions.

Lola rounds off her case study with a post-relaunch analysis, using concrete data to validate the final redesign: “With the original design, the set of tasks took 19 minutes. With the new design, the set of tasks took 6 minutes. Nearly 68%. Users’ subjective satisfaction with the new design (4.3/5) was 139% higher than the original design (1.8/5).”

What can we learn from Lola Jiang?

Lola does a great job of showing how she works in a business setting. This is crucial if you want to practice UX for a living, but it’s a trick that many designers tend to miss. While it’s true that you’re there to advocate for the user, it’s also important to recognize that companies have their own goals to meet—and you need to show how UX contributes to that.

If, like Lola, you can demonstrate how your work brings value, you’ll set yourself up for some serious bonus points. If you have data related to the project, this will be easy—but what if there aren’t any concrete metrics to showcase?

Even without data, you can frame your work in a business context. Set a business or product goal at the start of the case study. What do you hope your work will achieve? This is separate from the user goal, but the two should go hand in hand.

For example, creating a more pleasant app experience for the user should help to boost customer retention.

Likewise, establish a few success metrics before you begin. How will you measure the impact of your work? What tell-tale signs will you look out for after you’ve launched or relaunched the product? The best UX designers are those who can advocate for the user while meeting the needs of the business, so try to convey this throughout your portfolio.

Use your portfolio to demonstrate how you add value to the business. Set business goals and success metrics for each case study, and, where possible, include data and tangible outcomes.

View Lola Jiang’s full portfolio website.

7. Daniel Autry features “just the right amount” of portfolio projects

Who is Daniel Autry?

Daniel Autry is a designer, developer, and behavioural researcher based in Charlottesville, Virginia. He is fascinated by the social product space and is currently researching the intersection between technology and mental illness.

What makes Daniel’s UX design portfolio so great?

Daniel Autry’s portfolio features some remarkable work in the mental health space, but that’s not the only reason he’s made it onto this list. Daniel’s portfolio also helps to answer that all-too-common conundrum: What’s the “right” amount of projects to showcase in your UX design portfolio?

Before we go any further, let’s be clear on one thing: There’s no “magic number” when it comes to portfolio projects. Some people will tell you five, others will say three—you might even hear that one is enough!

Daniel has opted to showcase four projects in his UX portfolio, and while we’re not saying that he’s found THE magic number, it is a magic number of sorts.

In other words, Daniel has found the number that works for him: He features just enough projects to showcase his range as a designer while still keeping it limited enough so as not to overwhelm the user—smart UX design in action!

In the space of just four featured case studies, we see that Daniel is a versatile designer who has worked on a variety of projects across a range of sectors—from mental health to financial trading to e-learning. So, it’s not just about how many projects you showcase; it’s just as important to pick a good variety.

Besides his four featured projects, Daniel’s portfolio also includes a section dedicated to “Other Works”. Here, he links to articles he’s written on Medium, additional projects he’s worked on, as well as upcoming endeavors.

This is a great way to divide your portfolio, especially if you’re struggling to decide which of your best work should feature!

What can we learn from Daniel Autry?

Daniel’s portfolio teaches us an important lesson about the “right” number of portfolio projects: There isn’t one! Every UX designer is unique, and your portfolio should reflect that.

Don’t get too hung up on whether you should include three projects or five; focus instead on selecting a handful of projects that best showcase who you are as a designer.

If you want to brand yourself as a versatile, adaptable designer, feature as diverse a variety of projects as possible.

If you see yourself as a specialist in a certain industry, highlight the projects that demonstrate this. At the same time, don’t overwhelm the viewer: a hiring manager looking through your portfolio probably won’t browse through ten UX case studies, so choose wisely!

There is no hard-and-fast rule when it comes to how many projects you should feature in your portfolio. Choose a good enough variety to showcase your skillset, while keeping it minimal enough so as not to overwhelm the user. If you’ve got lots more work you want to showcase, add a separate section.

View Daniel Autry’s full portfolio website

8. Vera Chen highlights the importance of context

Who is Vera Chen?

Vera Chen is a product designer and former Facebook intern. She has a Master’s degree in Human-Centered Design and Engineering, and has also dabbled in singing and acting.

What makes Vera’s UX design portfolio so great?

Not only is Vera’s portfolio a beautiful thing to behold (just look at those illustrations!); it also highlights the importance of context when presenting your UX work.

Vera doesn’t just outline the problem statement for each case study—she steeps it in a solid back story, describing the events that led her there. She also clearly explains her role on each project, who she worked with, and what design and prototyping tools and methods they used.

Just by including these few extra details, Vera paints a clear picture of what the project entailed and how she contributed. Another excellent example of UX storytelling!

Let’s take Vera’s Wedding Library case study , for example. See how she dedicates two whole sections to setting the scene? First, there’s the project background which lays out the scope of the project. Then there’s the context section, a detailed story about newlyweds Murphy and Diana and the frustrations they faced when planning two weddings.

Vera doesn’t just tell us what the problem is. She shows us exactly how it came to light, and in what capacity she was employed to help solve it. By the time we scroll down to Vera’s process, it’s easy to see where each step fits into the overall project.

It’s a bit like reading a novel: you need a little bit of background before you can start relating to the characters and the plot.

What can we learn from Vera Chen?

There are two very simple yet effective takeaways to be had from Vera’s portfolio. First and foremost, provide plenty of background context—this works wonders when telling the story of each case study.

Vera doesn’t start with the problem statement; she sets the scene, describing the people, events, and circumstances that surround and lead up to this particular design challenge. Aim to precede your problem statement with a small paragraph dedicated to “setting the scene”.

Secondly, state your role on each project. What were you commissioned to do? Where did you fit into the overall team? At the same time, listing your teammates is a nice touch; UX design is a highly collaborative field, so it’s important to demonstrate individual value while acknowledging that the end result was a team effort!

For each case study in your UX portfolio, provide as much context as you can. Set the scene with a brief backstory before launching into your problem statement. This includes stating your role on the project and, if necessary, who you worked with.

View Vera Chen’s full portfolio website

9. Zara Drei bedazzles with awesome UX and UI

Who is Zara Drei?

Zara Drei is a London-based UX designer. When she’s not solving problems with beautiful, user-centric web products, you can find her playing around with electronics, making video loops, building ceramic and metal sculptures, or producing electronic music.

What makes Zara’s UX design portfolio so great?

We’ve talked a lot about the importance of showcasing your UX design process. Now it’s time to contemplate the power of beautiful UI! This brings us to Zara Drei’s portfolio—the epitome of digital elegance.

Zara specializes in creating digital products and experiences for luxury, fashion, and beauty brands, and this is reflected in every detail of her portfolio.

In fact, scrolling through Zara’s portfolio is like wandering through the beauty department of a high-end store, or flipping through the pages of a glossy magazine—and that’s no accident.

She has given as much thought to her color palette , typography , and imagery as she has to writing up her case studies and sharing her process. The result? A flawless portfolio that truly makes its mark.

What can we learn from Zara Drei?

Your UX design portfolio is not just a website—it’s part of your personal brand. Like your case studies, the overall aesthetic of your portfolio should tell a story about who you are as a designer. Consider how Zara uses color and imagery to evoke a sense of luxury throughout her portfolio; how can you create a similar effect?

Spend some time figuring out your personal brand. Are you fun and quirky? Artsy and edgy? Corporate and serious? Perhaps you’re all about eco-friendly design.

Once you’ve got a theme in mind, you can start to think about the kinds of colors and imagery that will help to convey this. Just because you’re a UX designer doesn’t mean you can neglect the visual design of your portfolio.

Your portfolio should embody your personal brand, so treat it like any other UX project and give it the high-shine finish it deserves!

Your portfolio website should reflect your personal brand, and visual design plays a crucial role. The best portfolios offer the full package—detailed case studies wrapped in stunning UI design and flawless UX—so aim to tick all the boxes!

View Zara Drei’s full portfolio website

10. Minimalism from Victoria Kazakova

Who is Victoria Kazakova?

Victoria Kazakova is a Polish UX designer, web developer, and photographer. 

What makes Victoria’s UX design portfolio so great?

In the enormous and sometimes confusing online world we trawl through daily, Victoria Kazakova’s UX portfolio wins the prize for clarity and ease of understanding. 

Throughout Victoria’s portfolio, she sticks to a minimalist design palette and clear signage, a simplicity that makes for a delightfully smooth read. 

Better still, words that spring up on command stroll through the portfolio, leading the reader from section to section. 

Charts and graphics displaying her skills and experience are so simple they appear iconic. There’s no chance the reader could feel lost or confused.  

What can we learn from Victoria Kazakova?

When it comes to graphic design, sometimes simplicity is best. The last thing you want to happen when someone reads over your portfolio is for them to feel overwhelmed with data.

Victoria’s portfolio is a great example of how responsive screens can ease the user’s journey through pages of information. 

Don’t be tempted to overload. Stick to two classy fonts and an inoffensive colorway. These simple building blocks can lead the user’s eye as they navigate your work. 

View Victoria Kazakova’s full UX portfolio

11. Yu-Hsuan offers zero-gravity UX

Who is Yu-Hsuan?

Yu-Hsuan is a UX designer, currently working for Google as an interaction designer. 

What makes Yu-Hsuan’s UX design portfolio so great?

Yu-Hsuan’s impressive role at Google means that many of her current projects are “locked” due to non-disclosure agreements. This is a common problem in the UX design community and a hurdle many designers face when putting together their portfolios. 

Yu-Hsuan’s deft solution is to focus on the illustrative side of her UX portfolio, which showcases her passion and side projects as a graphic designer and game designer. 

She also uses her illustrations to depict the otherwise locked aspects of the projects she’s describing. This gives a lovely cohesion with the rest of the content in her portfolio and reduces the jarring effect locked projects can sometimes have. 

The floating designer illustration that seems to hover over the portfolio is very cool and points at a sense of fun and creativity necessary to succeed in illustration and gaming. 

What can we learn from Yu-Hsuan?

Through her illustrations, Yu-Hsuan has subtly displayed her UX skills in her portfolio itself. 

This visual approach means the separate parts of the portfolio hang together perfectly, even when some of the projects are locked off. 

Another tip from Yu-Hsuan is to be approachable in your portfolio. Dropping in the line “Please contact me if you want to go through the case study” gives a real sense of openness, collaboration, and sharing. 

If you can’t show direct evidence of a project, don’t hesitate to get creative. A strong visual style not only shows off your design chops but helps a large portfolio hang together nicely. Also, be approachable!

View Yu-Hsuan’s full UX portfolio

12. A holistic introduction to Cristina Gafitescu

Who is Cristina Gafitescu?

Romania-based Cristina Gafitescu is a junior UX designer with a playful approach to visual design.

What makes Cristina Gafitescu’s UX design portfolio so great?

Cristina’s UX portfolio makes a great first impression as it tells her story in an interesting-to-follow, visually engaging way. 

Her playful page layouts and graphics show Cristina’s panache as an illustrator and designer. They also provide a great backdrop as she offers a holistic introduction to herself. 

Through a post-it note, almost diaristic approach, the reader really gets a feel for what kind of person Cristina is, her education and experience, and what attracted her to UX in the first place. 

That’s not to say this portfolio is totally informal. Cristina also does a great job of showing her processes, identifying problems (with a focus on UX research), solutions, and testing. 

When the temptation may be to opt for oblique, abstract graphics that display your design chops in the coolest terms, save a thought for a more intimate approach. 

Cristina’s portfolio is emotionally honest, charming, and informative. The effect on recruiters—especially those suffering from portfolio fatigue—is likely persuasive. 

View Cristina Gafitescu’s full UX portfolio

13. The spatial awareness of Rucha Moghe

Who is Rucha Moghe?

Rucha Moghe is a UX designer with a background in architecture based in India. 

What makes Rucha Moghe’s UX design portfolio so great?

From start to finish, Rucha’s UX portfolio ticks all the right boxes. It’s visually strong and easy to digest. Her user journey map is smart and in context, and the user flows, wireframes, and usability study are all useful.    

Tehni: A Plant App is an especially great case study and easy to follow. On the whole, Rucha’s portfolio is incredibly strong on user personas. 

As Rucha suggests, her background as an architect provides her portfolio with a great sense of user-centered design principles, spatial awareness, and problem-solving skills transferable to digital spaces. 

No space feels wasted, nothing is jumbled, and the reader never feels lost or confused. This is architectural elegance in portfolio form. 

Reinventing the wheel in your portfolio isn’t necessarily a good idea. Rucha’s portfolio nails the basics: it’s logical with an easy-to-follow narrative that shows how user problems were solved. It’s bold and eye-catching and features great user personas.

View Rucha Moghe’s full UX portfolio  

14. Nguyen Duc Thang’s deep case studies

Who is Nguyen Duc Thang?

Nguyen Duc Thang is a UX designer based in Hanoi, Vietnam. Although just starting in his career, Nguyen Duc Thang knows how to put together a really strong portfolio. 

What makes Nguyen Duc Thang’s UX design portfolio so great?

Much like Rucha Moghe, Nguyen Duc Thang’s UX portfolio gets the basics right despite the difference in experience. 

Nguyen Duc Thang’s branding is particularly strong, with eye-catching graphics consistently holding the content together throughout the document. 

After introducing himself, Nguyen Duc Thang covers his skills and qualifications before launching into extensive case studies. No stone is left unturned in these exhaustive examples, which detail wireframing, prototyping, testing, user personas, visual design, and information architecture. Bravo! 

Don’t scrimp on your case studies. Tell the world how you nailed that project, from top to tail.

View Nguyen Duc Thang’s full UX portfolio

15. Precocious design from Gilbert Christian

Who is Gilbert Christian?

Gilbert Christian is an Indonesian UX design student in the early stages of his career. As Gilbert mentions in his portfolio, he’s open to all manner of part-time, voluntary work, or UX internship programs. 

What makes Gilbert Christian’s UX design portfolio so great?

Despite his relative inexperience, Gilbert’s UX portfolio is extremely easy on the eye, with strong data visualization and imagery leading you from one page to the next.   

Gilbert’s case studies show a maturity beyond his experience, with thorough documentation giving us insight into his work processes. 

Gilbert’s portfolio is stunning and applies the same key UX design principles present in his work. 

If in doubt, build a logical narrative showing how a problem was understood, defined, and solved. 

View Gilbert Christian’s full UX portfolio

16. Valentina Gigli’s bold branding

Who is Valentina Gigli?

Valentina Gigli is a junior UX designer based in Argentina.  

What makes Valentina Gigli’s UX design portfolio so great?

Aside from the bold color scheme and font choice, Valentina keeps things simple with her portfolio. 

After introducing herself, Valentina discusses her “aptitude palette”, before moving on to her design examples. 

Whether you’re a fan of purplish magenta or not, the bold titles and lurid colors certainly make for clear signposting and remain in the mind’s eye for some time after looking away, a key sign of successful branding. 

When it comes to color schemes and fonts, it’s tempting to play it safe. Taking some risks may mean your portfolio pops out from the crowd.

View Valentina Gigli’s full UX portfolio

17. Aleyna Aykanat raises a smile

Who is Aleyna Aykanat?

Akeyna Aykanat is a Turkish UX designer with skills in public speaking, 3D product modeling, and graphic design.

What makes Aleyna Aykanat’s UX design portfolio so great?

Aleyna’s work is in monochrome black and white, with grainy charcoal textures offering depth to each slide. 

The result feels mature and assured—and Aleyna has the content to match it, too. 

After what feels like a serious offering, Aleyna offers something of a UX visual joke at the end of her portfolio, including a fake loading page, before bidding us farewell. 

Overall, it leaves one with the impression of Aleyna as a fun-loving lateral thinker—just the kind of person we’d like on our team. 

Many UX design portfolios are made using guidelines shared amongst tens of thousands of junior designers at bootcamps and other learning establishments. 

These cookie-cutter portfolios can feel a little soulless and may result in recruiters developing a kind of portfolio fatigue. 

As Aleyna shows so elegantly, including a curveball element—in this case, the joke towards the end of her portfolio—shows the portfolio has been assembled with care and craft, not painted by numbers.  

View Aleyna Aykanat’s full UX portfolio

18. Sharon Kravanja’s scrapbook stylings

Who is Sharon Kravanja?

Sharon Kravanja is a Parisian UX designer at the beginning of her career.

What makes Sharon Kravanja’s UX design portfolio so great?

From the outset, Sharon makes no bones about her very junior status as a UX designer. This is reflected in her opening statement and the primitive doodles that annotate and decorate each portfolio page. 

Despite this seemingly youthful approach, Sharon’s visual scrapbook style demonstrates impressive self-branding. Scribbles and sweeps bring cohesion to all the moving parts of the portfolio while playfully communicating Sharon’s self-awareness as an inexperienced but sincere and brave designer. 

Be yourself. A recruiter will sooner remember Sharon’s somewhat youthfully exuberant portfolio over safer designs.

View Sharon Kravanja ’ s full UX portfolio

19. Sophisticated graphics from Anna Hlushko

Who is Anna Hlushko?

Anna Hlushko is a Ukrainian UX designer with a self-professed focus on minimalism. 

What makes Anna Hlushko’s UX design portfolio so great?

Anna Hlushko’s portfolio speaks of a detail-oriented UX designer with serious design chops. 

Modernist typography and dark, grainy hues glue the elements of this portfolio in place. Anna’s graphic design skills are at the higher end of the spectrum, and these pages wouldn’t look out of place in a MoMA brochure.

Beyond the slick exterior, Anna also touches on her approach to tackling stages of work, including research, and details some case studies. 

Play to your strengths. If visual design is your thing, make sure your portfolio pops. This may be the one chance you have to show off your chops. 

View Anna Hlushko’s full UX portfolio

20. Thorough research by Hoàng Kỳ Phong

Who is Hoàng Kỳ Phong?

Hoàng Kỳ Phong is a Hanoi-based UX designer passionate about art and design. 

What makes Hoàng Kỳ Phong’s UX design portfolio so great?

With black and white images projected onto a backdrop of cartridge paper, Hoàng Kỳ Phong’s portfolio has a classic feel. 

Structurally, it is a masterclass in logical layout and digestible design. Extra marks are awarded for detailed market research and survey information. 

Consider the user at every step by demonstrating the process and results.

View Hoàng Kỳ Phong’s UX portfolio

Why do you need a UX design portfolio?

When creating an impressive UX portfolio, it’s important to understand exactly what your portfolio should achieve. What information should your portfolio present? What do you want people to learn about you and your work when they land on your portfolio?

Your UX design portfolio is not just a virtual gallery of all your most beautiful work. It’s a carefully crafted story that offers a behind-the-scenes look at your methods and processes.

How do you tackle different UX design challenges? What’s your approach to solving problems? Are you user-centric?

It should introduce you as a designer and give the viewer an understanding of your work. And, of course, all of these insights should come gift-wrapped in a visually engaging, user-friendly package.

How to build an amazing UX portfolio

Since a portfolio is all about showcasing your work as a designer, it’s obvious that you need to get some experience so that you have work to spotlight in the first place.

But what if you don’t have any industry experience (yet)? Not to worry.

It’s entirely possibly to build a strong portfolio, break into the industry, and succeed without previous UX design experience . One great place to start is by taking a free UX design short course to make sure you’re cut out for this area of the design field.

Next, you can then to enroll in a UX design certification program —preferably one that provides personalized UX mentorship and portfolio reviews.

To see a live portfolio review with a seasoned UX designer, check out this video:

Beyond this, you want to make sure that your portfolio meets these criteria:

• Includes a memorable introduction
• Consists of just the right number of high-quality UX case studies
• Demonstrates reflexivity —shows your ability to reflect and learn
• User-friendly format (practice what you preach)
• Excellent UI design —shows you know what a good, polished final product looks like

To learn more about these five criteria (and how to meet them), read more in this guide: Five Golden Rules to Build a Job-Winning UX Design Portfolio .

Where else can you look for UX design portfolio inspiration?

That just about concludes our selection of awesome UX design portfolios from around the web. We hope this list has given you a feel for some of the most important UX design portfolio best practices and left you feeling suitably inspired.

For more portfolio inspiration, check out websites like Bestfolios , Behance , and Dribbble . For further tips and advice on building your own UX design portfolio, check out these articles:

• 9 Awesome Portfolios From UX Design Bootcamp Graduates
• How I Designed And Built My UX Design Portfolio From Scratch
• 9 Free Websites for Building You UX/UI Portfolio

And finally, if you’re a UX designer looking to specialize, we’ve also written guides to build portfolios for UX writing and UX research . If you spot any further examples of great portfolios while navigating the web, do let us know so we can add them to the list.

Want to keep exploring UX design? Here are a few other articles you might like:

• How to become a UX designer in under one year
• Do you need a degree to become a UX designer?
• 7 best practices to help keep your UX skillset in shape
• How Nikolaos became a UX designer

And if you’re on the hunt for even more UX design inspiration, here are 15 quotes from design masters .

Frequently asked portfolio (FAQ) about UX portfolios

What should be in a UX portfolio?

A UX portfolio should showcase your expertise, understanding, and passion for UX. A portfolio can include elements like case studies, design, personal projects, examples of your process, and should be presented in a visually pleasing way.

How do I start a UX portfolio for beginners?

A beginner’s UX portfolio is a vital tool for entering the industry. Highlight your passion and motivation for the UX design, include your personal approaches, and if you have minimal case studies to present, include personal projects. 

How do I build my UX portfolio?

With the amount of free templates available online, building your UX portfolio has never been easier. However, it’s important to not limit yourself to a standardized approach and showcase your own unique talent. 

First and foremost, choose your projects and case studies carefully. Then present them in a logical narrative that tells a story about your design process. In your descriptions, highlight your motivations and thought processes.

Across your portfolio, focus on showcasing your design skills and problem-solving abilities, and keep your portfolio up-to-date with your latest work. Be sure to customize your portfolio for the audience.

• Portfolio Tips
• Career Tips
• Portfolio Examples
• Get UXfolio!

29 Impressive UX Portfolio Examples and a Guide for Creating Yours

Klaudia Simon

Design leads always start with portfolios when reviewing candidates. So, all UX designers – juniors and seniors alike – need an impressive  UX portfolio . Though putting one together might seem daunting, once you get an idea of what it takes, the rest will come quickly. So, let’s get started by checking out some stunning UX portfolio examples:

Kyle Kovacs

This example shows: consistency is the key to creating a stunning UX portfolio on a tight schedule. Kyle uses the same font throughout the portfolio, adjusting only its size or weight. This results in a sleek look. Also, he’s frugal with words on his portfolio’s landing page. This is in line with the newest UX portfolio trend: minimalist writing. Many designers add long sentences of eloquent introduction to their home page, and in most cases, it reads awkward or even forced. Don’t be afraid to keep it brief on your landing page! Design leads and recruiters care about design skills first. And your personality can shine on your About page, like Kyle’s.

Victoria Tu

It’s not only colors that account for consistency in a UX/UI portfolio. Check out how Victoria utilizes shapes, depth of field, and device mockups to coordinate her thumbnail layouts. The result is eye-catching. What’s more, thanks to the compositions, this UX intern portfolio looks dynamic without forcing elements to actually move around on the page.

Maxwell Marra

Maxwell’s UX portfolio website is an impressive showcase of his skills as a UI/UX designer & creative lead. The site’s design is pristine and intuitive, reflecting Marra’s commitment to user-centric design principles alongside his understanding of the latest UX portfolio trends. His projects – which range from the redesign of a budgeting app to a winter sports app – highlight his ability to translate innovative ideas into delightful digital experiences.

Max’s is the perfect example of what a UX portfolio should look like. Here’s why: it’s light and airy, with satisfying, pastel colors and soft, rounded corners. The UX of Max’s portfolio is also on point since the case studies are easy to reach, and the content is concise. And by making the case studies’ titles appear on hover, he didn’t compromise on the UI either. So, Max’s is a solid UX portfolio in all aspects.

Adrian Weber

Look no further for a portfolio to use as a basis for yours. Roland’s portfolio conforms to all UX portfolio best practices: only the basics in his hero section, 3 of the most important pages in the navigation, and 2 case studies presented matching thumbnails. It’s effortless, usable, and elegant.

Karl Ligeti

If you take a look at the best UX design portfolio examples, you’ll soon realize that the liberal use of whitespace is fundamental to all of them. Yet still, many designers – especially juniors – are frugal with it because they fear that their portfolio will look empty. If you’re unsure about whitespace, check out Karl’s portfolio: it has a minimalist design with plenty of whitespace, yet the portfolio doesn’t look empty.

Nicola Petrie

Nicola’s UX design portfolio is a love letter to minimalism. Her custom thumbnails use the same device mockup styles, yet they don’t look repetitive at all since Nicola experimented with the arrangement on each thumbnail. The result speaks for itself. Her case study titles and subtitles are effective too: The title reveals the purpose of the app/project. Meanwhile, the subtitle describes the scope of the project. This way, we open each project with some background knowledge.

Rachel Baek

Rachel B is a UX designer and researcher who translates academic research into user-friendly products. Rachel’s portfolio is easy on the eye with its refined design and a comforting color scheme that reflects her personality and style. She follows UX portfolio best practices by using a consistent layout and clear navigation through and through. Her UX case studies highlight her hard skills, such as UX research, wireframing, and prototyping, as well as her soft skills, such as communication and collaboration. Rachel’s portfolio is a great example of how to portray, promote, and showcase a wide range of design skills in a captivating manner.

Hana Nakano

Hana used UXfolio’s Norman template as her base, transforming it into something unique with the available customization options and features. The intense blue accent color creates an exciting contrast with the white background. Her thumbnails are in perfect harmony because she created them with UXfolio’s Thumbnail Designer. This feature allows you to design professional thumbnails inside UXfolio: just bring your designs and the rest is on us! Hana’s portfolio is proof that you can create a memorable UX portfolio without overdesigning it.

David Bornfirend

David’s UX portfolio website is a masterclass in clean and modern design. The homepage is pure yet attention-grabbing thanks to the large headline that sets the tone for the rest of the website. This direction, combined with the black-white-gray color palette, underlines David’s professionalism also apparent from his well-structured and stunning case studies, in which he achieves the perfect balance between copy and visuals.

Aniela Carolina

Aniela has been a designer for 10 years and her experience is obvious from the way she presents herself and her work. First of all, she chose a lovely accent color and applied it consistently throughout various elements of her pages. Furthermore, she uses icons and typography to create a sharp content hierarchy. The longer case study titles on her home page act as super-descriptive snippets into the projects. She included 3 projects in her portfolio, yet, as you scroll through her home page, it feels and looks more because of the project grid she chose in UXfolio’s editor.

Annie Nguyen

Annie’s portfolio stands out for its sharp design, fonts, and clean thumbnails. She keeps the copy minimal on her home page, which prompts us to jump right into one of her detailed UX case studies. We like the way she tagged each case study: her role, the field, and the design type. This way, if someone’s looking for a mobile designer, they can jump right into the mobile design case study. Saving time for your users is among the top 3 things you can do for them. This applies to all products, including your UX portfolio.

Kevin Hursey

An effortless and chic portfolio that’s proof: you can never go wrong by keeping your UX portfolio’s design lowkey. Here, the focus is on elegant typography and fantastic case studies. And the result is top-notch. It’s evident that Kevin’s confident in his skills and work. He doesn’t need to compensate with an overdesigned portfolio like so many designers. If you wonder why just check out the Brightminds case study. It has a solid structure, crisp visuals, and engaging storytelling that highlights UX. It’s one of the most popular UX case studies on UXfolio’s Showcase .

Since the 2020s we’ve been seeing more and more dark UX portfolio examples. As you can see from Melysia’s example, dark templates are especially beautiful when the content is kept to a minimum, and there are bright elements to break up the darkness. Melysia uses UXfolio’s password-protection feature on her case studies. This feature allows you to set up passwords for individual case studies or your entire portfolio to protect sensitive material.

Robyn Hines

Here we have a fun yet still elegant portfolio. There are a few fantastic tricks up Robyn’s sleeves that we’d like to highlight. First, check out how she uses those diffused, colorful blobs in the background of her thumbnails to tie them together. The thumbnails link to very different projects, yet they are in perfect harmony on the home page. Second, Robyn uses a layout that fills up her portfolio. By making the thumbnails bigger and presenting them in a vertical list, the portfolio doesn’t look empty. If she’d use small thumbnails on a grid layout, the perception would be quite the opposite.

Jaclyn Chao

Jaclyn describes herself as someone with “[an] eye for simplicity, keen observational skills, and obsession with organization” – traits that can be traced in her UX design portfolio. She took a minimalist portfolio template and made it her own through careful font selection, dynamic project thumbnails, and harmonizing colors. What’s more, Jaclyn wrote an engaging and memorable About page, which is a rather challenging feat.

Alyssa Ignacio

If you’re looking for the perfect, non-cliché designer statement, check out Alyssa’s: “Making a positive impact on my communities through collaboration, empathy, and endless funfetti cookies.” As simple as it is, this intro – mixed with the warm tones of her portfolio – makes her instantly likable. She keeps to this much-welcome conciseness throughout the portfolio. Though the whole UX/UI portfolio looks amazing, we’d like to highlight the type she used for the descriptions on her thumbnails: it’s small, stylish, yet still readable. Many designers are afraid of small font sizes, but with the right type, going small can create a chic effect without affecting usability or accessibility.

Madison Green

Madison mixes various colors in her portfolio – green, blue, lilac, and red – yet it looks coherent. That’s because she uses similar, dusty shades of each color. And just like that, without even reading a word, we know she has an eye for design. She features four case studies on her home page, each represented by consistently designed thumbnails, a short title, and the right amount of description. Before even opening the project, we learn what her role was and what was the project scope. So, this is an excellent example of great UX meeting good taste.

Natalie Kyle

When you hover over Natalie’s project thumbnails, you can read project subtitles like “The days of hunting your data are over” or “Show me the money! ” These are only really small details, but you can’t help but smile while reading these subtitles. Allowing your personality to shine via funny or unexpected copy is always a great direction. Recruiters and UX professionals have to look through dozens of case studies each day. Therefore, including a small but unexpected detail might just be your ticket for an  interview .

We hear many stories of researchers struggling with their UX research portfolio . Saba shows you how to tackle this challenge. Instead of going with the usual serious look, she created a playful portfolio, using bright colors and a handful of matching emojis. Emphasis on matching. This look works for Saba because the emojis on her project thumbnails are from the same source, and the colors she uses on her backgrounds are in perfect harmony.

Nuwanthi Illukkumbura

If you’re wondering what a senior UX designer portfolio looks like, check out Nuwanthi’s! With 10 years of experience under her belt, Nuwanthi knows a thing or two about curating her work. She showcases her expertise and skills in 4 impactful case studies, focusing on

• UI redesign, and
• UX overhaul.

Many designers believe that the more you’ve worked in the industry, the more case studies you need in your portfolio. This isn’t exactly the case. What’s important is that you showcase your range through your best work. Design leads or recruiters will not read through 10 case studies, so it’s better to curate your best work only like Nuwanthi does.

Benny’s portfolio is clean and professional. He saves his introduction to his About page to pull our attention toward the projects. That’s how we know we’re looking at a senior UXer’s portfolio. Experienced designers know that in UX, case studies get you the job. The reason is simple: case studies showcase your UX skills and process in action, underpinned with examples. Therefore, as our research revealed, most design leads go for case studies right away when opening a portfolio. Benny understands this, and he crafted this stunning, consistent portfolio accordingly.

Jack Bernstein

Jack uses bold colors to upset the clinical minimalism of UXfolio’s Otis template. The good thing about templates so subdued is that they work great with bold design choices as well as a serious tone. It’s up to you which route you go down. Jack went with vibrant pink, lilac, sky-blue, and mustard. Each of these colors is fantastic on its own, but they also work perfectly together. We love the inclusion of the simple “Illustration” page . When clicking it, you’d expect to see static images laid out on a page or maybe a gallery. Instead, Jack embedded an adorable video of him drawing with a baby in his lap. This small gesture makes the entire portfolio even more personal.

Otilia Pandelea

Otilia made her portfolio unique by using a stunning font pairing: Poppins with IBM Plex Mono. This pairing and the harmonious color story look wonderful throughout the entire portfolio. Her about page, with custom graphics, is another highlight. We love the two lists: one about her goals and another about her frustrations. It’s new. It’s fresh. Also, the two lists balance each other perfectly and make us feel in tune with her.

Quentin Muraz

Quentin’s UX portfolio was built according to the “less is more” principle. The look is on point, and so is the content. Using  UXfolio’s  thumbnail styles, he made sure that the case study titles appear on hover only. And it’s worth hovering for these titles and subtitles! They utilize a great formula for naming UX/UI case studies: the app’s name for the title, and a short but revealing sentence for the subtitle.

Bjorn Gulpen

Here’s proof that you don’t have to overthink your UI/UX portfolio to achieve something great. Bjorn’s hero section is simple and welcoming. The first thing we see when landing on the portfolio is a high-quality portrait, with a friendly smile on his face, alongside a short design manifesto. Bjorn’s case study thumbnails don’t follow an obvious color story, yet they work together perfectly because he used the same text styles and naming formulas on each.

Rachel Platt

Salesforce Product Designer, Rachel used  UXfolio’s  thumbnail generator to create stunning thumbnails that match the style of the case studies they’re linking to. The thumbnail generator takes your case studies’ hero section and your images (with or without device mockups) and offers you various thumbnail options. It’s up to you which one you chose. When clicking one of the thumbnails, you’ll see that most of Rachel’s case studies are password-protected. This feature allows you to build case studies based on sensitive materials while keeping control over who can view them.

With positive emojis in her bio and colorful project thumbnails, Ellen brings warmness to this otherwise strict and minimal template. By using large typography under her thumbnails, she drives attention to the copy, which describes each project in a concise style. Ellen’s Neurotime case study is also featured on our showcase since it’s the textbook example of how it should be done: clear structure, plenty of visuals, and descriptive but not overlong. She uses UXfolio’s built-in device mockups to present her examples, ensuring that the case study looks visually consistent.

Dae Hyun Baek

Dae Hyun’s portfolio is simple yet appealing. While the project thumbnails are quite large, their contents are perfectly sized. This gives the whole portfolio a light and modern feel. When you are designing your own portfolio homepage, pay attention to whitespace and margins. Nobody wants to look at a cramped portfolio, and as much as you want to squeeze everything into a thumbnail, you need to make some cuts to keep it simple.

Alexander Kirov

Alexander’s portfolio has some password-protected projects, which is a great way to protect sensitive data or case studies that are not strictly public. What is even better is that he still shows some final UIs or design elements on the thumbnails, so you can get a sense of his overall work even though you can’t peek further. It’s also an option to present more information about the projects right on your own portfolio home page.

Takeaways from the best UX portfolios

Now that you’ve seen some of the best UX/UI portfolios out there, you’ve probably realized that they share many similarities. That’s because they use a portfolio formula that works; a structure which the industry is familiar and comfortable with:

Your home page is your visitors’ first touchpoint with your portfolio. It’s the starting point and the first impression you make. Therefore, it has to

• look great -> so your visitors want to see more.
• help with orientation -> make it easy for them to see more.

Content on your home page:

• Occupation/title,
• Designer statement,
• Links/thumbnails to case studies,
• Navigation (to various pages, like About me, Resume, and Contact).

Case study thumbnails

All things considered, your thumbnails are the most important part of your portfolio’s home page. Even more important than your navigation, for example. If you think about it, the point of a portfolio is to showcase your skills and process through case studies. Therefore, you need to get your visitors to open your case studies. The best way to do this is by creating enticing case study thumbnails and featuring them right on your home page.

The 4 golden rules of case study thumbnails:

• Your thumbnails must look good individually and together since they’ll be laid out close to each other.
• Use the same device mockup style for every thumbnail.
• Make sure that the thumbnails’ backgrounds are identical or harmonizing.
• The thumbnails have to match the home page, not the case study.

UX case studies

We all know that UX goes beyond pretty screens. Therefore it’s understandable that UX leads and recruiters want to see your approach and process. And through case studies, you can show it to them. Great case studies combine the following ingredients:

• Logical thought processes.
• Communication,
• Ability to work independently,
• Decision-making based on research and data,
• Ability to learn from mistakes, and
• Problem-solving.
• Design process.
• Knowledge of UX methods and their application.
• Openness to feedback.
• Desire to improve.

Nice-to-haves in a UX portfolio

While your home page and case studies are the most important elements of your portfolio, you should take it a step further. Adding pages like About/Bio, Contact, UX designer resumé , and social links can make your portfolio more usable, revealing, and personal.

How to showcase skills in your UX portfolio?

Our job at UXfolio includes talking to world-renowned design leaders to find out what they’re looking for in portfolios. We had to pleasure of talking to some of the most innovative and influential UX designers in the industry, such as

• Design Spring inventor Jake Knapp ,
• behavioral scientist Susan Weinschenk ,
• UX industry veteran Jared Spool , and
• InVision lead designer Pablo Stanley .

They all mentioned that the best UX portfolios show the design process and decisions. Of course the final design is important too, but they want to see how you’ve arrived there. They want you to explain your decisions and to tell why you decided to go with those specific solutions.You need to share design stories. Present your design process step-by-step, from the beginning to the end.

Tell your design story with UXfolio!

In case you need a tool to help build your portfolio quickly and easily, we made a great one: UXfolio . We created it specifically for UX professionals, so it’s packed with powerful features that’ll help you through the portfolio-building process. These features include text ideas and guiding questions for copywriting, prototype embedding, scrollable mockups, galleries, statistics section and many, many more. Give it a try!

WEBSITE ESSENTIALS

15 best UX portfolios and what we can learn from them

• Talia Cohen
• 11 min read

Get started by: Creating a portfolio → | Getting a domain →

An online portfolio is a must for designers at all career stages, from entry-level freelancers to senior staff designers. Potential clients or employers expect to see a portfolio showcasing your design skills before they make a hire. As a designer it's a type of website to make to showcase your work.

Has your curiosity piqued? Continue scrolling to view 15 of our favorite UX design portfolio examples: Feast your eyes on their impeccable design, learn from best practices and get inspired to create a website of your own.

What is a UX design portfolio and why do you need one?

Any designer working in their respective industry must have a professional portfolio . For UX designers, a portfolio is a chance to present your best work, creative process and personality. You can also provide in-depth case studies that communicate how you facilitate a user experience. However, all UX design portfolios need to balance an engaging visual experience with one that enhances usability.

15 UX portfolio website examples

This curated list of best portfolio websites highlights some of the best practices these pro UX designers have implemented on their Wix sites. Take these into account when creating your own UX design portfolio.

Sophie Brittain

Diana Tatarenko

Run Wild Studio

Saloni Joshi

Dalya Green

Lital Karni

Sophie Westfall

Michaella Twersky

Gautham Mukesh

Zebi Williams

Jennifer Etsuko Higa

Tania Soraya

Sophie Chen

01. Sophie Brittain

Digital and branding designer Sophie Brittain has crafted an inviting, spacious design on her UX portfolio. A visual of brightly colored abstract shapes appears at the top of her homepage. The motif repeats throughout her portfolio, helping to define a distinct personal brand.

Key design takeaways from Sophie Brittain’s UX portfolio

Sophie utilizes the website's top fold to introduce herself and briefly clarify her areas of expertise. Stating her name and creative discipline within the field of design in large typography, site visitors won’t miss this essential information. She’s also added a friendly “hello!” and a personal touch in the form of custom icons.

When you put your own portfolio together, make your personality and expertise clear. Prospective employers and clients will likely look through dozens of UX portfolios in addition to your own, so add personable touches to make yours stand out.

02. Diana Tatarenko

This 2021 Wix Playground Academy participant created a mesmerizing UX portfolio using clean lines and simple colors. The addition of a whimsical, lime green font gives off a playful vibe.

Key designtakeaways from Diana Tatarenko’s UX portfolio

The highlight of Diana’s website is its “Work” section, which not only displays her recent projects, but also explains her process. Each project outlines the problem the client faced and explains how Diana solved it through design. She shows visitors her vision, thought process and images to support each step—offering a comprehensive overview of her creative workflow.

Your portfolio is a chance to be transparent with your clients before you even meet them. By showing how you overcome challenges and solve problems when creating your final product, clients will have more confidence in your approach.

03. Run Wild

Run Wild’s UX portfolio offers an almost interactive experience, using a video background to serve as the site’s welcome screen. A tagline is written in block white letters with a button that begins the user journey placed below, starting with the designer’s bio. The entire site is whimsical and informative, plus it's a breeze to navigate through. Run Wild allows his artistic talent to shine through the use of a hamburger menu, large typography, scrolling effects and images of his design projects.

Key design takeaways from Run Wild’s UX portfolio

Run Wild uses two forms of navigation. The first is a hamburger menu, placed in the upper left corner. There is also a horizontal navigation menu in the website footer, with each menu item written across the bottom of the page.

Take Run Wild’s lead and make all the information visitors need accessible through simple and clear navigation. If someone has to hunt for your resume or contact information, they may give up and leave your site.

04. Saloni Joshi

This straightforward UX portfolio contains a spacious top fold dedicated to a short, introductory paragraph and links for getting in touch with Saloni . Further down, you’ll find her showcased projects.

Key design takeaways from Saloni Joshi’s UX portfolio

Saloni includes quality written content on her UX portfolio, presenting all the most crucial information in an easy-to-read and familiar (yet professional) tone.

Similarly, you should use written content to clarify your information (like your name and current employment status), as well as highlight opportunities of interest and project details. Like Saloni, strategically place these essential details on your portfolio using a readable font and minimal amounts of text. Visitors will want to find the details they need quickly without having to search. Additionally, we suggest adding your CV directly to the website’s menu.

05. Dalya Green

Dalya Green’s one-page UX portfolio certaisonly packs a punch, leaving visitors with a well-rounded impression of her work and vision. The site is full of fun, engaging elements like the gradient background, whose color scheme visitors can change on their own.

Key design takeaways from Dalya Green’s UX portfolio

Dalia includes a white button with the words “Click to see some fun facts” on the top fold of her site. Upon clicking, five more colorful circles open up, overlapping her intro with fun facts including her morning routine and her Netflix vibe. She even has another pink button at the bottom of her page in the “Info” section that says, “Missed the fun facts?” When visitors click, the same facts appear overlaid across the screen. This creatively grabs visitors attention and entices them to continue exploring.

As a UX designer, your job entails creating smooth and effortless digital interaction, so make your portfolio an engaging experience. When you allow visitors to not simply observe your portfolio, but interact with it in unusual ways, it shows off your creativity and design skills—offering a sneak peek at what they can expect from your work. In addition, it makes your portfolio unique and memorable.

06. Lital Karni

The energetic combination of colors stands out on Lital Karni’s professional portfolio, making the top fold appear both sophisticated and playful. The layout on the homepage is simple with an organized fullscreen grid. Lital has carefully matched a different background to each project, while also creating a cohesive homepage aesthetic.

She has also created a custom logo design that stays fixed to the screen and acts as a convenient link to her homepage. Thanks to its subtle glow, the letterform logo remains visible against any background color.

Key design takeaways from Lital Karni’s UX portfolio

Lital has used a combination of techniques for displaying contact details and allowing visitors to contact her. For example, a “Let’s Talk” button is fixed to the screen as you browse through her portfolio, tempting site visitors to reach out. Clicking it will take you to a contact form at the bottom of the page. On top of this, she’s added her email, phone number and social links on her About page, ensuring that visitors have no problem getting in touch.

When you make your own UX portfolio, make sure your contact details are visible. After all, the goal of your personal website is to draw attention to your works and ultimately get hired. Make it easy for employers or clients to get in touch by including all the necessary information in an easy-to-spot location—either on a dedicated contact page or via your website footer or About page. You may also consider adding your email address, phone number and links to your social channels.

07. Jung Hoe

UI/UX designer Jung has created three simple pages on his UX portfolio (Work, About, and CV) which visitors can easily navigate through in the upper right corner menu. When landing on this site, viewers are initially taken to Jung’s Work page, which also acts as the site’s homepage.

Key design takeaways from Jung Hoe’s UX portfolio

Jung's bright yellow portfolio not only grabs your attention, but gives you a glimpse into his upbeat personality. In addition, an animated background of yellow spheres falling from the top of the screen introduce Jung along with rotating greetings in 13 different languages. English greetings include “Hi there!” and “Howdy partner!” and instantly allow visitors to emotionally connect with this designer.

Jung Hoe’s website exemplifies how a UX portfolio can extend your design brand. The look, colors and tone of voice remain consistent on each page and even extend to his CV. Jung's unified brand identity creates a memorable impression that helps visitors understand what to expect from him and his work.

08. Sophie Westfall

A primary tenet of Sophie Westfall’s work relates to dealing with mental health and supporting nonprofit agencies. Following this principle, she incorporates calming color tones and soothing imagery so that visitors “feel calm and safe” while looking through her work. An old black and white photo of her family sits next to a brief introductory paragraph, and a small black and white butterfly flutters in the lower left hand corner.

Key design takeaways from Sophie Westfall’s UX portfolio

Clean, symmetrical lines outline Sophie’s projects on a beige background. Her digital projects appear on a desktop, tablet or cell phone screen, conveying her ability to tailor her work to any device. The three digital showcases Sophie has chosen to feature also include props that emphasize the final product design. The right-sized images don't overwhelm site visitors, but still show off the detail of her work as well as her obvious talent.

Display your work how you want viewers to see it. Sophie’s UX portfolio shows us how to beautifully showcase work on an intended platform. If a project has both a mobile and desktop design, feature both assets so potential clients can see your full range of talent.

09. Michaella Twersky

Product designer Michaella (Miki) Twersky’s portfolio has a classic look, but it simultaneously conveys her unique personality. Miki has added a hover effect on the images on her homepage. While the images first appear in black-and-white, they saturate with color when hovered over. This helps visitors focus on the specific project they’re viewing, improving their browsing experience.

Key design takeaways from Michaella Twersky’s UX portfolio

While it makes a big impression, Michaella’s portfolio only highlights six of her best projects. Since your UX portfolio show off your best skills, you don’t need to include everything you’ve worked on throughout your career. When choosing which of your own projects to display on your portfolio, include only your favorites or those that reflect the type of work you'd like to do in the future.

10. Gautham Mukesh

This UX portfolio example perfectly reflects Gautham Mukesh’s sleek and modern design style. The dark mode-inspired color scheme is paired with clean fonts and perfectly implemented animated trigger effects to convey that this UX, product and web designer cares creating a user-friendly browsing experience.

Key design takeaways from Gautham Mukesh’s UX portfolio

Less is more. Your portfolio should highlight both your design personality as well as your work. But don’t forget the importance of white space—that is, empty space that will help draw peoples’ eyes to your strategic content.

Gautham's clean and simple website emphasizes only vital components of his work. And although it’s easy on the eyes, Gautham’s web design is still rich with sophisticated design features like customized imagery, parallax scrolling and a convenient QR code for getting in touch.

11. Zebi Williams

Starting with a striking hero image, Zebi's UX portfolio takes visitors through a seamless journey to discover the designer's work, experience and processes. Overall, Zebi's site supports important written information with visual details, like color, animation and imagery.

Key design takeaways from Zebi's UX portfolio

Zebi's engaging portfolio delights first-time visitors. A map tracks a user's location as they scroll through the site’s homepage, encouraging continued exploration. Each section of the UX portfolio has value—whether it's detailed case studies, testimonials, supportive imagery or contact details.

12. Jennifer Etsuko Higa

Jennifer's UX portfolio has a trendy 90s vibe thanks to unfiltered imagery, use of a serif font and the vintage feel of her warm color scheme. While it's clean and easy to read, Jennifer's homepage proves that you can make a bold statement with minimalistic elements.

Key design takeaways from Jennifer’s UX design portfolio

Use your knowledge of design principles to fine tune your layout. Jennifer uses her understanding of complementary colors and their effect on the visitor to create a seamless user experience that engages without overwhelming or distracting.

13. Tania Soraya

Tania uses a combination of earthy, neon and neutral colors on her website to foster a more attractive experience. Tania showcases just three core projects she's worked on recently to give visitors a focused overview of her work. Using a friendly written tone and emojis throughout, Tania seems approachable, encouraging visitors to reach out for more details.

Key design takeaways from Tania’s UX design portfolio

Tania’s site uses minimal visual and written content, but communicates a clear vision of her modern style. The simple, clean layout paired with a mesh gradient background emphasizes her personal style.

Sometimes, a good website background is all you need to let your personality shine. In Tania's case, the sophisticated gradient proves two things: First, Tania definitely has her finger on the pulse of web design trends. Second, she's not afraid to jump outside of the box.

14. Madison Yn

It’s the little things that make a site more attractive for visitors. Here, Madison implements strategic design elements that please the eye—like animation to grab attention and white space to create visual balance. Additionally, the use of large typography enhances the level of readability, making the site a breeze to scroll and read through.

Key design takeaways from Madison's UX portfolio

The top fold of your homepage is visible as soon as visitors reach your site. Since it takes only seconds to make an impression on a user, treat it as valuable web design real estate.

Madison takes full advantage of this concept. The top fold of her home page is rich with color. It includes a short professional bio, CTAs and a succinct navigation menu. On top, Madison's animated logo makes a striking impact to the overall design.

15. Sophie Chen

We appreciate how Sophie Chen’s UX portfolio gets straight to the point. The timeless web design dives right into a display of work experience examples, starting at the top fold of her homepage.

Each piece of her portfolio examples includes a title, short summary and a button that leads to the “case study.” Visitors have the option of learning more about Sophie’s process and the specific tools she used for each project.

Key design takeaways from Sophie Chen’s UX design portfolio

The straightforward layout used on Sophie's portfolio translates well on mobile devices. The same information viewed on the desktop version can be comfortably accessed from a smaller screen. The content fits perfectly into the user interface, especially thanks to the hamburger menu which allows more room to display each page's content.

When creating a UX portfolio of your own, make sure you use either adaptive or responsive design methods to perfect the mobile version. And with almost 60% of online traffic coming from mobile devices , you'll avoid missing out on customers who discover your portfolio on-the-go.

What makes a good UX portfolio?

A strong UX portfolio not only demonstrates your expertise but also tells a compelling story that resonates with potential employers or clients. To achieve this, each project should include a comprehensive case study outlining the design process from research and ideation to prototyping and testing. Highlight your results and impact metrics to showcase the effectiveness of the designs in improving user experiences. Make sure to use personal branding and storytelling as well as accessibility and responsiveness so that your portfolio is inclusive and optimized for all users.

To stand out, you should regularly update and refine your portfolios, incorporating new projects and skills while seeking feedback for continuous improvement. By showcasing a diverse range of projects, emphasizing user-centered approaches and infusing personal branding, you can effectively communicate your expertise and passion for creating exceptional user experiences, ultimately attracting opportunities for career advancement.

10 best practices for your UX portfolio

After drawing inspiration from fellow creators and other UX research websites , gather your takeaways and craft your own online presence. Here are the essential design portfolio tips to learn how to make a portfolio from the selection of UX industry examples above:

Make it instantly clear who you are and what you do.

Be easy to contact.

Present your portfolio with high quality imagery.

Describe your work using succinct copy.

Present your process, and not just your final product.

Use your website to establish your brand.

Add an updated copy of your CV.

Mention the basic details of each project.

Only include your best work.

Make sure your site looks good on mobile.

How to make a UX portfolio website on Wix

Ready to start a portfolio of your own? Take these steps to learn how to make a website . You can start with portfolio templates to speed up the process or hone your design skills and make one from scratch. Once you've laid a foundation, customize your UX portfolio keeping best practices in mind.

Choose a portfolio website template

Personalize your site with website design features

Dive into the Wix Editor to drag and drop your elements into place

Upload your media

Add an About page

Add a Contact Form

Publish and promote your site

UX portfolio FAQ

What does a ux portfolio consist of.

A UX portfolio should showcase your best work through carefully selected projects with comprehensive case studies. It should include the following elements:

An About Me page that introduces you and your work.

Case studies that detail your design process, problem-solving abilities, and outcomes.

Visual examples of your work, such as screenshots or videos.

Design artifacts such as personas, user journey maps, and information architecture diagrams.

Your skills and tools relevant to UX design.

Contact information so potential employers can reach you.

How do I start a UX portfolio for beginners?

How do you make a killer ux portfolio, do ux designers need a portfolio, related posts.

Best portfolio websites to fuel your inspiration

17 best portfolio layouts for creative professionals

15 illustration portfolios that are brimming with talent

Was this article helpful?

10 best UX design portfolio examples for 2024

Every UX designer needs a portfolio. Find inspiration for your own in these great UX designer portfolio examples.

Build completely custom, production-ready websites — or ultra-high-fidelity prototypes — without writing a line of code. Only with Webflow.

Your UX design portfolio stands as proof of your skills and creativity. It’s not just a visual showcase — it reflects your expertise in user-centric design principles.

Creating a compelling user experience (UX) design portfolio goes beyond aesthetic appeal. It blends visuals with visitor-friendly functionality, demonstrates how you align design choices with user needs, and curates a thoughtful website layout that narrates your design process.

Every detail of your site, from the structure to color scheme, should demonstrate your intention and capacity to deliver a seamless and impactful UX. Your portfolio is your canvas, the platform where you apply and showcase the skills you’ve honed to become a UX designer .

The 10 best UX portfolios

We've compiled ten of our favorite examples of great UX portfolios to inspire you while you create your own.

1. Emi Lantz

Emi Lantz's portfolio embodies subtle sophistication, captivating visitors with a striking dark theme and a minimalist approach. Her adept use of animation underscores her multifaceted skillset, showcasing her design prowess and research, marketing, and brand promotion abilities.

A prominent “View Project” button directs visitors to five curated projects on the landing page. Comprehensive case studies and intriguing prototype videos delve into each work, demonstrating her straightforward and practical design process. The inclusion of glowing testimonials, or “high fives,” from previous collaborators and team members highlights her personal flair, articulates her brand, and further substantiates her UX/UI design abilities.

2. Ljubomir Bardžić

Freelance UX/UI designer ​​Ljubomir Bardžić ’s portfolio balances minimalist design with aesthetics. Using a classic black-and-white theme, he strategically deploys vibrant color accents to draw attention to his various projects, displaying them with clarity and precision. His portfolio pieces include client feedback to affirm his work’s impact, user journey mapping, and wireframes to illustrate his ideation and design process.

The textual content leaves no room for ambiguity. He succinctly communicates his service offerings — web design, UX/UI design, and Webflow development services — to reinforce his value proposition. Blending simplicity and directness, Bardžić’s portfolio offers a rewarding, expositional experience for visitors and potential clients.

​​ 3. Karolis Kosas

Product designer Karolis Kosas presents a minimalist approach to his portfolio that lets his design prowess shine through. A stark black-and-white color scheme subtly comes to life with the animated blinking eyes on the CUJO project, adding a touch of intrigue and whimsy to the site.

Each project piece provides a sleek, professional showcase of Karolis’ design process. Every meticulously curated detail guides visitors through each project stage. The side-by-side display of product design deliverables and images of the product in use illustrates how each step contributes to the final product. This thoughtful and thorough presentation mirrors the high caliber of Karolis’ design skills.

4. Pascal Strasche

When visitors land on the portfolio of Pascal Strasche , a seamless blend of professionalism and personal flair greets them. Harmonizing color schemes underscore comprehensive project presentations, each one narrating the behind-the-scenes story of his design journey.

In a refreshing twist, Pascal discloses his personal manifesto — a clear outline of his ambitions and values — symbolizing the depth of investment in his brand. He also doesn’t leave his skill mastery to conjecture; Pascal quantifies his expertise in UI design, web design, and visual design with percentage numbers on his Skills page.

His articulate and direct approach fosters trust and reliability. By integrating his unique personality and UX/UI expertise, he creates a genuinely individualized portfolio that demonstrates his design acumen and personal ethos.

5. Vicky Marchenko

Landing on Vicky Marchenko’s portfolio feels like a warm welcome from a friend. The playful paper plane animation and friendly “hey there” expression deliver a sense of personal connection. Her consistent use of a comforting purple and white theme furthers this inviting atmosphere.

Visitors will find comprehensive and transparent case studies as they delve into her projects pages. From project overviews to specific deliverables and examples of final designs, Vicky makes everything clear. Her footer invites users to enter their name, email address, and a message, offering a clear line of communication to make collaborating with her simple.

Build and visually design a full portfolio website — completely free. This course covers everything from the basics of grid and flexbox to advanced interactions and accessibility work.

Enter Michael Kochenburger’s UX portfolio, branded as KOCO , and a wide-eyed animated robot instantly greets users. This engaging character doesn’t merely decorate the site — it ushers visitors through it, making for an immersive and welcoming journey.

Moving into the project pages, Michael’s design skills shine. He arranges information aesthetically, splitting each section of text with images displaying his work.

Beyond the visually engaging design, he also includes the project’s objectives, challenges, ideation, and final deliverables, clearly demonstrating his systematic approach. Michael also hides some of his work behind a password-protected vault, labeled as his “top-notch stuff.” This strategic mystery stirs curiosity, a powerful tool for attracting potential clients.

7. Olga Rody

Large text and a minimalist design take center stage on Olga Rody’s sleek portfolio homepage. She displays her projects in a large grid, featuring images from each work to subtly inform visitors of what to expect before they click, accompanied by a natural color scheme that prioritizes accessibility with its excellent contrast.

Clicking into one of her projects, Olga clearly defines her role upfront. As visitors scroll, she introduces a variety of design deliverables such as journey maps, wireframes, and prototypes, painting a comprehensive picture of the design process.

Her portfolio isn’t just a collection of pretty pictures, however. She includes measurable outcomes, such as usability testing results and survey answers, to showcase her impact as a designer. This focus on results paired with her visually pleasing design aesthetic encapsulates her dedication to the UX design craft.

8. Ryan C. Robinson

Switching it up with a burst of color, Ryan C. Robinson ’s portfolio gives a vivid twist to modern minimalist design. His projects pop off the screen as visitors scroll through, breaking away from the standard 2D design approach and introducing 3D elements.

Each of his project pages balances descriptive content with stimulating visuals, ensuring complete understanding of his design process. His focus tags for each project are particularly useful — wireframing, mobile, UX, or visual design — providing an efficient reference point for potential clients or employers looking for examples of specific skill sets. His approach showcases a unique blend of creativity and meticulousness, demonstrating his versatility as a UX designer.

Web designer Gina Yu imbues her portfolio with a natural color theme, offering a refreshing departure from conventional product design portfolios. Her introduction, starting with “Hey fellow human bean!” sets a lighthearted tone and underscores her ambition to craft a more human and empathetic world.

Navigating to her Work page, the spotlight first falls on her most recent project, with four other past undertakings trailing closely under in a simple grid layout. She populates each case study with detailed process narratives and captivating, interactive prototypes. In an innovative move, she embeds a functional prototype on a graphic representation of a Mac screen for her Outback Bikes project, offering visitors a realistic perspective on user interaction.

10. Dirkjan Kraan

Opting for a human-centric approach, Dirkjan’s Kraan’s portfolio first introduces him as a person, not solely a professional. His role as a UX designer becomes apparent after scrolling past his welcoming headshot image and simple greeting: “I am a UX designer creating meaningful digital experiences.”

Dirkjan allows his designs to voice his skills as visitors explore his work. His minimally worded case studies and prominent design deliverables demonstrate his high-level abilities. Throughout his portfolio, he highlights design elements he created — buttons, search bars, and headers — to articulate his UI mastery.

Show off your talents with a UX portfolio

​​Your design portfolio is likely the first impression you make on potential clients and employers, so it must stand out. While aesthetics contribute to the “wow” factor, it’s equally important to highlight your relevant expertise.

If you’re seeking further guidance, consider taking Webflow’s 21-day portfolio course to create a new portfolio or upgrade an existing one. You can also browse our essential UX design tips and tricks for inspiration and ideas.

Curating your top projects and revealing your distinct approach to problem solving can be an unexpectedly fulfilling aspect of crafting your UX portfolio. Not only do you get to demonstrate your ability, you also get to reflect on your personal growth and journey in the field.

Subscribe to Webflow Inspo

Get the best, coolest, and latest in design and no-code delivered to your inbox each week.

Related articles

20 unique personal website & portfolio examples for 2024

Whatever your creative expertise, find inspiration in creating your own website by checking out these 20 great personal website examples.

10 stunning web portfolio examples

As a designer, you need a site to showcase your best work and land clients. Here are 10 portfolio examples for design inspiration.

Art portfolio inspiration: 12 examples to elevate yours

Every art portfolio is unique to the artist — but it doesn’t hurt to get some inspiration from established art portfolio websites.

5 modeling portfolio websites that shine

A modeling portfolio website is a must-have for aspiring models. Here’s ​​how to make a professional website for your model portfolio (with examples).

9 best web developer portfolios: Examples to inspire your own

Here’s a look at 9 portfolios that have inspired us, and we hope will inspire you as well.

Behind the website of a renowned athlete and speaker

When US Soccer great Briana Scurry needed a new website, she and her team turned to Webflow.

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Transforming the design process at

• Interactions
• Localization
• Figma to Webflow Labs
• DevLink Labs
• Feature index
• Accessibility
• Webflow vs WordPress
• Webflow vs Squarespace
• Webflow vs Shopify
• Webflow vs Contentful
• Webflow vs Sitecore
• Careers We're Hiring
• Webflow Shop
• Accessibility statement
• Terms of Service
• Privacy policy
• Cookie policy
• Cookie preferences
• Freelancers
• Global alliances
• Marketplace
• Libraries Beta
• Hire an Expert
• Made in Webflow
• Become an Expert
• Become a Template Designer
• Become an Affiliate

10 UX/UI Design Portfolio Examples to Inspire You (Updated for 2024)

Explore these unique, standout UX/UI design portfolio examples from UX Academy graduates who landed new jobs in the field of product design.

Stay in the know with The Brief

Get weekly insightful articles, ideas, & news on UI/ UX and related spaces  – in to your inbox

Switching careers at any point is challenging.

Switching careers during a time of global and economic uncertainty is an even bigger challenge. That’s why we continue to be awed by the creativity of our UX Academy graduates who commit to pursuing their dreams of a creative career despite the challenges they face. 

As we enter a new calendar year, it's become more important than ever for new UX, UI, and product designers to enter the field with tools and training they need to stand out from the competition of entry level designers and top level talent.

A huge part of the career pivot into the world of product design includes a unique, relevant UX design portfolio. While we regularly publish success stories of UX Academy alumni that profile how and why they made their career switch to UX/UI design, we also like to spotlight a few standout portfolio examples to showcase the original, creative ways that they showcase their abilities.

With the help of mentors and career coaches, the Designlab community continues to create noteworthy portfolios. Read on to explore a selection of UX design portfolios from Designlab students— that are sure to inspire you.

What Is a UX Design Portfolio?

A UX design portfolio is a compilation of work samples that demonstrates your skills and abilities as a UX designer. It should include examples that span the UX design process for relevant projects you've worked on—research insights, concept sketches, wireframes, and prototypes.

One of the most important aspects of a portfolio is to showcase your design thinking process and results. Furthermore, the best UX portfolios demonstrate an applicant’s ability to think critically and solve problems creatively in order to come up with innovative solutions—all valuable components when it comes to hiring managers finding the right candidate.

UX design portfolios are incredibly important for job-seekers because they provide hiring managers with a glimpse into your skill set and experience. The quality of a portfolio is used to quickly weed out potential candidates whose abilities may not match the specific requirements of the job.

Read more: How to Make a UX Design Portfolio: Tips & Examples to Help You Stand Out

What Should I Include In My UX Portfolio?

When building your UX portfolio, think about the types of projects you've worked on and the skills you have developed that would be valuable to potential employers.

Your portfolio should include a mix of work samples from each part of the UX design process, such as concept sketches, wireframes, prototypes, case studies, usability testing insights, or interactive design concepts. The overall look and feel should reflect your personal style while also highlighting the technical expertise you possess. Additionally, consider including any certifications or achievements that help to bolster your credentials.

Ultimately, your goal is to create a portfolio that demonstrates both your technical proficiency as well as creative problem-solving ability. Your portfolio should be concise yet comprehensive – so don’t overwhelm yourself by trying to cram too much into one.

[MID_ARTICLE_CTA]

What Makes a Good UX UI Design Portfolio?

There are some fundamentals to include in your portfolio, from projects that align with the type of company or role you're applying for (like how Grace Guibert tailored her portfolio website to highlight the UX writing elements of each project she worked on in UX Academy).

As you create your own portfolio , it's worth remembering that hiring managers aren't looking at your UX case studies in a silo to see if they check all the right boxes—if the UX work displayed in the projects is stellar but your portfolio website as a whole contains bad UX, that can wave a red flag.

For more insight and tips on crafting an effective UX design portfolio, watch this video by Kelly Stevens, who shares her top tips for design portfolios:

Read more: 6 UX/UI Design Portfolio Builders You Should Try, From Low Effort to Highly Customizable

10 UI & UX Design Portfolio Examples

Before they can graduate from UX Academy, each student must have their design portfolio approved by a panel of experts. This helps to ensure that each student has the strongest chance of success in the job search process as they move into the Career Services phase.

Each UX designer portfolio in this roundup is unique and stands out for a different reason. But it's worth noting that each UI / UX portfolio site also embraces visual design and UX best practices to create a powerful, engaging experience for curious viewers and prospective employers alike.

Nicole Locklair, formerly in charge of Talent Partnerships and Career Services at Designlab, selected these ten portfolios to showcase, along with insights into what was particularly great about each one. (Portfolios are listed in no particular order.)

10 Great Portfolio Examples from Designlab Students

Here are some of our top student portfolios, and insights into what we particularly liked about each. (Portfolios are listed in no particular order.)

1. Jane Noh

Jane's portfolio stands up for its bold color palette, strong research, and attention to detail. Using vibrant imagery and font choices across her work, Jane creates a portfolio that is incredibly visually dynamic.

Jane also has a background in education and brings what she learned from teaching to her UX design work. This shows particularly in products such as Domokos, a responsive project geared towards helping teach math—her area of expertise from when she was an educator herself.

2. Josie Allison

We talk about keeping things clean and minimal in design, but sometimes going over the top with visual elements works out. Josie has a background in Graphic Design, and clearly illustrates her ability to surprise and delight in her own portfolio. 

Her unconventional case study presentations challenge the norms, but the details are all there for someone who wants to take the time to learn more. In a sea of grids and san serif, Josie's work is a breath of fresh air. 

3. Florinda Sgueglia

With high contrast colors and an easy-to-read case study layout, Flo’s design skills truly stand out in every part of this eye-catching, beautifully well-done portfolio. It's also clear to see that she has a background in graphic design, with fun, playful elements such as dynamic illustrations in her "About Me".

4. Paula Wrzecionowska

When recruiters or hiring managers are sifting through 50-100 UX portfolios for a single role, they may only look at one case study. Paula does a good job in her feature projects of summarizing the client/brand, task at hand, and work she did on the project in the rollover state. 

By including that information, the viewer can choose what's most relevant to them, instead of clicking on a random project that might not resonate. 

5. Gloria Ha

This is another great portfolio website that adds unexpected touches and a bold personal brand into the viewing experience. Elements on the homepage animate if you stumble across them, but aren't moving so quickly or intrusively as to detract from the work. 

'Gloria also has a good variety of work: a skincare e-commerce experience, a bank feature, and a travel booking redesign. Showing your versatility in this way can certainly help when looking for your first UX/UI design role.

6. Celia Hazard

Celia takes a fresh and unconventional approach to the presentation of her UX materials. Calling herself a "design scientist", Celia's work is heavily rooted in strong research to back up her project work. There are some bold visual choices, and Celia's well laid out case studies are comprehensive but still scannable. This is an exciting portfolio showcasing a unique perspective on UX design.

7. Jared Bartman

So many portfolios are grid images on a white page, and while there’s nothing wrong with that approach, Jared’s portfolio stands out for its light grey background and use of color in general. One important feature is the “Back to Top” button on the right-hand side of the case study pages. Instead of having to scroll all the way back to the top of the page after you’re done, he’s made it much easier to navigate and keep going. 

8. Siriveena Nandam

Another great example of how a subtle color shift can make the design that much more compelling. Siriveena also has a nice variety of projects in her portfolio. It’s tempting to only pick what you find most interesting or exciting, but in the real world, you’d be much more likely to work on a very specific feature, or for an audience you have no expertise with. It’s nice to show that you’re interested and able to design for all, and it’s great to see Siriveena reflect that here. 

9. Katherine Chen

Katherine’s portfolio is clean, consistent, and easy to navigate, with section buttons on the left-hand side of the page for navigation on the case study pages. She also shows how to feature a confidential project, which will often happen as a designer. The “Healthcare Staffing” case study shows you a bit of the branding, outlines the ask and deliverable, and when you click on it, brings you to a page where you can email her for access. 

10. Chofi Chang

Chofi's portfolio is a great study in how to display different types of projects without feeling fragmented. Chofi specializes in creating brand identity, and has project work across both UX and other types of design. The visual presentation showcases the various design projects, but still communicates a sense of cohesion.

Are you pursuing a career change into the field of UX/UI design?

If you want to create a UX/UI design portfolio that inspires, we invite you to learn more about our UX Academy bootcamp: a fully online, intensive bootcamp that equips you with the UX/UI skills and portfolio you need to launch a new career in the field of UX/UI design.

Get weekly insightful articles, ideas,& news on UI/ UX and related spaces  – in to your inbox

Launch a career in ux design with our top-rated program

Top Designers Use Data.

Gain confidence using product data to design better, justify design decisions, and win stakeholders. 6-week course for experienced UX designers.

HOW TO BECOME A UX DESIGNER

Send me the ebook and sign me up for other offers and content on transitioning to a career in UX design.

Related posts

What Does a UX Designer Do? [Updated March 2024]

10 of the Best UX Design Bootcamps For 2024

How to Export Images from Figma

• Landscaping Websites
• Cleaning Websites
• Flooring Websites
• Tailor Websites
• Plumbing Websites
• Car Dealer Websites
• Funeral Websites
• Trucking Websites
• Logistics Websites
• Notary Websites
• Financial Advisor Websites
• Digital Agency Websites
• Real Estate Agent Websites
• Insurance Agent Websites
• Gym Websites
• Wellness Websites
• Hair Salon Websites
• Chiropractic Websites
• Dog Grooming Websites
• Travel Websites
• Hotel Websites
• Museum Websites
• Theater Websites
• Art Gallery Websites
• SaaS Websites
• Startup Websites
• Nonprofit Websites
• Technology Websites
• University Websites
• UX Designer Portfolios
• Web Developer Portfolios
• Student Portfolio
• Model Websites
• Art Portfolios
• Marketing Portfolios
• Squarespace Portfolios
• Copywriter Portfolios
• Interior Designer Portfolio
• Wix Ecommerce Examples
• Squarespace Ecommerce Examples
• Shopify Ecommerce Examples
• Wix Websites
• Webflow Examples
• Thinkific Examples
• BigCommerce Examples
• Kajabi Examples
• Duda Examples
• Zyro Examples
• Bluehost Websites
• ClickFunnels Examples
• Weebly Websites
• Blog Examples
• Wix Blog Examples
• Squarespace Blog Examples
• Lifestyle Blog Examples
• Food Blog Examples
• Travel Blog Examples

The 30 Best UX Designer Portfolio Examples [Updated For 2024]

Designing a beautiful, user-friendly, and interactive website can be a tough task even for many UX designers. While many designers excel at designing stunning websites for clients, they don’t pay much attention to their own portfolio websites.

A bad UX design on your UX design portfolio is one of the top reasons why you are struggling to attract clients and keep visitors.

Creating a state-of-the-art UX design portfolio doesn’t have to be a big challenge. You don’t have to spend a fortune hiring top UX designers and web developers to create one.

Simply use the best portfolio website builders for designers like Squarespace and Wix for fast creation and the top UX design portfolio examples for inspiration.

This article checks out the 30 best UX designer portfolios you can use for inspiration when creating your own portfolio.

Let’s get started.

1. Zebi Williams

Made with Wix

Zebi Williams is a UX designer with a background in entrepreneurship and anthropology. She has a strong desire to effect change in the world and make life better for others.  

Visitors can use the vertical structured navigation bar with a drop-down feature to explore every section of the page without breaking a sweat. The parallax scrolling effect gives the portfolio page a unique and sophisticated vibe.

Potential clients can click the transparent “Contact” call-to-action button on the navigation bar or use the contact form to chat with Zebi Williams.

2. Jeff Shibasaki

Made with Squarespace

Jeff Shibasaki is an Atlanta, Georgia-based senior UX writer who has worked with top brands like Disney Plus. He loves applying useful UI text and copy that guides users at each step.

I like how Jeff’s portfolio website has a simplistic layout and features vital details like storyboarding, sketches, user flows, prototypes, sitemaps, and user testing. 

The white background makes every other element attractive, giving the page a clean and elegant outlook. Prospective clients can click the supernova-colored “Contact” CTA button to chat with Jeff Shibasaki about their business goals.

3. Run Wild

Run Wild is the brainchild of Chris who has had more than a decade of experience in creating mind-blowing designs.

The first catchy element you will see on this portfolio website is an illustration of a girl riding a bear with an attention-grabbing caption. This one-page website uses large text with catchy headlines to grab visitors' attention and explore the page’s content. 

Chris displays a variety of his mind-blowing projects for brands like Playstation, Eedar, Tailhook, and Suze Orman in the work section.

4. Havana Nguyen

Havana Nguyen is a user experience designer, illustrator, writer, comic artist, podcaster, and public speaker.

The use of comic-themed drawings and engaging content gives her portfolio page a fun and lively feel that will get visitors wanting more. I find the drawings in the hero section fascinating, featuring a short summary of Havana Nguyen's skill set and passion.

You can access her social media profile via the icons on the sticky navigation bar. This element is your one-stop shop to explore every other aspect of the site.

5. Jung Hoe

Jung Hoe studied design in Chicago. He is a skilled UI/UX designer based in New York. The first catchy element on this portfolio page that stands out from other UX portfolio examples is the backdrop of beautifully animated yellow blobs bouncing around. 

I love how the customized greeting in the hero section switches between languages, making it possible for people of different races to feel welcome. 

You can use the down button to access the site's base where you will find an eye-catching “Hit Me Up!” call-to-action button leading to his email.

6. Jamie Choi

Jamie Choi is a skilled UX designer based in Northern Virginia/Washington D.C. She has a compassionate and customer-centered approach resulting in measurable outcomes.   

The first catchy element on Jamie Choi’s portfolio website is an attention-grabbing illustration of herself with an autumn color palette in its background. 

Potential clients can click the salmon-colored “Get In Touch” call-to-action button for quick and seamless access to the contact page. I love the simplicity in which she displays her projects in the case study section, making scrolling down her website a soothing experience. 

7. Lital Karni

Lital Karni is a Tel Aviv-based UI/UX designer skilled at designing applications, digital products, websites, and brand identities.

The first element you will fall in love with on her webpage is the engaging text in the hero section featuring a short biography to make visitors welcome. 

I love how this portfolio website features a flashy color scheme with multiple colors in different parts of the pages. You can use the sticky “Let’s Talk” widget for a quick chat with Lital Karni.

8. Jennifer Etsuko Higa

Jennifer Etsuko Higa is a UX designer who prides herself in creating accessible and inclusive technology in music, social work, and fitness.

I like how Jennifer uses her knowledge of design principles to fine-tune her portfolio website layout, giving it an attractive and sophisticated outlook. 

She uses stylish and straight text in multiple sections of the page to make the contents readable and visually appealing to visitors. 

Jennifer Etsuko Higa uses a three-column layout in the case study section with a black CTA button to ensure visitors can access the final product.  

9. Mike Wilson

Made with Squarespace  

Mike Wilson is a professional UX designer based in Seattle, WA. I like how he uses full-width images of himself in the hero section of his UX design portfolio example, giving the page a warm and welcoming vibe. 

Below this section, you will have details about Mike’s skillsets and a short biography displaying his passion and love for creating satisfying digital experiences.

He displayed three of his best projects vertically with full-width images as their covers, and each title is written in bold fonts to promote readability.

10. Ron Rowald

Ron Rowala is a skilled UX designer with a background in visual design, and a knack for playing the guitar. 

The parallax scrolling effect on the webpage makes all the flashy elements like graphics designs and illustrations attractive to visitors. 

Ron uses a one-column layout to display his case studies with a thumbnail feature that allows potential clients to explore each project independently. I like how he uses a slideshow to display the top clients he has worked with and his outstanding projects. 

Made with Webflow

Mizko is a professional UX designer, agency owner, founder, and educator at Designership. What makes it unique from other UX design portfolio examples is that every detail required to navigate is in the hero section. 

I like how Mizko's portfolio page features various interactive elements such as a dark-themed background video. Interested visitors can use any of the CTA buttons to get in touch with Mizko for a quick chat or sign up for UX design courses.

12. Dalya Green

Dalya Green is a skilled interaction designer, and passionate about UX, research, and human-centered design.

I like the simple approach applied in the design layout, making it easy for potential clients to check out its contents in a breeze. This webpage opens up with a short yet insightful biography of Dalya Green .

The case study section is concise and allows visitors to peek into the project content before clicking. You can get more information about Dalya Green in the info section.

13. Olivia Truong

Olivia Truong is a skilled product designer based in New York. I love how Truong’s UX portfolio website displays projects in a simplistic yet engaging fashion that's capable of compelling potential clients to explore her portfolio. 

She uses a hamburger navigation bar on the landing page to aid the seamless exploration of this UI design portfolio example fun and seamless. 

The site footer contains vital elements like four social media icons linking to her online profile. Her page contains attention-grabbing visual elements that give the site a welcoming vibe. 

14. Vera Chen

Made with Webflow  

Vera Chen is a UX/UI designer and former Facebook intern. She is a senior product designer at Zoom and has a Master’s degree in Human-Centered Design and Engineering.

What I love about this senior UX designer portfolio is its minimalist and colorful layout with stylish fonts and visually appealing content that attracts visitors. 

Vera Chen’s home page features a three-column layout that features a thumbnail effect linking to her project pages. You can use the sticky navigation bar to explore the two main pages of Vera Chen’s website portfolio.

15. Moritz Oesterlau

Moritz Oesterlau is a Germany-based multi-skilled UX/product designer. He is skilled in interface design and front-end development.

The hero section of his portfolio showcases heartwarming content about Moritz's biography featuring his design skills and details about his personal style.

Exploring the three-column UX case studies layout is possible by clicking the back-colored CTA button that transports you to another page where you will get more details. 

I like how Moritz uses still and motion graphics in his own UX design portfolio site to draw attention to the site's contents.

16. Peter Noah

Peter Noah is an experienced designer, art director, and creative director who has in-depth knowledge of product design.

This UX portfolio site has a unique web design with engaging text and a colorful design layout that is sure to get visitors exploring other pages.

The hero section features simple yet informative details that sum up Peter Noah’s biography and his current location. 

Visitors can use the sticky navigation bar to explore their personal website seamlessly. Potential clients can click the black-colored CTA button to access the contact page.

17. Josie Allison

Josie Allison is a skilled UX/UI designer with experience working as an editorial designer, brand designer, and web designer.

I like how interactive her portfolio page is with various motion graphics, stylish and engaging texts, and high-quality images in the case study section. She uses blue and red as the site’s dominant color.

The case study section features multiple flashy elements such as pop-up images , chronological arrangements into seven columns, and multiple call-to-action buttons. 

18. Gloria Ha

Gloria Ha is a Phoenix, Arizona-based product manager with great problem-solving skills. She is an experienced visual designer, project manager, marketer, and researcher.

I like how she implements strategic design elements on this UX portfolio example page such as animations to grab attention. The use of white space helps to create visual balance and enhances the level of readability, making it possible to explore the site in a breeze. 

Additionally, the “Featured Works” section displays her top case studies vertically with each section possessing a blue colored CTA button for access.

19. Sophie Brittain

Sophie Brittain is a New York-based product designer with one of the best UX portfolios that portrays her ability to think critically and solve problems creatively.

This minimalist design layout employs a strategic application of its white spaces making every other relevant element pop and visible to prospective clients. Sophie features her projects with top brands she has worked with like Cadillac Fairview, Kia, and Agriculture, Redefined.

Interested visitors can visit her social media accounts and check out her resume by clicking on any of the links on the site’s footer.

20. Aurora Shao

Aurora Shao is currently a designer based in New York. She is a skilled UX designer & urban thinker with a knack for the final designs of cities and structures.

Her portfolio website has a modern look with beautiful arrangements of every visual element which results in creating a unique visual identity. The homepage features a flashy layout with multiple bright and visually appealing colors which gives the portfolio page a lively vibe.

Interested visitors can click any of the case studies to get more information about the UX project because of the thumbnail effect.

21. Kimberly Kim

Kimberly Kim is a skilled freelance UX designer and a full-time UX writer at Google. She is into technical writing and content creation.

Her portfolio website pages feature various details about her works and projects. I love how every case study comes with detailed process narratives and interactive prototypes that will wow visitors and potential clients.  

The slideshow below the hero section features Kim’s launched projects in UX writing which she accomplished at Google. I like that she uses a gradient-colored palette in the site’s footer. 

22. Paula Wrzecionowska

Paula Wrzecionowska has close to a decade of experience as a UX designer. She is an Interactive Designer at Vectorform, an NTT Data Company.

I like how she uses colorful themes to make her portfolio stand out and appeal to visitors and prospective employers. The dominant colors on the website include dusty orange, merino, beauty bush, peach orange, and mercury.

The visual design on her portfolio page is engaging. She displays her projects in three sections with full-width images as its cover and a thumbnail effect to access its content.

23. Alex Lakas

Alex Lakas is an experienced product designer with over a decade of expertise. He specializes in visual design, prototyping, and art direction.

His portfolio webpage has a simple yet engaging design layout with multiple high-quality images as covers of each of her projects and client catalog. The dark background makes the elements on the web page pop for prospective employers to explore.   

You can use the sticky navigation bar at the top and base of the site to explore other pages and access Alex Lakas’s social media account.

24. Kristian Tumangan

Kristian Tumangan is a California native who started his journey as a self-motivated designer, with several years of in-house and agency design experience.

The hero section features a blurred image and a Kristian Tumangan name and initials written in bold white fonts making it a visible and welcoming effect. You can click the “View My Work” call-to-action button with a hover effect to dive into Kristian’s project page.

I like how Kristian uses a four-column layout in the case study section to display his projects engagingly, and each item has a thumbnail feature. 

25. Jeremy Stokes

Jeremy Stokes is a product designer at Duolingo. He has a special passion project called Cultivate which is centered around mental health.

I like how simple yet colorful and interactive Jeremy Stokes's UX portfolio website is. The hero section is a high-quality picture of Jeremy with a graphics background and a short summary of his biography, skill sets, and area of interest.

As you scroll further, you will see the simple layer-by-layer arrangement of his case study in a vertical layout. Each case study column features details about the project and displays multiple colors as you scroll. 

26. Adithya Holehonnur

Adithya Holehonnur is currently a senior designer at Microsoft who believes the only way to create seamless user experiences is by stepping into the user's shoes.  

I like this portfolio site’s minimalist approach featuring few details on the home page and a strict use of its white space. The entire web page is divided into two separate pages which include the home page and the about page.

Adithya Holehonnur's webpage features several deliverables that visitors and potential employers can explore by clicking any of the project thumbnails. 

Amy Wu's UX design portfolio checks all the right boxes for attracting well-paying clients willing to give her a shot. Her page features a black-colored navigation bar that displays Amy Wu’s initials and links to the home page.

I like how interactive the texts on the homepage are, which is one of the compelling factors on the page. In addition, the high-quality images help to give life to the page, making it fun rather than boring.

28. Daniel Novykov

Daniel Novykov is a professional UX/product designer who has over a decade of experience in web development.

This UX design portfolio example has a fun, friendly, vibrant, and modern outlook that will get visitors glued to the page because of its fascinating elements. 

I like how Daniel uses different tones of gray in the background with bright splashes of color like blue, green, orange, and black. 

My favorite aspect of this one-page website is how he strategically displays the UX design process for relevant projects in a visually appealing fashion.

29. Siriveena Nandam

Siriveena Nandam is a UX designer who loves to create data-driven solutions to elevate human experiences. She has a background in Psychology.

Her portfolio website has a unique design with more engaging elements than other UX portfolios. I like how the page opens with a short summary of Nandam's biography and her driving force in the design world. 

As you scroll across the site, you will see a catalog of projects that take center stage of this portfolio website with high-quality images.

30. Gautham Mukesh

Gautham Mukesh is a full-stack designer who applies user research, and side-project tools to create captivating digital experiences. 

The sticky navigation bar on the web page features three unique call-to-action buttons with a hover effect linking to “Project, Design Process, and Contact Pages.” Potential clients can access any of the pages for insight into Gautham projects.

While scrolling, you will love how the site features multiple columns of contents with a thumbnail effect which helps to bring visitors closer to him. The contact form is at the site’s base for quick and seamless contact.

UX Design Portfolios FAQs

Yes, you need a professional UX portfolio website to showcase your skills and convince employers of your value. If you want to increase your chances of attracting recruiters and landing a well-paying job, a well-structured website highlighting your skills, samples, and experience is essential. 

The vital elements you must include while creating your UX design portfolio are your best UX design projects. elevator pitch, personal bio, contact info, and relevant social media links where your work features.

The best website builders for creating state-of-the-art UX portfolios include Squarespace and Wix. They come with custom UX portfolio templates and other relevant design tools that make the building process seamless and effective. 

Explore Further

• User Experience Statistics
• Portfolio Website Templates
• Examples of Web Developer Portfolios
• Developer Portfolio Website Templates
• Web Designer Portfolio Website Templates
• Portfolio & CV Website Templates

Designer Portfolio

Web Designer CV

UI-UX Designer CV

Web Designer Resume

Product Designer Portfolio

Blog Website

New NPM integration: design with fully interactive components from top libraries!

16 Inspiring Examples of UX Design Portfolios That You Just Must See

A UX design portfolio is a collection of work samples, case studies, projects, and relevant artifacts that showcase a UX designer’s skills, expertise, and experience in designing digital products or services with a focus on enhancing user satisfaction and usability.

Creating a portfolio is a crucial first step for any UX designer. It’s where you showcase your best work and let your skills, as well as your personality, shine through. Recruiters and potential clients will all want to see your portfolio website before hiring you. This is true whether you’re new to the field, or a senior looking for your next step.

When it comes to UX design, it’s not just about what you present, but how. Your website is, in fact, a part of your work.

Create prototypes of an interactive UX portfolio and test it with real users. Use UXPin and create fully functional prototypes with clickable menu, validation in contact forms, and more. Try UXPin for free .

Build advanced prototypes

Design better products with States, Variables, Auto Layout and more.

Alex Lakas is a UX designer with over a decade of experience working on products everyone uses. He took part in rejuvenating LinkedIn’s feed and gave Google Maps search pages the modern look they have today.

Lakas makes his caliber clear the moment you arrive, with a one-line bio that presents his experience.

A short scroll-down and you’ll find a short but precise list of clients, most of whom are major household names. This isn’t just name-dropping, it’s an important part of any experienced designer’s portfolio. Piquing your visitors’ interest right away with something familiar is the best way to motivate them to check out your work. 

While boasting impressive credentials, the website doesn’t rely on that alone. After a few short lines, you’re met with the most important part of any UX portfolio – case studies. Lakas’ case studies present the thought process behind some of his most well-known work, in a clear-cut, easily digestible fashion.

Complete with a slick design that mirrors his UX work, Alex Lakas’ portfolio website is a great example of what any designer should strive for.

Olivia Truong

Olivia Truong is a product designer. She makes that clear the moment you enter her portfolio, in a simplistic fashion that runs through her website, as well as her work. 

Truong’s UX portfolio doesn’t offer quotes or credentials. It simply displays four of her projects, in a beautifully designed, minimalistic presentation. The way she presents them, by raising questions such as “how do I manage my events onsite?”, is exactly the thought process a UX designer should have. She asks a question, referring to a common problem, and offers a solution in her case study. In this case, she presents Ticket Manager, an app developed to manage event ticket sales.

The case study is a perfect example of how UX case studies should be. She walks us through the problem she set out to solve, presents her research, and details her design process with a lot of imagery.

Olivia Truong’s portfolio pinpoints what a UX designer should present. It’s a great inspiration for designers just starting out, as it does nothing but highlight her process. If you have even one complete project, this is how to present it.

Ed Chao is most well-known for his work with Dropbox. He’s designed their web interface, followed by their mobile app, and finally their desktop app UI.

What works best about Chao’s portfolio is the minimalizm. There are very few images and even less text. The few case studies he offers are short and don’t go into too much detail. However, what they do present is the key features and ideas behind his Dropbox UX design. This shows that Chao understands what’s important, and what can be cut out, a great trait for a UX designer.

One small, but important aspect that Ed Chao nails is the contact information. The first thing you’ll see when you arrive at his portfolio is links to his email, LinkedIn and Twitter. This is arguably one of the most important functions of a portfolio website , ensuring potential customers and recruiters can get in touch as easily as possible.

Jung Hoe is a UX/UI designer at Wix.com’s Playground. His portfolio website catches your attention immediately with a greeting that rapidly switches languages. 

But what keeps visitors interested is the humor. With a backdrop of beautifully animated yellow blobs bouncing around, he presents himself as a “genius baby” transformed into a “fully grown design nerd”. The personality in these lines creates an immediate connection and willingness to discover more.

Scrolling down, it’s clear that this portfolio belongs to a talented and playful UX designer. As a visitor, you can flip a switch between UI/UX work and “Fun Work”. Both of which present a wide range of apps and products he’s designed. Clicking on any project will lead to a detailed case study that includes his research, thought process, and final, as well as scrapped designs. 

Whether you choose to browse UX projects, or simply look at Hoe’s “Fun Work”, you’ll eventually reach an eye-catching call-to-action to “Make somethin’ fun together!” with a playful “Hit Me Up!” button leading to his email.

Jung Hoe’s portfolio is an example of how designers can showcase their personalities, as much as their work. But still, maintain a perfectly professional UX portfolio website.

Jamie Choi’s website is another example of a great UX portfolio that does exactly what it sets out to achieve, and nothing more.

The simple illustration of Jamie herself, the autumn color palette, and the simplicity in which her projects are presented make scrolling down her website a soothing experience. 

The case studies she offers, such as her work designing an online platform for a local bakery, are perfectly precise and detailed. She walks the reader through the challenge, research, analysis, work process, and ultimately design ideas. These case studies go into extreme detail, which is what any recruiter or client would want to see.

What completes Choi’s portfolio website is her about page. Like her case studies, this section includes all the detail it needs to keep you interested, while never being too overbearing.

Jamie Choi’s UX portfolio perfectly balances two of the most important things a portfolio website needs. It provides an in-depth look into her professional work process, while simultaneously creating a feeling of personal familiarity.

Liz Wells is a Brooklyn-based designer and senior product designer at Squarespace. Her UX portfolio site is stunningly trippy.

The homepage displays five case studies, with nothing but unique typography. You’re only met with an image when you hover over a project, an image which is then smeared across the page as you move your cursor.

What makes Wells’ portfolio truly impressive is her case studies. Her “Sidewalk Toronto” case study, for example, is summed up into a short video. If you wish to know more, you can scroll down to find a hand-drawn sketch of the site map, followed by a project description, as well as the UX challenges and solutions. The case study is accompanied by visuals that give life to her process.

Liz Wells’ UX portfolio leaves nothing to be desired, while perfectly presenting her personality as a designer.

Jeremy Stokes

Jeremy Stokes is a product designer at Duolingo and a former UX design intern at Google. But what’s most special about his work is his passion project – Cultivate. 

With Cultivate, Stokes sets out to design a new way of understanding mental health, specifically in the African American community. The project is laid out like any other case study, providing some background into the issue and detailing the process behind building and designing the platform’s concepts.

Another aspect that shines through Stokes’ portfolio is his ability to present himself. His About page is full of imagery and references to his favorite things – video games and cartoons. But he doesn’t settle for just a bio. His portfolio includes his stunning resume, which is as much a part of the portfolio as his case studies.

Jeremy Stokes’ UX portfolio walks a thin line between professional portfolio, and personal website, and does it excellently. Showing visitors your personality can make the difference between being considered for a job, or being forgotten among dozens of other UX designers.

Siriveena Nandam

Siriveena Nandam is a UX designer with an analytical twist. With a background in psychology, Siriveena creates “data-driven solutions that elevate human experiences”, as her website states.

Her portfolio makes it clear that data is the key parameter that runs through her work. The design has a much more technical feel than many other UX portfolios.

As expected, scrolling down her site reveals several case studies. These are the highlights of Nandam’s portfolio, and they’re incredibly detailed. 

“Our National Conversation”, a non-partisan news aggregator, is a perfect example of the type of issues Nandam tackles, and the case study includes everything a case study should. It provides a short summary, before diving into her research, analysis, wireframes, and UI designs, all with great detail, as expected from such a technical product designer.

Siriveena’s UX portfolio is an inspiring demonstration of how designers can take serious subjects and technical information and present them in an interesting way. The lack of playfulness doesn’t hinder the visitor’s experience at all and does a great job at differentiating her from the competition.

Eugenie Lee

Eugenie Lee is a UX designer from California, USA. Her portfolio starts off with a short, to-the-point bio about herself. Notice how the above-the-fold section mentions that she is an inquisitive, problem-solving individual, i.e., has two essential UX designer skills. Right under her profile photo, she shares her philosophy. Namely, that there is a solution to every problem if you know how to ask the right questions. 

In terms of the color palette, Eugenie chose bold colors like black and orange. These two, paired with various hues of grey, are used throughout the entire portfolio.

Right under the above-the-fold, Eugenie added tags for her skills. Among others, they feature popular prototyping and animation tools.

Scrolling down, there’s a lengthy section on the projects she has worked on. Each sheds light on the entire product design process. Eugenie mentions how she collected briefs , ran preliminary research, and engaged in prototyping . If you head over to her portfolio, you’ll see that she has worked on major projects like the Griffith Observatory and MSN News apps. 

Without a doubt, Eugenie Lee’s UX design portfolio is a delight to go through both from an aesthetic and informational perspective. It’s a great example of how you can market yourself in front of prospective clients. 

Zhenya Nagornaya

Zhenya Nagornaya is a junior UX/UI designer from Wellington, New Zealand. She recently completed her studies at Uprock Design School. Her portfolio showcases all of her freelance work taken up while studying. 

Zhenya has worked on different types of projects, including online magazines, landing pages, and various corporate marketing collateral. These have been selected to show her versatility. 

After sharing a few examples of her work, Zhenya moves on to a brief section about herself. Here, she mentions how she pivoted from being a front-end developer to a web designer. Her bio can be read as a cover letter to a potential employer – she’s aware that she doesn’t have much commercial experience, but is willing to learn.

Further down, there’s a section on skills that – on top of proficiency in UX design tools – include HTML, CSS, and Javascript . 

If you’re fairly new to the UX design scene, then this portfolio will be a great source of inspiration.

Yael Levey is a UX design leader based in London, UK. She has been in the design industry since 2009. Throughout the years, she’s climbed the UX career ladder from an intern role all the way through to becoming a Creative Director at BBC Weather and, currently, Product Design Manager at WhatsApp. 

Yael Levey is a prime example of how UX designer portfolios evolve as you proceed to a leadership role. While her LinkedIn profile is filled with endorsements of her hands-on wireframing, user research, and information architecture skills, her online portfolio features leadership content. She synthesizes her past experiences and shares advice with those who want to progress in the UX design field.

That being said, unlike Yael’s website, her Dribble profile focuses on her work. So, you can see some of the projects she’s taken on throughout her career.

This profile is a perfect example of how you can become a thought leader in the industry. Not to mention, it goes to show that some UX design portfolios can also take on a written form.

Jared Bartman

Jared Bartman is a designer, writer, and artist based in the USA. His website serves as a portfolio of the projects he’s worked on since 2021. These, among others, include designs for small businesses and globally-recognized enterprise companies like Nestle and the New York Times. 

The website features an ‘About Me’ section where Jared talks about his hard skills and his approach to design. It also has a downloadable CV for those who prefer a formal, traditional work experience overview.

In each of the projects descriptions, Jared sheds light on:

• The project objectives, user challenges, and market opportunities
• The tools used throughout the project
• All the stages of the design process – from research to prototyping and user testing.

If you’re a multidisciplinary designer like Jared, then this portfolio is certainly worth inspiring yourself with.

Henry Dan is a freelance UI/UX designer with more than seven years of experience in mobile, desktop, and web design. 

Henry’s website is a well-rounded portfolio where he shares a short bio, a list of completed projects, and his design philosophy. What’s particularly noticeable is how bold and transparent Henry is about what it’s like working with him. On top of explaining the main stages of the design process (Understand, Explore, Prototype, and Deliver), he clearly mentions that UX design is a collaborative process . Meaning, that he requires the client’s honest input and ongoing communication to ensure successful delivery.

As you scroll down, right after an overview of completed projects, you’ll see a few testimonials from satisfied customers. This is a great way of telling potential clients that not only is he an experienced designer, but also a reliable, trustworthy partner. 

Whether you’re a freelance UX designer like Henry or looking to find full-time work, this website portfolio is a perfect source of inspiration .

Stef Ivanov

Stef Ivanov is a London-based UX and UI designer who has fifteen years of experience in design and branding. While he started off as a freelancer, he now works as the Founder of a design studio called Pony (a fact he makes blatantly clear on his personal site, as seen above).

His work has been nominated to Awwwards and featured on outlets like The Next Web and Tech Crunch. 

Throughout his site, Stef uses a mix of blue and yellow, complemented with black font and white spacing . Right under the fold, he mentions his extensive UX leadership and design experience to legitimize himself in front of potential clients. He underlines that he’s as focused on design deliverables as he is on helping businesses reach their business goals. 

What’s particularly great about this senior UX designer portfolio is that he helps potential clients quickly assess if he’s the right fit. How so? In the ‘Work’ section, on top of short project descriptions, he mentions that his “sweet spot” is taking on both UX and UI work for the same client. He’s also clear that he loves “tricky UX challenges” and enjoys every minute of helping businesses identify and fix what’s blocking their growth.

This is one of the most compelling work descriptions we’ve seen. If you’re clear on the types of projects and/or industries you’d like to work in, then this should be your number-one source of inspiration.

Kimberly Kim

Kimberly Kim is a freelance UX designer and a full-time UX writer at Google. Her portfolio is a simple, yet highly-informative account of her work in both of these roles. 

What made us choose it for this round-up is that it’s one of the best examples of a designer showing off their personality. Kimberly’s work colleagues say that she’s “somehow, both super chill & super passionate”. She explains that it’s because she takes work seriously, but not herself. This shines through each of the case studies and sections on her site.

Kimberly’s portfolio is divided into three sections – UX writing, UX design, and an ‘About Me’. When it comes to the first two, what’s great is that each project description starts with a bulleted list of problems she helped solve. This makes it easy for potential clients and employers to see if they’re facing a similar challenge.

The bio page, meanwhile, is the rare kind – equally entertaining, laid-back, and professional. Kimberly mentions the types of projects she can help with and that she prefers informal communication with clients. This helps pre-qualify any potential future customer and boosts the chances of fruitful cooperation.

Fabricio Teixeira

Fabricio Teixeira is a design partner at Work & Co. In the UX community, he’s known as the founder of the UX Collective , the largest design publication on Medium. Fabricio’s UX career spans more than two decades. During this time, he’s worked with multiple tech companies, including Google, Samsung, and Mailchimp. 

For his website, Fabricio bet on a one-pager, which starts off with a short bio written by none else (or, rather, nothing else) but ChatGPT. What follows is a list of recent engagements, where he appeared as a lecturer, jury member, or speaker. 

As you scroll further down, you’ll see an overview of the awards he received, companies he worked at full-time, and articles he wrote. What separates this UX design portfolio from most is that there aren’t any lengthy project descriptions or mission statements. Instead, Fabricio links to external sites and his social media accounts, treating his site as more of a content hub.

If you, just like Fabricio, would like to link to examples of your work spread across multiple outlets, then this portfolio might just be the perfect example. 

What is a UX portfolio?

A UX (User Experience) portfolio serves as a comprehensive compilation of a UX designer’s professional journey, presenting an array of work samples, case studies, projects, and pertinent artifacts.

This collection is meticulously crafted to highlight the designer’s multifaceted skills, deep expertise, and extensive experience in the realm of digital product and service design, all with a central emphasis on elevating user satisfaction and usability.

The designer showcases their proficiency in various facets of UX design, including but not limited to user research, information architecture, interaction design, and visual aesthetics. Each component within the portfolio provides a nuanced narrative, offering insights into the designer’s creative process, strategic methodologies, and problem-solving prowess.

This curated collection serves as a powerful testament to the designer’s capabilities, positioning them as a great candidate for employment opportunities or collaborative ventures within the landscape of user-centered design.

What can you include in a UX portfolio?

A typical UX portfolio may include seven components listed below.

• Case Studies: Detailed descriptions of projects the designer has worked on, including the problem they were solving, their process, methodologies used (such as user research, wireframing, prototyping, etc.), and the outcomes achieved.
• Visual Design Samples: Examples of visual design elements created by the designer, such as wireframes, mockups, prototypes, user interface (UI) designs, etc.
• User Research: Insights gained from user research activities, such as interviews, surveys, usability testing, etc., along with how these insights influenced design decisions.
• Process and Methodologies: Description of the designer’s approach to UX design, including methodologies, frameworks, tools, and techniques used in their work.
• Skills and Expertise: Highlighting specific skills and expertise relevant to UX design, such as information architecture, interaction design, usability principles, accessibility, etc.
• Client or Employer Testimonials: Recommendations or testimonials from clients or employers that validate the designer’s skills and professionalism.
• Personal Branding: Personal touches that reflect the designer’s personality, style, and unique perspective on UX design.

Design Your UX Portfolio With UXPin

If you want to design your UX portfolio, why not sign up for a 14-day free trial ? By the end, you’ll have another design tool to add to your portfolio!

Build prototypes that are as interactive as the end product. Try UXPin

by UXPin on 21st March, 2024

UXPin is a web-based design collaboration tool. We’re pleased to share our knowledge here.

UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.

No credit card required.

These e-Books might interest you

Design Systems & DesignOps in the Enterprise

Spot opportunities and challenges for increasing the impact of design systems and DesignOps in enterprises.

DesignOps Pillar: How We Work Together

Get tips on hiring, onboarding, and structuring a design team with insights from DesignOps leaders.

We use cookies to improve performance and enhance your experience. By using our website you agree to our use of cookies in accordance with our cookie policy.

Our work is supported by affiliate commissions. Learn More

32 Well-Designed UX Portfolio Examples

Last Updated January 6 2024

Written By Juhil Mendpara

More so than any other professional’s website, a UX designer’s portfolio site should be perfect. After all, potential clients and employers expect a top-notch experience on your ⁠— a user experience designer’s ⁠— portfolio site.

Of course, as a UX designer, you intuitively know what a great website experience looks like:

• You know the best UX portfolio sites get out of the way and showcase the UX designer’s work;
• You know the site should be clean, accessible, and easy to use;
• You might also know the essential pages your UX portfolio website must include - an about section to tell your story, case studies, your design process, testimonials, and a contact form, among other things.

But there are a lot of ways to showcase all the details and design the website surrounding it. Get inspired by the following UX designer portfolio examples to make your ideal UX portfolio.

Tip: Use ← and → arrow keys to browse.

‘My First Website’ Challenge

• • Build your first website in one week.
• • One 10-minute lesson per day.
• • Free email course.

1. Aarron Walter

Aarron Walter is a creative team leader with vast experience. He was the fourth hire at Mailchimp, where he became the Director of UX. Then, he joined InVision as VP of Design Education, and most recently, he was the Director Of Product at Resolve to Save Lives. He is also the author of “Designing for Emotion.”

Aarron’s simple yet effective personal-cum-portfolio website shows his expertise by a) being a well-designed website and b) showcasing his work. Let’s take a closer look:

• His work is unmissable: The hero section talks about the “professional him.” and has links to portfolio pages on obvious anchor texts. Just below it is the ‘A brief history’ section, which, again, leads to the portfolio pages. The same goes for the ‘My work’ section below it. He also has the links to his resume, social media profiles, and email in the hero section.
• Each portfolio page shows his work, his roles, his processes, the work’s impact, and testimonials from peers. All the information follows an obvious visual hierarchy.
• You can learn more about him and contact him from the navigation bar or footer links.

2. Shawn Weston

Shawn is an expert in UX design, illustration, writing, and more. He has been creating awesome designs for over 15 years, including some for popular brands like Mastercard and GrubHub.

His website follows the latest minimalist web design practices well. For instance, he uses an easy-to-read font combination and a simple gray (background) and black (text) color palette. Moreover, the site homepage has just two elements:

• The central paragraph introduces Shawn, his style, experience, and design thinking process.
• The navigation links to crucial pages like his resume and UX portfolio.

The UX portfolio includes some big names and extended case studies of the work he has done for them. Each case study starts with a title and a concise description of the UX project. Then, he conveys everything he and his team did in detail and with relevant visuals.

Note : I skimmed through Shawn’s Grubhub UX project case study. It’s SO long that you’ll need about two hours to read it thoroughly. But everything’s to the point, so the length is justified. You shouldn’t make a long case study just for the sake of it; in fact, you should try to shorten it as much as possible.

3. Mike Wilson

Mike Wilson is a designer working in the Seattle area. He is an expert in UX research, interaction design, and visual design. His love for figuring out how consumers can easily interact with a platform has landed him projects in many different fields.

I love how Mike has used his photo as the homepage background ⁠— it gives the website an immediate personal touch. Unfortunately, though, I am not a fan of using bare minimum text top of the fold ⁠— “I am Mike Wilson” is good, but some mention of his profession alongside would have been ideal.

Besides that tiny complaint, everything about Mike’s UX portfolio site is superb. Below the image, he does give a short introduction about who he is and what he does. He has also listed three UX case studies right below the ‘About me’ section.

Each UX project case study is well put. Mike mentions his role, who the client was, what the challenges were, what research & planning he or his teammates did, how he designed the solution, etc. He also includes sketches, early prototypes, wireframes, and other visual elements. He ends his case studies with a conclusion wherein he mentions what he’d do differently if he were to take on the same project again ⁠— I love it!

4. Moritz Oesterlau

Moritz teaches UX design as a tutor at CareerFoundry and also has web design, branding, and UX projects under his cap.

His portfolio website, as he proudly puts it, was reviewed and approved by the grand Ran Segall, the founder of Flux Academy. That’s proof enough that this UX portfolio is on point. Let me just highlight the elements I like:

• Easy navigation & visual hierarchy : Visitors would want to know about Moritz, see his work, and contact him if they like it. This portfolio gives all three front and center.

Formatting : Moritz’s case studies are comprehensive, with in-depth descriptions of all the steps he went through for the project (from identifying challenges and making user personas to conclusions). Yet, they are easy to follow, thanks to the formatting. Some examples:

5. Gloria Lo

Gloria Lo is in Sydney, Australia, working on UX/UI design for software products. She currently works at Canva as a senior product designer. She also sings, paints, and writes.

Her website is a showcase for both her work and play. The UX work portfolio is the primary, so it’s at the top of the visual hierarchy:

• The minimal homepage lists her three recent projects in clean sections—the first of which is visible above the fold.
• In the navigation bar, too, work comes before play.

Clicking on each portfolio item will take you to the corresponding case study.

Case studies are comprehensive yet never feel overwhelming. Sections are well-defined and in obvious positions. They have a screenshot of the final results at the top, then comes sections (from top to bottom): overview & Gloria’s role in the project, background info, the process & understanding the problem(s), insights, prioritization of issues, wireframing/designs, etc., ending with the results and takeaways.

The “Play” dropdown menu takes you to her music, art, and blog page. They are also well-designed. For example, the art portfolio page resembles the best :

6. Jeff Shibasaki

Jeff Shibasaki is a certified UX writer and content designer from Atlanta. Currently, he is the UX writer at Gympass. He is also an amateur UX designer.

For aspiring UX designers, Jeff’s UX portfolio could be a great inspiration. From what it seems, Jeff hasn’t done any professional UX design work. However, he has multiple UX redesign projects for brands like LinkedIn, Berkshire Hathaway, The New York Times, etc. How? Those are unsolicited work Jeff probably did on his own time to showcase his UX design skills.

Though none of the UX portfolio items are real, each case study is well put together with appropriate sections experienced professionals use in their UX portfolio.

7. Kelly Batchelor

Kelly is based in the UK and is excited about each and every project she’s given. Kelly Batchelor loves creating and problem-solving using design skills that are always completed with energy and art.

You’ll see only two (important) things on her website when you open it:

• A short intro: “Hey, I’m Kelly. I’m a Product Designer from London, UK.”
• Navigation links to her ‘Work’ and ‘About’ page.

The ‘Work’ link doesn’t direct to a separate case studies page but opens a drop-down list of her case studies on hover. I suggest you don’t use such drop-down lists ⁠— instead, create a separate ‘case studies’ page which people can visit by clicking ‘Work’. That way, you can give proper context for each case study, and visitors can open whichever they find suitable.

For case studies, she follows the typical UX designer case study layout that starts with defining the problem and then goes on to processes and ends with a conclusion. However, there are two web design choices she makes that you might want to replicate in your UX portfolio:

1. Showing the final design screenshot alongside the project title/description . This way, clients will know how her UX design work looks right away. In most case studies, the client has to scroll until the end to find the final product, which they might not do.

2. Ending with a “More Projects” section . Because of it, potential clients can read another case study if the particular case study they saw didn’t impress them.

8. Pratibha Joshi

Pratibha is a product designer at Google and has previously worked for Microsoft and Sprinklr. She loves to create delightful human experiences, which is apparent from her UX portfolio.

Her website homepage is straightforward and, therefore, copy-worthy (if that’s even a word). At the top, she has her photo and a short description of her professional self. Then there’s a simple navigation bar with links to her ‘About me,’ ‘Contact,’ and ‘Experiments’ pages.

The work/case studies section is located on the homepage itself. I would’ve loved a jump link to the section in the navigation bar, but this is accessible in just one scroll, so it works.

Most of her UX portfolio is password-protected, but I did see her case study for BJP Connect - a single app for large group communication and work management. It’s perfect: She uses screenshots of the final product at the top, gives an overview of the project and her role in it, and then writes about the whole process with visuals (like videos of her interacting with each screen).

Overall, the UX professional’s website is typical. There’s just one extra page : Experiments . There she showcases the UX experiments she does in her free time. I think it’s fantastic: It shows her passion for what she does professionally.

9. Lu Yu Portfolio

Lu Yu does interaction design & art direction. She was Head Of Brand at Pitch and is a Jury member of Awwwards & Digital Design award.

The fact that she is a jury member of a top professional web design and development competition body would assumably make it a given that her website will be on point. Is it? Well, let me try to evaluate it using Awwwards’ evaluation system criteria (Side Note: I don’t think I am eligible to be an Awwwards jury).

Awwwards ranks based on the following 4 criteria:

• Design: 40% points
• Usability: 30% points
• Creativity: 20% points
• Content: 10% points

Design -wise, Lu Yu’s website is awesome:

• It has great, consistent colors.
• Transitions, microinteractions, and animations are fantastic.
• Typography is distinctive and legible.
• Negative space is used well.
• Screenshots and other images are high quality.

None of the aesthetic elements interfere with usability .

• The website is mobile responsive and loads pretty fast.
• Contact details and links to her Dribbble and Behance profiles are at the top.
• Since the portfolio items and ‘about’ section come soon enough in the visual hierarchy of the homepage, there’s no need for links to them in the navigation bar—so it’s sorted.
• Portfolio items are presented neatly, and it’s clear that clicking on them opens a separate case study page (thanks to the on-hover animation).
• The content organization is also pretty standard, which is good.

On the scale of not-creative-at-all to outlandishly creative , this portfolio website has the right balance. It definitely has its own character, but the creativity never harms the usability like many super-creative sites do (many of which you can find on Awwwards itself).

I think this UX portfolio can do better with content .

• First off, the hero text, “A COLLECTION OF ARTIFACTS Made with love & purpose.” fails to communicate that it is a UX designer’s portfolio site — it doesn’t matter much as her potential clients will likely have the proper context, but clear communication is always better.
• Second, the project/case study pages have a lot of screenshots of her work, which is good (as they say: show, don’t tell), but there’s pretty much no text at all, which makes the page look cramped. Plus, case study pages on other UX portfolio sites are better because they describe problems, design processes they used, etc.

Overall, Lu Yu’s site is superbly designed and made keeping usability/user experience in mind.

10. Niya Watkins

Niya is a UI/UX Designer with a passion for creating user experiences that make life easier. She is from Washington, DC, and currently works on reader experience for The Atlantic .

Her website is simple in a good way. The home page has no images, just text that introduces her and her best work. Most of her case studies are password-protected, but you can read her work on Spotify Social Feature.

Then there’s the hamburger menu that helps you navigate to other important pages like ‘About’ and ‘Contact’.

Overall, Niya’s UX portfolio is solid. But if there’s one thing you’d want to imitate from Niya’s site, it’d be the storytelling style she uses in the about section. Here’s how she describes transitioning from working in International Affairs to becoming a freelance UX designer:

11. Sophie Brittain

Sophie was born and raised in Houston. She now works as a product designer in New York and has worked on design projects for brands like Kia and Cadillac Fairview.

Her website is to the point. Above the fold, you’ll see a short intro of Sophie and navigation links to her ‘Work’ and ‘About’ sections. You’ll find links to contact her and her social media profiles in the footer. In my opinion, adding a CTA like “Contact me” at the top is better because sometimes potential clients are already impressed by you (say from your social media posts), and they just want to get in touch.

All her case studies are password-protected, so I can’t comment much on them or the website design surrounding them. However, I can see the thumbnails, and it seems she does a fantastic UX designing job.

One thing I don’t quite like (or don’t appreciate) is this animation she uses besides her logo/site title. Seems more distracting than useful to me.

Amy is a product designer at Microsoft. She delivers people-first designs and currently leads user research for Money in Excel , a Microsoft 365 solution subscribers can use to manage, track, and analyze money and spending, all in Excel.

Her UX portfolio website’s homepage is an excellent example of showcasing the most essential things top of the fold. She introduces herself and sums up her extensive career right at the top in beautiful yet clear typography. She has also added a confident picture of her interacting with her team below the intro. Overall, potential clients will know pretty much everything about the “professional Amy” as soon as they land on her website.

The next element in the website’s visual hierarchy is her top navigation bar. It includes links to the important pages (for her): About, Work, and Writing. If your aim with the website is to get clients (that’s probably not Amy’s website goal) and you’d be mimicking Amy’s website, perhaps replacing “Writing” with “Contact” or a similar CTA will be a better idea.

Just like the homepage, she showcases her case studies perfectly too. Each case study is in-depth with relevant information about the UX project. They include background, timeline, goal, success metric, problem, research, deliverables, prototyping and usability testing, and more. She also uses screenshots and videos to show her work effectively.

13. Olga Rody

Just enter this site, and you’ll know it is of Olga Rody, a UI/UX designer based in Indiana, US (thanks to the giant fonts).

The heart in the logo and the hero section communicates Olga’s love for UX. The passion for UX, though, wasn’t from the start of her career, as you’d discover if you open the ‘About’ page from the clearly labeled & visible navigation link: She started as an accountant in Ukraine and only discovered her passion for web design and later UX design when she moved to the US.

Scroll down a bit on the homepage, and you’ll learn she has worked for Easy Way, Bike Generation, Buddy, and YuTu Social. You can also click on the corresponding block to see case studies of her work with these companies.

On the case study pages, she clearly describes her roles, main goals, and her involvement in the work at the start. Then, the usual is showcased, including sections for discovery and user research, user persona, user flow, journey map, wireframes, usability testing, etc.

I also like her hand-drawn sketches—they give insight into her thinking process and understanding of design:

14. Elma Lin

Elma is a UI/UX designer with 15+ years of experience with a background in graphic design and human-computer interaction.

She has designed her portfolio website efficiently. At the top, she introduces herself and shows a couple of her main projects with an option to see more. Directly below it is the footer, where she tells a bit more about herself, has links to download her resume, and mentions the design tools she is proficient in (Figma, InVision, UXPin, Adobe XD, etc.).

Michael is a UX/UI designer who also teaches others to design through courses. He has worked with leading tech companies, including Google, Facebook, Apple, and Microsoft. He also creates excellent YouTube content for aspiring UI/UX designers.

The Mizko website is superbly structured (and designed) for a site that promotes both a UX design studio and an education platform.

• The navigation has links to “Courses” and “Services”, i.e., both his offering. Plus, there’s a link to the “Testimonials” page (which acts as social proof for his course) and a link to the “Case studies” page (which is social proof for his services).
• He uses multiple CTAs top of the fold. Also, he creates urgency with the “Only 1 project spot left” text beside the “Contact” button.
• As you scroll on the website homepage, you’ll see another social proof in the form of the “Featured in” section, where he shows his work is featured in big publications like Y Combinator, TechCrunch, and Webflow.

Though Michael has a UX case studies page, he doesn’t have any case studies written. So he just shows them as “Coming soon”:

This is a better way to go about it than not showing any proof of work at all . If you are a freelancer or a small business, you might not have time to write case studies because an in-depth case study can take days or even a week to write. Therefore, just write the project title and description and label the case study as “coming soon”.

16. Jessica Hernandez

Jessica is a UX researcher based in San Francisco, California.

Her website dazzles with its unique typography, colorful elements, and different microinteractions and animations. Yet, it succeeds at achieving the website goal, i.e., introducing her, showcasing her resume and user research projects, and giving potential clients her contact information. However…

I am not a fan of this playful use of 7-8 fonts on a single page. Almost all UX professionals will tell you not to use more than two or three fonts.

17. Myriem Ech

Okay. So. There are a few things I REALLY like about this portfolio site. And others are just FRUSTRATING. If I were judging Myriem’s skills purely based on analyzing her site, I’d say she knows how to design a great UI but fails at giving a great experience.

Talk about putting work front and center, and Myriem’s UX/UI design portfolio nails it. Her work is presented in a neat two-column layout on the homepage. Plus, not only can you see all portfolio items, but each also has a slider of images that give an overview of her work’s results.

Moreover, she categorizes her projects to let visitors filter through: You can choose from three options — website, mobile app, and ecommerce — to see relevant works.

The top navigation is also clean - on the right is her name and designation; on the left is a noticeable CTA, links to her social media, and links to her About page and Blog page.

Let’s start from the top.

• You’d think clicking on her name/photo/logo will take you to the homepage. Wrong. It doesn’t do anything.
• You’d think clicking on “See all projects” would do something, like probably take you to a separate portfolio page. Wrong. It’s just a jump link to the projects section below it, so it does nothing.
• You’d think that clicking on all the category icons (website, mobile app, ecommerce) will show you related projects. Kind of true. It does, but there are no ‘Mobile App’ projects, so clicking it does nothing.
• You’d think clicking on any of the projects would take you to a separate case study page or something that’ll tell more about the project than a few screenshots and a vague title. Wrong. They are not clickable.

On top of it all, I found the loading time of this site on the higher side.

18. Product Designer, Sun

Sun designs products and experiences for brands in Commerce, Payments, and Retail. She currently works with Square.

Her website is very straightforward but loses some key elements:

• The good : As soon as you enter, you’ll see a well-written title, “From Concept to Product,” and a short bio. Next, you see thumbnails of the work she has done in a two-column gallery. She also has a page called “1-min idea” ⁠— here, she shows her new product design ideas, which reflects her passion for UX and design.
• The bad : You’ll have to hover over the thumbnails to get some idea about the case study/product/UX work she has done. Also, Sun doesn’t have an about page or anything that tells her story or shows who she is.

19. Gautham Mukesh

Gautham Mukesh is a full-stack designer with experience in branding, development, illustration, web design, visual design, and UI/UX.

I love the landing page of this site. It has a fantastic scrolling animation that makes learning about Gautam, his projects, his processes, and contact information fun. However, I don’t like the fact that some elements that seem obviously clickable aren’t.

The case studies are also nicely written and designed. He shows the end result at the top and proceeds to describe the process of reaching there throughout the case study, which typically starts from objectives and challenges and ends with impact. One thing I’d have loved to see but isn’t on his case study pages: A link/button to see the next or previous case study at the end of each case study.

20. Josie Allison

As clearly visible from her website introduction, Josie Allison is a UX/UI designer, graphic designer, product designer, and brand designer. From her ‘About’ page, you get to learn how she is a life-long artist and a lover of all things creative, among other things.

The monochromatic blue color scheme, minimalist and modern style, bold typography, a centered layout with ample white space, playful graphics, clear navigation options, and an organized case study section make the designer’s portfolio look like it is indeed a professional designer’s site.

There are a few mobile optimization blunders (like some text isn’t legible) that hurt the experience on this UX designer’s portfolio site, but it’s superbly designed overall.

21. Isa Pinheiro

Isa Pinheiro is a UX designer with experience in product design, website design, in-store design, and more. She has worked with Procter & Gamble, Young & Rubicam, Huge Singapore, etc., and is now a senior visual designer at R/GA.

Her UX portfolio looks clean and premium, defined by big images. You can see a list of her projects (with thumbnails) on the homepage and ‘Work’ page, whole case studies of her work (with large screenshots of each step), and a gallery filled with screenshots of the finished works.

She also has a store where she sells a Framer template and GameBoy Advance SP wallpapers.

22. Diana Tatarenko

Diana Tatarenko is a visual designer specializing in product design. She is from Israel and is currently a UX & UI Designer in the Wix Mobile Apps team. This UX designer portfolio looks nice because of its unique typography and minimalist design.

23. Sarah Doody

Sarah Doody is a UX researcher and designer who has worked with Citi Bike, The Muse, WeWork, and Dow Jones, among others. She’s also the founder & CEO of Career Strategy Lab, a UX career coaching incubator. Her works are featured in Fast, Yahoo, Forbes, The New York Times, and more. She is also a speaker at conferences and teaches workshops worldwide.

Her website primarily focuses on her career coaching and speaking business. There’s no portfolio page where you can see her in-depth case studies. However, her expertise is apparent in the above information + her articles and podcasts.

24. Bukhtawer

Bukhtawer is a user experience and visual designer who has worked with brands like HEIMAT, Lucid Motors, Virgin Voyages, and Frida Baby.

Her homepage is a bit different than most on this list ⁠— she has two sections: 1) About her, and 2) References from Previous Work. Most UX professionals have focused on showing their portfolios up front and keeping testimonials at the end. It’s a choice, though ⁠— both work as long as you know what you’re doing and can show it clearly.

25. Sarina Katznelson

Sarina graduated from the University of Washington. She is currently a UX designer who loves each part of the UX design process, from research all the way to art.

Her simple UX designer portfolio site itself is a testament to her capability to create simple, human designs. Plus, she has fantastic, detailed case studies as proof of work.

26. Mahsa Keyhani

Mahsa Keyhani has a masters in psychology in addition to being a UX Designer in Australia. The human mind is always at the forefront of her design process.

27. Havana Nguyen

Havana Nguyen has some consistent guidelines she follows for the work she creates for UX. It always begins with defining the problem, completing user research, and thinking of every possible audience.

Her UX portfolio site is more of a personal website, and it’s splendid. Besides promoting her UX portfolio and design case studies, she showcases her art portfolio, YouTube channel, comics, and more. Also, her art/comic talent reflects on the site.

28. Kevin Cudennec Portfolio

Kevin has worked with 25+ companies in his 12+ years of career.

His portfolio includes a range of UI design and Product design work. You can find the links to the best of them on his site + see even more on his Dribbble and Figma profiles.

Besides, he features some awesome testimonials and showcases the services (and the tools he use for them) on the site:

29. Jocelyn Murray

Jocelyn is located in Washington and is a graduate of the University of Maryland. She treats each of her jobs in a way that combines user needs in a clean and easy-to-use way. Her narrow UX designer portfolio surrounded by whitespace looks lovely.

Also, I like how she depicts her process for each portfolio item right in the thumbnail ⁠— worth replicating for your UX portfolio:

30. Finna Wang

Originally from Philadelphia, Finna is a UX Designer as well as an interior designer. Architectural components, beautiful design, and problem-solving are skills she brings to the table.

This UX designer portfolio site includes the bare minimum elements but the case studies well-written with depth.

31. Lisa Labbe

Lisa Labbe is a well-rounded designer currently working on UX Design and Research. Her degrees in both graphic design and psychology give her a unique approach to the user experience.

One of the unique things on Lisa’s UX portfolio is this section she has added on the homepage ⁠— I like it; adds to the credibility of the UX designer :

32. Julia Costa

Julia has a resume featuring her UX Design skills that include programs for companies like American Eagle, PNC Bank, and more. Clean, easy-to-use, and smart program development is her passion.

With all the whitespace, this UX designer’s portfolio looks beautiful. Plus, it has well-presented, simple case studies.

Frequently Asked Questions

Where can i build a ux portfolio.

You can build a personal UX portfolio site with an easy-to-use website builder like Squarespace or an advanced platform like Webflow or WordPress. All have good templates for portfolio sites, but we recommend Squarespace because it'll be easiest of all to make a great UX portfolio site. Alternatively, you can use a niche-specific platform like Cargo, Behance, UXfolio, etc.

What should a UX portfolio include?

The best UX portfolios include in-depth case studies, an about section, and a contact page. Besides, they have testimonials and 'featured in'' sections for social proof.

Do UX designers need a portfolio?

Absolutely! Most recruiters look at portfolios and case studies before hiring for any UX role.

How do I make a UX portfolio with no experience?

Do unsolicited work and showcase it as case studies like Jeff Shibasaki does.

Best Website Builders for 2024

Can I Build a Website for $0?

5 Mins Websites with AI

Related inspirations.

Squarespace Examples

Designer & Developer Portfolios

Graphic Design Portfolios

Portfolio Websites

Related templates.

© 2024 Site Builder Report Back To Top ↑ Sitemap Contact Terms Privacy

20+ Outstanding UX/UI Design Case Studies

Discover an expertly curated collection of 20+ inspirational UX/UI design case studies that will empower you to create outstanding case studies for your own portfolio.

• Comprehensive end-to-end case studies covering research, ideation, design, testing, and conclusions.
• Perfect for designers building portfolios and looking for inspiration to create their own case studies.
• Learn new methods and techniques, improve your understanding, and apply them to your projects.
• Gain insights from the successes and challenges of accomplished designers.

Want to get access to 30+ more case studies including smart tagging system?

Download full version

All case studies included in this collection are sourced from real designers' portfolios and are used for the purpose of learning and inspiration. The original authors retain all rights to their work.

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

A Community Of Over 800,000

How to Craft an Outstanding Case Study for Your UX Portfoliosit

• December 7, 2020

Writing case studies for your UX portfolio can feel opaque and overwhelming. This article breaks down the anatomy of a UX case study to help you tell a simple and effective story that shows off your skills.

Writing case studies for your UX portfolio can feel opaque and overwhelming. There are so many examples out there, and often the ones that make the rounds are the stunning portfolios of top visual designers. It can be inspiring to see the most beautiful work, but  don’t let that distract you from the straightforward format of a good UX case study. 

At the core, a UX case study relies on  excellent storytelling  with a clear, understandable  structure . This article breaks down the anatomy of a UX case study to help you tell a simple and effective story that shows off your skills. We’ll start with some general guidelines and structure, then break it down one piece at a time:

1. Before we get started

UX portfolio overview

Before we dive into all the art and science of the case study, here’s a quick refresher on some general guidelines to help you create a job-winning UX portfolio. See what CareerFoundry UX design mentor Tobias has to say about it: 

What is a UX case study?

Simply put, a case study is the story of a design project you’ve worked on.  The goal, of course, is to showcase the skills you used on the project and help potential employers envision how you’d use those skills if you worked for them. 

A case study is typically written like a highly visual article, with text walking readers through a curated set of images.  Curated  is an important word here, because it should be short and sweet. It’s a chance to share what you want potential employers to know about your work on this project.

With that in mind, case studies are really a UX designer’s secret weapon in two ways. First, they get you in the door by showing more about your work than a resume and a cover letter ever could. Another benefit is that they’re really handy in job interviews. If someone asks about a past project, you can walk them through the case study you’ve already created (this is sometimes a requirement anyway).

General guidelines

I mentioned that UX case studies are about storytelling. I’d actually say they’re about stories-telling, since  they need to tell two intertwined stories . 

The first is the story of your project. This answers questions like what problem you solved, who your users were, what solutions you explored, and what impact they had. 

The second story is about you as a designer and your process. This is more about which methods you chose to use and why, how you worked within constraints, and how you worked as a member of a team (or without one). 

How to structure a case study

So what are the steps for an effective case study? Well, like most things in design (and life), it depends. Every case study will be different, depending on what stories you’re telling. The six-part outline below, though, should guide you through an effective format for any UX project story. Here’s the outline (we’ll dive into each component in just a minute):

• Defining the Problem
• Understanding your Users

Early or alternate ideation

• Final solution

Next steps and learnings

How to fill in the details

It’s worth it to add a few general notes before we dive into each of the list items above.  For each section, include 1-2 short paragraphs and an image of a deliverable that visually tells the story your paragraphs explain.  A reader should be able to either just read or just look at the images and roughly get what this moment in the story is communicating. 

When choosing images to include, focus on quality over quantity.  Choose your best deliverables for each stage and briefly relate them back to the larger narrative. It can be tempting to overload the page with everything you created along the way, but these extra details should stay in your back pocket for interviews. 

Lastly,  make sure your case study is scannable . In the best of circumstances,  people don’t read word for word  on the web. Make sure your text is reasonably concise, use headers and strong visual hierarchy, and use bullet points and lists when possible. 

Ok, let’s take a look at each step in a bit more detail.

2. Anatomy of a UX case study

Like any story, the introduction sets the stage and gives much of the necessary context readers will need to understand your project. This is one section where people actually might take some extra time to read carefully as they try to discern what this case study is about. Make sure they have all the details they need.

Some key questions to answer are:

• What is your company and/or product?
• What user problem did you try to solve?
• What was your role?
• What tools and methods did you use?
• What are the major insights, impacts, or metrics related to the project

Defining the problem

After introducing the project, dive more deeply into the problem you tackled. You touched upon this in the introduction, but this section is an opportunity to make a strong case for why this project exists. Did a competitor analysis or market research demand a new product? Was there past user research in your company that suggests a needed redesign of the product? 

Remember that you’ll want to create a through-line in the narrative, so try to lay out the problem in a way that frames your design work as a solution. 

Deliverables that work really well for this section would be:

• Analytics or usage data
• Market research of internal business metrics
• Survey results or interview highlights

Understanding your users

After explaining the problem, show how it impacts your users and their interaction with your product. If you did original user research or you’re seeking user research-oriented jobs, sharing interview scripts, affinity maps, and spreadsheets can be useful in showing your process. 

However, this section shouldn’t be  only  about your process. A key goal of this section is articulating who your users are and what their needs are. These findings should set up your design work that follows, so try to set up that connection. 

A few types of deliverables you might share here are:

• User personas
• Mental models
• Journey maps or customer experience maps

Keep in mind you want to communicate users’ key motivations and challenges, as well as any more specific user groups you identified. 

This section can really scale up or down depending on what you have to show. Research shows that  hiring managers  don’t just want the final product , so it’s clear that showing some of your processes are helpful. Especially for students or designers without a fully built product to show, this can be a moment for you to shine. 

Don’t worry about the low fidelity of these documents, but the rougher they are, the more you’ll need to guide readers through them. Everything you show here should teach the reader something new about your process and/or your users.

Artifacts you might include are:

• Pen and paper or low fidelity digital wireframes

If you did early testing or faced constraints that determined your future design work, be sure to include them here, too.

Final design solution

This section should include the most final work you did on the project (e.g. wireframe flows or color mockups) and any final product it led to (if you have it). Be clear, though, about which work is yours and which isn’t.

Explain any key decisions or constraints that changed the design from the earlier stages. If you incorporated findings from usability testing, that’s great. If not, try to call out some best practices to help you explain your decisions. Referring to Material Design, WCAG, or Human Interface Guidelines can show the why behind your design.

If you’re able to show the impact of your work, this can take a good case study and make it outstanding. If your project has already been built and made available to users, have a look at any analytics, satisfaction data, or other metrics. See what you could highlight in your case study to show how your design improved the user experience or achieved business goals. Ideally, you can refer back to your original problem statement and business goals from the introduction. 

If you don’t have any way of showing the impact of your project, layout how you would measure the impact. Showing you know how to measure success demonstrates you could do this on future projects.

Lastly, conclude your case study by sharing either your next design steps and/or some key insights you learned from the project. This isn’t just fluff!  No project is perfect or final.  Showing the next steps is a great way to demonstrate your thinking iterative approach (without having to do the work!). 

Also, many companies do (or should do) retrospectives after each project to identify challenges and improve future processes. Use this process and the insights you gain from it to inform your case study. Letting employers know you’re capable of reflection shows humility, self-awareness, and the value you can bring to a team.

3. Final thoughts

Since each case study is a unique story you’re telling about your project, it’s a little art and a little science. But starting with the structure laid out in this article will show who you are as a designer and how you solved a problem. And those are two stories companies want to hear!

• Business UX Leaders , The rise of design , The UX of cars , Things UX People Like , UX Business News , UX Education

I'm a user experience designer with a strong research background. I'm very methodical and research-driven in my approach, but flexible in finding the right method for each project. I design products and services, and I lead in research and design strategy. I've also been teaching design thinking and UX methods at CareerFoundry since February 2017. I've led dozens of students through end-to-end research and design of native mobile apps. I'm a contributing writer to CareerFoundry's blog. My UX work with CareerFoundry helps me work communicate about UX effectively with clients and team members who aren't designers. Learn more about me and see my projects at jonnygrass.com  

Related Articles

How to think about ux research failures.

• Research Methods and Techniques , The Evolution of Research , Things UX People Like , UX Education

A framework for diagnosing a study with conflicting or misleading results, and what to do about it.

• The article examines how UX research studies can fail due to issues in design, analysis, and generalization, using case studies to highlight each category’s importance in maintaining research integrity and relevance.

Share this link

• April 9, 2024

From Design Thinking to AI Thinking

• Artificial Intelligence , Design , Design Theory , Things UX People Like
• The article outlines a paradigm shift from Design Thinking to AI Thinking, emphasizing the integration of LLMs into various sectors to enhance problem-solving through conversational interfaces.
• April 18, 2024

Did you know UX Magazine hosts the most popular podcast about conversational AI?

Join 740,000 designers, thinkers, and doers.

This website uses cookies to ensure you get the best experience on our website. check our privacy policy and.

Skip navigation

World Leaders in Research-Based User Experience

Creating a ux design portfolio case study.

Summary:  A 7-step process to creating a case study for your portfolio: how to describe your design, the UX process that led to this specific user interface, and the business impact of the design.

3 minute video by 2019-11-08 3

• Rachel Krause

Share this article:

• Share this video:

You must have javascript and cookies enabled in order to display videos.

Video Author

Rachel Krause is a Senior User Experience Specialist with Nielsen Norman Group. Her areas of expertise include storytelling, UX in agile, design thinking, scaling design, and UX leadership. She has also planned and conducted research on careers, UX maturity, and intranets for clients and practitioners in numerous industries.

• Share: 

Subscribe to the weekly newsletter to get notified about future articles.

UX Portfolio Updates: A New Year's Resolution

5 minute video

UX Portfolios: What Hiring Managers Look For

4 minute video

UX Portfolios: Preparing for Interviews

2 minute video

UX Portfolios

3 minute video

• 5 Steps to Creating a UX-Design Portfolio
• Portfolios for UX Researchers: Top 10 Recommendations
• Pilot Testing: Getting It Right (Before) the First Time
• Typography Terms Cheat Sheet
• Case Study: Iterative Design and Prototype Testing of the NN/g Homepage

Research Reports

• Intranet Design Annual: 2020
• Intranet Design Annual: 2019
• User Experience Careers

UX Conference Training Course

• UX Basic Training
• Persuasive and Emotional Design
• Omnichannel Journeys and Customer Experience
• Lean UX and Agile
• Personas: Turn User Data Into User-Centered Design

• Reviews / Why join our community?
• For companies
• Frequently asked questions

How to Write Great Case Studies for Your UX Design Portfolio

Well, the answer is really simple: write your UX case studies like stories. You see, when you present your case study as a story, you’ll find it far easier to give it a satisfying structure and captivate your reader. What’s more, you’ll make it easy for recruiters to imagine what it’s like to work with you, as they get to understand how you work. This makes your case study powerful and increases your chances of getting your first interview. Let’s take a closer look at what makes story-based case studies so impactful.

Since your case studies first and foremost serve to help you get an interview in your job application, they should answer the following questions (grouped into three categories, based on you as a person, your skill set and the way you do things):

Who are you? What drives you and what’s your background?

What UX skills do you possess?

How do you approach and solve a problem? How do you work with others?

As it turns out, when you tell a narrative through your case studies, you answer these questions effectively. Here are the 3 main reasons why you should write your UX case studies like stories and how this helps you stand out from other applicants.

Because Stories Allow Recruiters to Imagine What it’s Like to Work with You

“Narrative imagining—story—is the fundamental instrument of thought. Rational capacities depend upon it. It is our chief means of looking into the future, of predicting, of planning, and of explaining.” —Mark Turner, cognitive scientist and author

When a recruiter reads your case study, they want to find out if you’ll be a great addition to their team. They want to know not only if you have the right skills and attitude, but also whether they’d enjoy working with you.

When you tell a story, you make it intuitive for a recruiter to imagine what it’s like to work with you . That’s because we use stories to learn and imagine all the time—in fact, people have since the dawn of human history. Therefore, recruiters will find it easier to look into the future and predict if they’d like to work with you when they read a story-based case study. They’ll find it easier to understand who you are and how you solve a problem.

Since the dawn of human history, we have used stories to imagine and learn about our world. Help recruiters understand you by telling a story about your design process .

© Mike Erskine, Fair Use

This sentiment is echoed by Sarah Bellrichard, Senior Vice President of Wholesale Internet Solutions & UX at the American bank Wells Fargo. She shared her tip on case studies and interviews:

“My tip would be, tell stories. When designers present a flat portfolio it doesn’t tell me about how they approach the work they do and how they deal with the ebbs and flows of design. Tell me how you navigate from start to end of a project.” —Sarah Bellrichard, SVP of Wholesale Internet Solutions & UX, Wells Fargo

Because Stories Give Your Case Studies Structure

“Sometimes reality is too complex. Stories give it form.” —Jean Luc Godard, French-Swiss film director

If you’ve worked on a design project before, then you’re painfully aware of just how messy life can be. Deadlines change, project goals shift, and new findings can fundamentally alter design specifications.

Stories will give your past experiences form and make your case studies better organized . You can re-arrange your experience into a meaningful sequence of events—i.e., progress—towards your results. Otherwise, your case study will likely seem chaotic.

The arc of a story—introduction, middle, conclusion—is the perfect order to tell your messy progress towards a project’s final results. Let’s illustrate:

In the introduction :

You set up the context of your project, for instance through a design brief.

You introduce your team’s main goals and some of the main obstacles you faced

In a classic story, this is where we meet the heroes and learn about the venture/goal they’re reaching for and why they’re not satisfied with their current lives.

In the middle :

You illustrate your approach to solving the problem.

You bring your reader through your journey of how you used industry standard practices to tackle the problem. It’s important that you describe what you did and what your team members did, so the recruiter knows what skills and knowledge you possess.

In a classic story, this is where we follow our heroes struggling to conquer the beasts, villains and problems as they strive to reach their goals.

Finally, in the conclusion :

You showcase the final product and the results you and your team achieved.

You reflect upon what you’ve learnt and recount any follow-up tweaks you’ve made to the product.

In a classic story, this is where the heroes reach their goals―they experience personal growth , reap the rewards of their hard work and live happily ever after.

See how nicely it all fits into a story arc?

When you arrange your case study in a story arc, your journey becomes more ordered and meaningful.

© Teo Yu Siang and the Interaction Design Foundation, CC BY-NC-SA 3.0.

There’s more! You’ll also find it easier to write your case study when you arrange it like a story. You see, the introduction-middle-conclusion structure of a story forms a skeleton for you to fill in the “meat” of your journey. On top of that, recruiters who read your case study will also find the familiar arc of a story satisfying. Talk about a win-win situation!

Because Stories Captivate

“Tell me the facts and I’ll learn. Tell me the truth and I’ll believe. But tell me a story and it will live in my heart forever.” —Native American proverb

Okay, your case study will most likely not live in your recruiter’s heart forever, but your story-based case study will definitely stand out from other purely fact-based case studies, as your story will engage and captivate your recruiter. You see, a narrative is more engaging and provides a better reading experience than a dry, factual account ever could. It naturally makes the reader feel involved in the story and weaves a common thread throughout the case study.

UX recruiters are incredibly busy. They’ll typically spend only 5 minutes scanning your case studies because they have so many applicants to process. Given that, you have a much better chance if you can capture your reader’s attention for the whole 5 minutes.

And there’s no better way to captivate someone than through a story.

Let’s demonstrate that in an ultra-brief case study―yours should be more detailed and in-depth. Below, you’ll find the same journey told in two ways: first in a factual manner, then in a narrative fashion. See which version you find more engaging.

Factual : User interviews were conducted with 12 people to evaluate the effectiveness of the prototype . The main finding was that the assumption that users shopped based on their weekly nutritional needs was invalid. This finding was used to create a new iteration of the product, which was tested and found to be 50% more successful than the previous version.

Narrative : We conducted interviews with 12 people to evaluate if our prototype was effective. Our finding threw a giant spanner in the works. We realized our assumption—that users shopped based on their weekly nutritional needs—was dead wrong. Undefeated, we scrambled to create a new iteration, and ran another round of tests. This time, it worked—the success rate shot up by a whopping 50%!

You probably find the narrative version way more interesting—and so will your recruiters.

Notice in the factual version how flat and lifeless the account is? Sure, the figures are there, but it looks as if you’re reporting on what someone else did. This tells a recruiter that you’re distant and non-engaged—that you didn’t take ownership in what you’re talking about.

So, embrace the liberating and captivating format of a story. Go ahead and describe how your finding proved you dead wrong and how you scrambled upon meeting a temporary setback.

Best practice:

Convey your emotions and write in an active, engaging tone of voice .

Include the team’s frustrations, problems you faced and new insights you learnt.

Include people: write “we”, “I” and “our team”.

This way, you’ll give your case studies flavor . Furthermore, you’ll reveal who you are and how you work―and your recruiters will come back for more.

Stories naturally captivate us—use that power to captivate your recruiters, too.

© Prasanna Kumar, Fair Use

Turn Your Case Studies into Stories

Of course, we’re not saying that you should write a novel to explain what happened in your project. Your case studies should still be short and sweet, but they also should be punchy and engaging.

In fact, when we sat down with Stephen Gay, Design Lead at Google’s AdWords, to ask him about the importance of a portfolio, he explained that he sees UX case studies as stories about the applicants.

• Transcript loading…

To a recruiter like Stephen Gay, case studies are stories that tell him about the applicants. Author / copyright holder: The Interaction Design Foundation. Copyright terms and license: CC BY-NC-SA 3.0.

As Stephen astutely pointed out, we UX designers regularly use the power of stories in our work. So, use this same storytelling approach in your case studies, too!

The Take Away

The best way to write a case study is to tell it like a story. This way, your case studies become a vessel through which recruiters can imagine a future working with you, since they get to experience and understand exactly how you solve a design problem. Your recruiters will also enjoy the familiarity and structure of a story arc, and they’ll find the reading experience much more engaging. So, go ahead—inject humanity, color and passion into your case studies. Be a storyteller.

References and Where to Learn More

You can find Sarah Bellrichard’s tip on case studies in this article by Justinmind, which gathers tips and insights on how to do well in interviews.

Hero image: © Rawpixel, Fair Use.

Design for a Better World with Don Norman

Get Weekly Design Insights

What you should read next, interaction design foundation reviews: answers to frequently asked questions by members.

• 2 weeks ago

10 UI Designer Portfolio Examples

What Tech Job is Right for Me? A Comprehensive Guide to Navigating Your Career Path

How to Succeed as a Designer on Agile Teams: Embrace Imperfection

• 3 weeks ago

Your Guide to Hamburger Menus

How to Design with AI: 5 Insights from the IxDF Course

Tree Testing: A Complete Guide

The Role of Micro-interactions in Modern UX

How to Design UI Forms in 2024: Your Best Guide

What is Eye Tracking in UX?

Open Access—Link to us!

We believe in Open Access and the  democratization of knowledge . Unfortunately, world-class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.

If you want this to change , cite this article , link to us, or join us to help us democratize design knowledge !

Privacy Settings

Our digital services use necessary tracking technologies, including third-party cookies, for security, functionality, and to uphold user rights. Optional cookies offer enhanced features, and analytics.

Experience the full potential of our site that remembers your preferences and supports secure sign-in.

Governs the storage of data necessary for maintaining website security, user authentication, and fraud prevention mechanisms.

Enhanced Functionality

Saves your settings and preferences, like your location, for a more personalized experience.

Referral Program

We use cookies to enable our referral program, giving you and your friends discounts.

Error Reporting

We share user ID with Bugsnag and NewRelic to help us track errors and fix issues.

Optimize your experience by allowing us to monitor site usage. You’ll enjoy a smoother, more personalized journey without compromising your privacy.

Analytics Storage

Collects anonymous data on how you navigate and interact, helping us make informed improvements.

Differentiates real visitors from automated bots, ensuring accurate usage data and improving your website experience.

Lets us tailor your digital ads to match your interests, making them more relevant and useful to you.

Advertising Storage

Stores information for better-targeted advertising, enhancing your online ad experience.

Personalization Storage

Permits storing data to personalize content and ads across Google services based on user behavior, enhancing overall user experience.

Advertising Personalization

Allows for content and ad personalization across Google services based on user behavior. This consent enhances user experiences.

Enables personalizing ads based on user data and interactions, allowing for more relevant advertising experiences across Google services.

Receive more relevant advertisements by sharing your interests and behavior with our trusted advertising partners.

Enables better ad targeting and measurement on Meta platforms, making ads you see more relevant.

Allows for improved ad effectiveness and measurement through Meta’s Conversions API, ensuring privacy-compliant data sharing.

LinkedIn Insights

Tracks conversions, retargeting, and web analytics for LinkedIn ad campaigns, enhancing ad relevance and performance.

LinkedIn CAPI

Enhances LinkedIn advertising through server-side event tracking, offering more accurate measurement and personalization.

Google Ads Tag

Tracks ad performance and user engagement, helping deliver ads that are most useful to you.

Share Knowledge, Get Respect!

or copy link

Cite according to academic standards

Simply copy and paste the text below into your bibliographic reference list, onto your blog, or anywhere else. You can also just hyperlink to this article.

New to UX Design? We’re giving you a free ebook!

Download our free ebook The Basics of User Experience Design to learn about core concepts of UX design.

In 9 chapters, we’ll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more!

New to UX Design? We’re Giving You a Free ebook!

Product Design Bundle and save

User Research New

Content Design

UX Design Fundamentals

Software and Coding Fundamentals for UX

• UX training for teams
• Hire our alumni
• Student Stories
• State of UX Hiring Report 2024
• Our mission
• Advisory Council

Education for every phase of your UX career

Professional Diploma

Learn the full user experience (UX) process from research to interaction design to prototyping.

Combine the UX Diploma with the UI Certificate to pursue a career as a product designer.

Professional Certificates

Learn how to plan, execute, analyse and communicate user research effectively.

Master content design and UX writing principles, from tone and style to writing for interfaces.

Understand the fundamentals of UI elements and design systems, as well as the role of UI in UX.

Short Courses

Gain a solid foundation in the philosophy, principles and methods of user experience design.

Learn the essentials of software development so you can work more effectively with developers.

Give your team the skills, knowledge and mindset to create great digital products.

Join our hiring programme and access our list of certified professionals.

Learn about our mission to set the global standard in UX education.

Meet our leadership team with UX and education expertise.

Members of the council connect us to the wider UX industry.

Our team are available to answer any of your questions.

Fresh insights from experts, alumni and the wider design community.

Success stories from our course alumni building thriving careers.

Discover a wealth of UX expertise on our YouTube channel.

Latest industry insights. A practical guide to landing a job in UX.

Partner Case Study: How UX design education became a top revenue source for KnowHouse

Learn how KnowHouse, a leading online education company in Norway met market demand and grew revenue by adding UX design education to their programme portfolio in partnership with UX Design Institute.

The State of UX Hiring Report 2024

Learn how to start your UX career with hard facts and practical advice from those who have gone before you. In this report, we look at UX hiring trends in 2024 to help you break into the industry.

Pioneers in digital education

KnowHouse is Norway’s leading online education company offering practical courses in digital marketing, website development and communication to working professionals. 

Jakob Thyness and Nina Furu, Founders and CEO, KnowHouse

Founded by the entrepreneurial couple Nina Furu and Jakob Thyness in 2006, Knowhouse emerged from their passion for everything internet and their commitment to helping digital professionals excel in their jobs.

Nina and Jak ob also have a strong background in organising events and conferences for the digital community. With events like Web Forum, one of Norway’s largest gatherings in the digital sphere, and the highly successful AI conference, AI-con 2024, KnowHouse continues to push boundaries and shape the discourse around emerging technologies.

Their commitment to innovation and knack for identifying market trends prompted them to partner with the UX Design Institute, a global leader in UX education and certification. Continuing their pioneering streak in the market with this partnership, Jakob remarks,

We now champion UX education in the Norwegian market.

An opportunity to expand KnowHouse’s digital programme portfolio and the market

Small and medium enterprises dominate the digital landscape in Norway, with a scattering of larger companies. While these firms recognise the importance of offering an excellent user experience, they often struggle with initiating employee training. Traditional university education isn’t always tailored for working professionals, making it impractical.

Nina and Jakob recognised this gap, both in the market and within their programme portfolio. This realisation led to KnowHouse identifying the potential for collaboration with the UX Design Institute in November 2022. Jakob says,

We swiftly recognised the market opportunity and saw UX Design Institute as a credible partner we wanted to collaborate with.

He adds, “In addition to addressing market demand, broadening our programme portfolio with UX courses was a key motivation. It filled a gap in our offerings and resonated with my passion for user experience.” The partnership began by offering UX Design Institute’s two most popular professional courses: a diploma in UX design and a certificate in UI design.

Nina explains, “Offering professional courses in UX and UI aligns with our brand’s focus on practical skills. Employers often sponsor their employees to attend our courses during work hours. We are all about empowering them to excel in their roles.”  

UX Design Institute’s courses, crafted by professionals with input from industry experts, provide practical training highly valued by employers. Students gain real-world experience and mentorship, building professional portfolios to showcase their UX skills effectively.

While considering potential partners, the KnowHouse founders evaluated several companies, including the prestigious Nielsen Norman Group. Jakob, certified by them, acknowledges their excellence. However, Nina highlights, 

UX Design Institute’s stellar reputation and position at the forefront of the UX education industry appealed to us.

A responsive and flexible partnership

The UX Design Institute ensured that the partner onboarding was swift and systematic. 

KnowHouse already had a course-selling platform and a promotional website. Nina highlights the simplicity, stating, “It was straightforward—setting up landing pages and devising a launch marketing plan.” She describes the onboarding as seamless and convenient.

John Doran, Head of Partnerships, UX Design Institute

Under the leadership of John Doran, Head of Partnerships, the UX Design Institute team demonstrated a deep understanding of KnowHouse’s expectations, leading to a long-term, responsive, and supportive partnership.

Nina commends the team for their excellent responsiveness and efficiency in providing course-related information and student progress feedback, stating, “It’s been a pleasure working with them.”

KnowHouse values the UX Design Institute for its efficiency and for maintaining partner brand integrity. The partnership offers easy access to customised resources, eg. a special Slack channel for KnowHouse students, promotional material, regular consultation via a partner success manager, and tailored sales and marketing support.

John has always been prompt, involving other team members as needed. We’ve built a strong working relationship with the extended team. Overall, it’s been smooth sailing,

agrees Jakob. They both appreciate UX Design Institute’s focus on meeting their students’ training needs and ensuring course quality.

All of UX Design Institute’s courses are university credit-rated by Glasgow Caledonian University and validated by UX experts to ensure the highest standards. The courses have gained top global ratings, receiving a 4.9-star rating on Google, a 97% Customer Satisfaction Score, and a Net Promoter Score of 70.

More business growth and a brighter future: ‘Lønnsomt’ it is!

The partnership between KnowHouse and the UX Design Institute is succinctly captured in a single Norwegian word, ‘lønnsomt,’ meaning profitable.

Nina highlights the fact that the UX and UI courses offered as part of the partnership have emerged as top revenue generators for KnowHouse.

Jakob adds, “Moreover, this programme stands out in our portfolio for its comprehensiveness, reflecting its value and relevance to our students’ needs.”

He emphasises the core of the partnership as the two companies work together to provide world-class UX education in Norway,

The content quality, collaborative spirit, and the valuable portfolio expansion are standout aspects.

The partnership’s success has Nina optimistic about the future: “We aim to broaden our course offerings through this collaboration, introducing specialised programmes as the market evolves. We look forward to incorporating UX Design Institute’s professional certificates in user research and content design in the coming months.”

It’s great to see KnowHouse’s trust in UX Design’s products and support as the partnership enters its next phase of UX offerings. Jakob affirms,

We’re excited about this collaboration’s potential for growth and innovation. UX Design Institute’s responsiveness and product quality inspire confidence in exploring new ventures.

There’s nothing more motivating than a vote of confidence from our partners. UX Design Institute is thrilled to deepen and expand this partnership further.

You can learn more about KnowHouse by visiting their website: https://knowhouse.no/

Please visit UX Design Institute’s partner hub to learn more about our partner network and how to partner with us .

Subscribe to our newsletter

Get the best UX insights and career advice direct to your inbox each month.

Thanks for subscribing to our newsletter

You'll now get the best career advice, industry insights and UX community content, direct to your inbox every month.

Upcoming courses

Professional diploma in ux design.

Learn the full UX process, from research to design to prototyping.

Professional Certificate in UI Design

Master key concepts and techniques of UI design.

Certificate in Software and Coding Fundamentals for UX

Collaborate effectively with software developers.

Certificate in UX Design Fundamentals

Get a comprehensive introduction to UX design.

Professional Certificate in Content Design

Learn the skills you need to start a career in content design.

Professional Certificate in User Research

Master the research skills that make UX professionals so valuable.

Upcoming course

Build your UX career with a globally-recognised, industry-approved certification. Get the mindset, the skills and the confidence of UX designers.

You may also like

Your guide to landing a job in UX: Top insights from UX Design Institute’s State of UX Hiring Report 2024

Transforming futures: How ICE Malta’s partnership with the UX Design Institute is revolutionising UX Education in Malta

What is UX design?

Build your UX career with a globally recognised, industry-approved qualification. Get the mindset, the confidence and the skills that make UX designers so valuable.