Discover everything we launched at Webflow Conf 2024
Read post
Blog
10 best UX design portfolio examples that’ll inspire you in 2024

10 best UX design portfolio examples that’ll inspire you in 2024

Every UX designer needs an online UX design portfolio to showcase their work and design process. These 10 stand out as the best sources of inspiration in 2024.

10 best UX design portfolio examples that’ll inspire you in 2024

Every UX designer needs an online UX design portfolio to showcase their work and design process. These 10 stand out as the best sources of inspiration in 2024.

Unleash your creativity on the web

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

Get started for free
Get started for free
Written by
Webflow Team
Webflow Team
Webflow Team
Webflow Team

Your UX design portfolio demonstrates 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) portfolio goes beyond aesthetics. It requires blending great visuals with intuitive functionality, demonstrating how you align design choices with user needs, and curating a thoughtful layout that narrates your design process.

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

What’s a UX design portfolio, and why do you need one?

A UX design portfolio is a collection of work samples designers share with potential clients and employers. It showcases your best projects to demonstrate your style and expertise. Some artists and designers make printed portfolios, others post them in online galleries like Behance and Dribbble, and others create custom websites.

UX designers especially benefit from using a portfolio website because the site itself becomes a sample of their work. Even if your work experience is relatively slim, the UX of your portfolio website demonstrates your skills. It also shows potential clients how you design at your own discretion, unfettered by someone else’s product and brand guidelines. 

The 10 best UX design portfolio examples

The following are 10 top-notch portfolios that stand out from the crowd. Every one showcases the designer’s skills, with careful attention paid to each design choice. Let these inspire you to create your own skills showcase.

1. Emi Lantz

Emily Lantz’ portfolio landing page opens with the header “Hi! I design products & brands.” It also includes a purple “download resume” CTA and a transparent “view projects” CTA below the header.
Source: Emi Lantz

Emi Lantz's portfolio uses a striking dark theme that balances purple gradients against a black background to highlight her white-font header “Hi! I design products & brands.” Near the top of the homepage, she placed icons for software she’s proficient with to showcase her multifaceted skills in design, research, and testing.

A prominent “View Projects” button directs visitors to review five curated studies that delve into 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ć

A portfolio homepage with small text saying, “Hello, my name is ​​Ljubomir Bardžić,” followed by larger text stating “I’m a freelance product designer and Webflow expert with 10 years of experience helping startups deliver better experiences.”
Source: Ljubomir Bardžić

Freelance UX/UI designer ​​Ljubomir Bardžić’s portfolio balances minimalist design with colorful aesthetics. Using a classic black-and-white background theme draws attention to colorful project work. His portfolio includes client feedback, user journey mapping, and wireframes to illustrate ideation and design processes.

The text leaves no room for ambiguity. He succinctly communicates his service offerings — web design, UX/UI design, and Webflow development services — to clearly describe his value proposition. 

Ljubomir’s portfolio offers a straightforward experience for potential clients to quickly evaluate his style and expertise with minimal clicking and scrolling.

​​3. Karolis Kosas

White homepage featuring text in the top and bottom center, and a picture of a CUJO device with closed eyes on the right. The text on the screen says “Karolis Kosas is a product designer at OpenAI, previously Stripe.”
Source: Karolis Kosas

Product designer Karolis Kosas uses a minimalist approach that lets their design prowess shine. A stark black-and-white color scheme subtly comes to life with animated blinking eyes on a CUJO device, adding a touch of motion to the otherwise static homepage to engage viewers.

Each case study consists of a vertical stream of unadorned grids that provide comprehensive explanations and visual representations of each step. Side-by-side product design deliverables and images of the product in use illustrate how each step contributed to the final design. This thoughtful and thorough presentation indicates Karolis’s skills.

4. Pascal Strasche

Homepage with a white-and-blue gradient background with a headshot of Pascal Strasche on the right. On the left, text states “Hi, I’m Pascal: A freelance Product Designer and Webflow Expert. I help companies design intuitive digital products and develop converting marketing websites.” Below is a green CTA button saying “Let’s chat.”
Source: Pascal Strasche

