32 Well-Designed UX Portfolio Examples

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.

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:

1. The central paragraph introduces Shawn, his style, experience, and design thinking process.
2. 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.

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!

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:

  

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:

1. The minimal homepage lists her three recent projects in clean sections—the first of which is visible above the fold.
2. 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:

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.

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:

1. A short intro: “Hey, I’m Kelly. I’m a Product Designer from London, UK.”
2. 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.

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.

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).

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.

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:

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.

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:

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”.

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.

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.

The Good:

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.

The Bad:

Let’s start from the top.

1. You’d think clicking on her name/photo/logo will take you to the homepage. Wrong. It doesn’t do anything.
2. 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.
3. 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.
4. 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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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:

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:

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.

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:

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.