15 best UX portfolios and what we can learn from them

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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:

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.