When visitors land on Pascal Strasche’s portfolio website, a seamless blend of professionalism and personal flair greets them. A unique light teal color accents a murky gray background, while the header immediately boasts Pascal’s skills: They're a freelance product designer and Webflow expert. And their many case studies further support this expertise.

Near the bottom of the homepage, Pascal discloses their personal manifesto — a clear outline of ambitions and values — symbolizing the depth of investment in their brand. Pascal’s articulate and direct approach fosters trust and reliability. By integrating their unique personality and UX/UI expertise, they create a genuinely individualized portfolio that demonstrates design acumen and a robust personal ethos.

5. Vicky Marchenko

Portfolio homepage with a white background and purple paper airplanes. On the left is text stating “Hey there! I’m a UX/UI designer that uses my background in business to create meaningful digital experiences.”
Source: Vicky Marchenko

Vicky Marchenko’s UX/UI design portfolio feels warm and inviting. The playful paper plane animation and friendly “Hey there!” expression deliver a sense of personal connection. And her consistent use of a comforting light-purple-and-white theme furthers this inviting atmosphere.

Dive into her projects page to find comprehensive and transparent case studies showcasing her cross-industry skills. From overviews to specific deliverables and examples of final designs, Vicky ensures the reader clearly understands her role in each project (and what she can offer them). Finally, her footer invites you to enter your name, email address, and a message, offering a clear line of communication to simplify getting in touch.

Build your online portfolio

Build and visually design a full portfolio website in just 21 days — with our free online course.

Start course
Build your online portfolio

Build and visually design a full portfolio website in just 21 days — with our free online course.

Start course
Start course

6. Sarah Lauchli

Sarah Lauchli’s portfolio includes two images of computer screens presenting images from her previous work while a headline floats at the top of the page reading “Hi, I’m Sarah Lauchli! UX/UI Designer.”
Source: Sarah Lauchli

Sarah Lauchli’s design portfolio website showcases her impeccable taste in colors, layouts, and typography. She uses bright graphics and a standout deep pink to complement a white-and-off-white background, with fun font use throughout. 

Sarah carefully documents the objectives and challenges she encountered in each project case study and the direct actions she took to conquer them. You’ll find the step-by-step process she undertook, including the user flows, wireframes, and palettes she created. And at the top of every page, icons indicate which tools she used for each project, demonstrating her proficiencies clearly and alongside their proper context.

After visitors are thoroughly impressed by the case studies, they can visit her “About me” page for a detailed description of her design philosophy and specialties. At any point, you can click the “Contact” option at the top to reach a lightweight contact form.

7. Olga Rody

A UX portfolio site with large text stating “Olga Rody UI/UX Designer Based in Indiana, US.”
Source: 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 project to inform visitors of what to expect before they click. And she uses a natural color scheme that prioritizes accessibility with its excellent font–background contrast.

At the top of each case study, Olga defines her role up front. As visitors scroll, she introduces various design deliverables such as journey maps, wireframes, and prototypes, painting a comprehensive picture of her process.

Her portfolio isn’t just a gallery of pictures. She also includes measurable outcomes, such as usability testing results and survey answers, to showcase her impact as a designer. This social proof might be just what convinces viewers to get in touch.

8. Ryan C. Robinson

A portfolio site with a wavy orange-and-blue background. In the center of the page is text stating “Ryan C. Robinson UX Designer Specializing in responsive web, desktop, and mobile app design.”
Source Ryan C. Robinson

Switching it up with a burst of color, Ryan C. Robinson’s portfolio gives a vivid twist to modern 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 engaging visuals, ensuring a complete understanding of his design process. His focus tags for each project are particularly useful — like wireframing, UX, and visual design — providing an efficient reference point for potential clients or employers looking for examples of specific skill sets. 

This portfolio showcases a unique blend of creativity and function, demonstrating his versatility as a UX designer.

9. Gina Yu

Gina Yu’s portfolio site features a light-beige background with colorful paint drops throughout. Near the top is the text “Hey fellow human bean! I’m an Atlanta-based product designer, who works to create a more human and empathetic world.”
Source: Gina Yu

Web designer Gina Yu offers a refreshing departure from conventional product design portfolios that open with product images and sleek, techy designs. She uses a light-beige background to highlight fun paint drops (hinting at her artistry) and text that starts by stating “Hey fellow human bean! I’m an Atlanta-based product designer, who works to create a more human and empathetic world.” Instead of opening with a focus on her design skills, she highlights her philosophy. This sets a wonderful tone for people hoping to work with someone who shares the same human-focused values.

Navigating to her “Work” page, the spotlight first falls on her most recent project, with four other undertakings trailing closely in a simple grid layout. She populates each case study with process narratives and interactive prototypes. And she even embeds a functional prototype on a graphic representation of a Mac screen for her Outback Bikes project, offering visitors a realistic demonstration.

10. Archit Saxena

Archit Saxena’s portfolio starts with a headline that reads “I’m a creative product designer,” followed by four smartphone screens that feature designs he’s worked on.
Source: Archit Saxena

Contrasting with the previous portfolio, Archit Saxena’s site immediately highlights concise, functional examples and explanations. He starts with subtly animated design samples that lead into larger images that exemplify his work and offer links to fuller case studies.

Each case study begins with a list of interesting stats about the project, such as increased user satisfaction and daily bookings. He follows these with an example from the project and a deep-dive description. Finally, he describes his role in each project, how he approached his tasks, and what the results were. Overall, it’s a comprehensive look at what it might be like to work with him — and the results he can deliver.

What to include in your UX design portfolio

While each portfolio above tells the designer’s unique story, they all include a few consistent components to ensure their sites demonstrate their expertise, creativity, and unique understanding of what goes into effective UX design.

Case studies

UX case studies are long-form descriptions of a design project from beginning to end. They describe initial requirements, the designer’s role in fulfilling them, and their approach. Sprinkled throughout these case studies, you’ll find visuals like wireframes, flows, and samples demonstrating how the project took shape.

Project examples

UX project examples typically show the finished product a designer worked on, preferably with a link to where it’s published. These examples give potential clients something real to appraise and lend credibility to the designer’s ability to produce quality content clients ended up using.

Your design process

Case studies should include a detailed overview of your design process to help potential clients and employers thoroughly understand how you approach project work. Include research you conducted to justify your design decisions and describe the team structure you worked in so they can learn how you fit into a team. And if you’re a solo designer, outline how you manage all the disparate tasks involved in completing a project, like determining budgets, writing content, and interfacing with clients.

Visual and interaction design skills

UX designers are uniquely suited to creating online portfolios because UX is so integral to building great websites. Take this opportunity to show off your design skills, so potential employers and clients can see you at your best, unrestrained by project requirements and limitations. 

Start your portfolio with Webflow’s 21-day design course

Designing and publishing a UX design portfolio involves important decisions like selecting a platform, picking the right case studies, and building the best layout. Even veteran designers can benefit from input on those decisions. Before you get started, take the time to research tips and tricks from other designers

For more comprehensive guidance, check out the 21-day portfolio course at Webflow University. It provides step-by-step guidance for publishing your portfolio with Webflow, covering everything from creating layouts and interactions to launching your site. By the end of the course, you’ll have a completed portfolio website and many new skills.

Show off your talents with a UX design portfolio

Curating your top projects and describing your distinct design approach is a fulfilling exercise. Not only do you get to demonstrate your abilities, but you can also reflect on your personal growth and journey through your design career.

Let Webflow help you showcase that journey to clients. Webflow offers top-notch stability and design features like reusable components and Quick Stack elements that empower you to express your unique creativity.

Try Webflow today and get started on your portfolio right away — with or without coding.

Unleash your creativity on the web

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

Get started for free
Unleash your creativity on the web

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

Get started for free
Get started for free
Last Updated
April 18, 2024
Unleash your creativity on the web

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

Get started for free
Get started for free