portfolio website case study

• mindful design
• student success
• product design
• ui/ux design
• watch me work
• design careers
• design inspiration

10 Exceptional Product Design Portfolios with Case Study Breakdowns

After working with many designers throughout my own career and helping many more build their job-ready portfolios, there are a few designers that I keep coming back to for inspiration and some that are inspiring a new generation of UI/UX and Product Designers to enter the field.

I've chosen 10 of our favorite UI/UX and Product Designers—a colorful tapestry of digital product architects that have evolved from graphic designers, marketers, architects, engineers and everything in-between. Their unique backgrounds and journey bring something special to our industry and illustrate how we can all do more meaningful, interesting and impactful work:

There are 10 things in particular that make these 10 designers really stand out:

• They have each honed their craft from the bottom up (whether having gone through a traditional academic program, an online course like DesignerUp , or being self-taught).
• They are all at different stages of their careers (some newly minted and others seasoned veterans).
• They continue to learn, grow, push the envelope, document and share their genuine experiences.
• They each hail from a different background (and sometimes non-design industry) that informs who they are and what they work on as a designer.
• Their evolution is apparent in their work.
• They are passionate about the problems they solve and find joy in connecting with the users they serve.
• They are transparent about their processes, thoughtful in their communication about it and not afraid to show what worked and what didn't.
• They have focused portfolios that reveal their unique point of view as a designer.
• They are a diverse group of designers from different cultural, gender and socio-economic backgrounds.
• They have so much to teach us all about design and how to use it to express authenticity and to understand and help others do the same.

Case Study Format:   http://simonpan.com/work/uber/

• The Challenge
• Early Insights
• Reframing the Problem
• The Redesign
• Design Strategy

“In a city as busy as San Francisco, over $1 million was wasted per week because of problematic pickups.”

Madeline Wukusick

Madeline is a graduate of our DesignerUp Product Design course. She was able to create an incredible portfolio working through our curriculum, blended with her background in graphic and data design that set her up for immediate success landing professional design roles.

Case Study Format:

• The Observed Problem
• The Research
• In the Insights
• The proposed How Might We Statements
• Lean Canvas and Product Strategy
• Business Requirements
• The Solutions and MVP Features
• Things that could be improved

"Thanks for helping me work through these iterations—it's been tremendously helpful! You have such a knack for fine-tuning and teasing out subtle themes that I hadn't noticed before. From these comments, I have a better sense of some of my growth areas to work on and ways in which to push myself. It also helped me realize that I am most interested in hybrid roles, or at least roles with a strong visual component. Really grateful to have discovered this course :-)" - Madeline

Not an Italian mobster; Johny Vino is an engineers' designer. I've been a long time admirer of his work every since his mind-blowing animations and micro-interactions arrested me mid Dribbble scroll many years ago. He is a thoughtful, meticulous designer that understands how to align user and business goals all while transmuting conventional interaction patterns into something that is altogether transcendent yet familiar.

Case Study Format: https://johnyvino.com/

Process, Goal and Task Oriented that varies with each project

• What he worked on
• What he aim to accomplish
• Business Goals
• Representation of complex data
• Integration

Humans are not perfect. I like to apply 3 principles to ever product I design to help me focus on that. Fitt's Law, Mimicry, Aesthetic Usability Effect

Steph Parrott

Steph is a product designer based in Toronto. Currently working on Plantd and most recently at Square in San Francisco.

Case Study Format: https://www.stephparrott.com/plantd/

• Roles and Process
• App Overview
• Feature proposal
• Design to Development
• Looking to the future and what's next

"As someone who hasn’t eaten meat in almost 20 years, I’m highly motivated to put in the work to find plant-based options, but for those starting to dabble, how can we except them to do the same?" - Steph

Tom is the co-founder of the community and event series Design Club , and an investor & advisor to Bricklane . He currently works  own clients, helping invent, design, and launch new ventures. Before that he held design leadership roles at fashion and fintech startups, and was as a senior designer at a global agency. Case Study Format: http://tom.pe/gc-dashboard.html

• Summary of the problem space, challenges, project and contribution
• Goal and Problem
• Design Principles applied
• Proposed solution and representation of dashboard and data
• Design frameworks used
• Future considerations

"The problem here is that by trying to create something for everyone, we risked helping no one. Avoiding the design equivelant of an identity crisis became a big focus of mine. I'd do this by finding ways to inject a point of view into the product. By knowing what it wasn't, as well as what it was." - Tom Petty

Want to create an incredible portfolio like these full of amazing case studies to get you hired? Enroll in our Product Design Course today!

Garett MacGillivray

Much like myself and other designers of a particular generation, Aussie/Canadian Garett MacGillivray has been around the block and through the evolution of graphic designer, web design, UI/UX Designers and now landed squarely as a full stack Product Designer.

Case Study Format: https://aucadian.com.au/project/goloop

• Exploration and Ideation
• Component Library
• B2B product interface

I've had many labels throughout my career in the digital industry. It's safe to say that I enjoy crafting digital experiences.

Elise is a Bay Area designer that jumped to the bay from NYU. She comes from an advertising and marketing background and has fine tuned her communication skills and processes vast knowledge of the tech and digital product industry has a whole having been on the broadcasting and marketing side of things.

Case Study Format: http://www.elisefu.com/work-komeeda/

• Impact/Metrics
• User testing
• User research
• Information Architecture
• Implementation
• Major Findings
• Formal User Testing

I was driven to design because I felt excited and rewarding to learn about people’s goals and desires, help them solve problems and make their lives easier.

Latiesha Caston

Latisha is a User Experience Designer passionate about holistic, accessible, and inclusive design, based in Seattle.

Case Study Format: https://www.latieshacaston.com/veggie-grill-online-ordering-experience

• The Problem
• The High-level Goal
• The approach
• Pain Points
• Optimizing flow and improving architecture
• Interaction model breakdown
• Looking to the future

"Our high level goal was to design a holistic order-ahead experience that keeps the core of what we've built, while delivering on opportunities, addressing pain points, and setting the stage for the future." - Latisha

Karolis Kosas

Having recently joined the amazing design team at Stripe as a Product designer, Karolis's portfolio is clean and minimal and his case studies really understand the mental model of the user, getting into their heads and revealing the friction points they are feeling and how he can insert a solution that improves on the experience with compromising the soul of the designer.

Case Study Format: http://karoliskosas.com/cinemaclub/

• prototyping
• Built the product from zero

Visual communication is a self-sufficient organism capable of adapting and evolving based on the input of multiple sources.Acting in such context, the designer is an initiator, establishing methods and boundaries for the system to establish itself as an independent entity.

Rohit Singh

One of o ur very own graduates ! Rohit Singh is an up and coming product designer with a focus on helping early-stage startups and new businesses blossom.

Rohit outlines his process for creating an MVP for his digital product from scratch, which serves as a sort of physical and virtual library for the poorest class of India.

Case Study Format: https://work.khadush.in/booksite-an-online-physical-book-sharing-platform/

• Inspiration
• User Interviews
• Lean Canvas
• Visual Design
• Final Words

I specialize in helping early stage startups validate their riskiest assumptions using leading design methods

After analyzing all of these case studies and working with 100s of designers in our product design course to get them ready for the job application process, we've created our own tried-and-true templates to make it easy for designers to replicate the successful format and structure of these top portfolios using Notion .

Each of these amazing portfolios tells the story of the product designer, their evolution, their process and shows what they bring to the world. But it's not easy doing what they do or knowing exactly how to show and tell who you are as designer. Having a solid design education and getting feedback from the design community is the best way to ensure that your work is up to par and being presented in a way the shows your skills and your worth.

Have a look at our partners' advice over at Pathrise on building a strong UX design portfolio .

The best design resources, in your inbox

Tips, tricks, articles and freebies. It's all happening in the DesignerUp Newsletter. View the archives →

We'll only send the occasional email and promise not to spam.

© Copyright 2022 DesignerUp. All Rights Reserved.

Is your WordPress site slow? Get a free audit to uncover performance bottlenecks.

The Anatomy of a Perfect Portfolio Website to Showcase Your Work

Time to roll up your sleeves! Today we’re going to dive into the topic of portfolio websites and which industry experts should be using them. Learn how to create a good-looking site that uniquely showcases your work and the importance of doing so. You want visitors and potential clients to remember you for their next project.

What Is a Portfolio Website?

Why you need a portfolio website, essential elements for your portfolio website, what you need to build a portfolio website.

A portfolio website is a unique way to showcase your work and let others know about yourself. It’s like an evergreen platform for your projects, case studies, and information about you. In addition, it’s one of the best ways to express your personality, experience, and capabilities.

Having your own website means customers are always able to find you and if interested, reach out for you. If you don’t have an online presence nowadays, you are behind the times. 😉 A portfolio is a great way for photographers , designers, developers and a wide range of artists to present their work online. It lets you reflect your identity through your works – photos, graphic design, sketches, etc.

In a nutshell, you need a portfolio website to showcase your work. Whether you’re an individual, a small team of two or a company of ten people, it’s crucial that you have a unique online approach. A website portfolio will help you stand out from the crowd, show your uniqueness, build trust, and make sure that others can actually find you .

There are certain areas where a website portfolio is more important than others. If you find yourself in one of the following, it’s safe to assume that you need a portfolio like a book needs words:

• Web development (outsourcing, online shop)
• Graphic design (logo design, corporate ID, flyers, catalogs, packaging)
• Marketing (digital marketing, print design, SEO, PPC advertising)
• Art design (illustration, video, audio, photography)

But it doesn’t stop just there, the same goes with interior designers, artists, models, writers, etc. The main idea is that you are a creator and you need to showcase your work. Portfolio website lets you do that in high quality.

Example of Why You Need a Portfolio

What happens when someone needs a logo for a new product, service, or company? Most will start a search through simple Google (or they might get suggestions from friends or business partners). So firstly, you want to be searchable . To demonstrate it from your clients perspective, here is a little experiment.

Taking into account the majority approach, I used Google. I start simply by typing “logo designer portfolio” in the search bar and hope to find a real person who could create my logo. And there it is, a bunch of potential logo designers there for the taking. I browse through their websites, and they all seem to be pretty good. Now, to make a choice, it is just a question of preferences, taste and the budget.

As you see, the choice is in front of me. I can choose an individual or an agency . I can learn about each one’s service, see their portfolios, read about them, and study their project flow. Basically, their websites give me the feeling of who they are, what they do, and what to expect if I decided to work with them.

Now that you know at least one reason why you need a portfolio, it’s time to understand the most important things that should be included on your website.

Every project needs a formula – a purpose. Without it, it’s going to be very hard to impress.

The basic formula of a portfolio website would include a logo, tagline, your best work, and contact information. Sometimes this works but in many cases, it’s a poor implementation. To highlight your portfolio in another light, consider to include other key elements that will boost your portfolio’s user experience: case studies, testimonials, blog, and even a project you’re currently working on at the moment. These are vital elements.

When working on your portfolio site design, think about the elements your future clients should be able to find. Ask yourself – what is the purpose of your portfolio? Do you want to sell your services, are you looking for a job and want to be hired, or is it a website about you? The main focus of your portfolio site should be catching visitor’s attention, and the following elements will help you do that.

A Showcase of Your Work

Your about page, case studies, testimonials, call to action (cta), a blog and syndication.

It only takes a few seconds to lose a visitor’s attention, so to be sure to use these seconds smart. Your potential clients will see the visuals first and if they like what they see, they will continue looking for more details. In other words, you need an awesome and appealing presentation of your works.

It can be done in many ways – photo slideshows, video presentations, thumbnail galleries, etc. For example, if you’re a logo designer, ensure you show a great quality picture of a logo in different variations. Put the logo on products, business cards, show it in different colors – this will extend your competence.

Take a look at this portfolio website . It’s created by London-based designer and writer Tim Smith. In it, he is showcasing his work using a thumbnail gallery.

Your about page lets your potential clients see who is behind the work, get a glance of who you are, and if they would like working with you. You might ask, where do I start? Start with the most essential – with yourself. To make it easier, here is the checklist of crucial about page elements:

It sounds obvious but so many portfolios don’t have it. What if your potential client wants to do research about you, LinkedIn for example? Hi, I am Matt… is a great start to continue a story about yourself.

Picture of You

A picture gives a more personal touch. A portrait of you or a nice shot of you working on a new design. It’s the most original way to give visitors a sense of who you are. Make it simple but inviting.

Information About Yourself

Show your personality by telling a story about your professional and personal experience. Your education, what you have learned to do, projects you loved working with, awards, and recognition. Use this page to show your skills, the way you think and what are your passions. Make it brief, pleasant and memorable.

Below is an “About” page example from an Art Director, Marcin Dmoch. He presents himself using bright color design and little pieces of stories telling about his professional experience and best projects. He also has attached a downloadable CV for easy printing or resending the file to others. It’s a clean design containing all the key elements needed for an effective about page.

Case studies or presentations are the best way of demonstrating the full scope of your projects. Each project should have its own story that shows the progress of the whole process, from beginning to the final outcome. Break down this creative process with lots of photos and notes revealing what’s behind each project.

This way your visitors can get a sense of what your projects are like, and how you moved from the initial planning phase to completion. Here are the components to include in your case study:

• Purpose of the project: Why did you start the project.
• Objective: What you accomplished.
• Approach: How you accomplished it.
• Project duration: How long it took you.
• Your role: How you contributed to the team or project.
• Final product overview: Pictures, videos, links, etc.

Here is a good example of showing off case studies from Darian Rosebrook , a web designer, and branding consultant. He uses his portfolio to present the previous work through an article that reveals the essence of each project.

Another example is Kinsta. They don’t have a portfolio website, but their case studies page is a good example of a well thought out design intended to show off the work they are proud of to potential clients.

Does building out your case studies section take some time? Of course, but it’s a must-have for any portfolio website.

Having some words from your clients can be very meaningful for those who just landed on your page. You can list your skills and tell how great you are but letting others say it can have a big influence . Reach out to your previous clients and ask for quotes that you can use on your website. People who enjoyed working with you will gladly praise your good work with a testimonial.

Check out this example below from graphic designer Francesca McWhirter. To make her testimonial page really pop, she starts with a dynamic hero image and then continues with the customer testimonials below it.

A call to action compliments the purpose of your portfolio. To help you come up with a call to action for your site, remind yourself of the purpose of your website. What are the actions you want visitors to take? Your website should provide various ways clients can contact you. Be sure to include your business email address even if you use a contact form as some clients prefer it over forms.

In the example below, creative agency Lounge Lizard offers various ways for clients to get in touch. You can use an email address or fill out the “Request a Proposal” form to get an offer straight in your inbox.

Blogging is a fantastic way to share how you think and add value to those who want to collaborate. Creating regular blog content gives visitors a reason to revisit your website. It’s also great for SEO – Google loves qualitative content!

However, blogs are not the only approach. To build a buzz around your work, social media work great as well. For example, Instagram with it’s 1 billion active users is a great way to showcase your work, style, and show your unique personality. It helps to build trust and grow a relevant audience. Content marketing can also mean your own YouTube channel , a podcast or webinars. Choose your favorite way and express yourself. Creative artist Elsa Muse is a good example, she writes her own blog and posts on Instagram.

Don’t forget to syndicate your work! Just like with content syndication, you can upload your best work to places like Behance and Dribbble . So even though you might have an amazing portfolio website, make sure to take advantage of these other networks for additional free traffic.

Extra Things to Include

Your portfolio website can include anything. Apart from the basic key elements, there are more items that can highlight your site even more. A working prototype demo, free samples of icon sets, free software, themes, and even plugins.

If you have any guest appearances on blogs, podcasts, press, entertainment channels – be sure to mention them. Interviews are great for further reading if clients want to learn more about your personality and work. Also, be proud of your achievements and don’t be afraid to share details about your awards.

When you are building a website, it is important to make sure it is effective, functional and easy to maintain. Choosing the right tools is important to build a professional-looking portfolio site. One of the best and most popular website building platforms – WordPress is a perfect solution for freelancers. WordPress gives you power out of the box offering functionality through countless available themes and plugins .

WordPress theme controls the visual aspect of your website: the design, colors, and a layout. Conversely, plugins are extensions of WordPress that take the core WordPress software and edit or remove its functionality.

Page elements like contact forms, image slide-shows, marketing pop-up bars are pieces of your website that are usually created and added using a WordPress plugin. You shouldn’t overdose your website with too many plugins, as this can (not always) make your site heavy and slow. Instead, you can create your WordPress site using a website builder and a few other must-have plugins. This can save you time and help you to launch your portfolio faster (artists usually don’t have much time to spend building their own sites, right?)

After choosing the platform, the next thing you’ll need is a domain name and hosting. If you’re a freelance designer, grabbing your name in the domain name can be great for personal branding.

A quality WordPress host, like Kinsta , will ensure that your website stays online, is fast to navigate, and always available for your potential clients. Using included hosting features such as a CDN can help ensure all those beautiful showcase images load lightning fast around the globe. And don’t forget to optimize them !

Take your portfolio as an opportunity to surprise and impress your potential clients. A portfolio website lets you show off all of your work in one place. This not only looks good to a client, but it can also help inspire you on your next projects.

Tell others about your skills and personality. Express your uniqueness through case studies. Be searchable and keep the pace with your competitors. There are no rules and everything goes as long as you are able to make the visitor smile and remember you.

Linda is the Marketing Manager at Visual Composer . She enjoys the interaction between creativity and technology. You can follow her on Twitter: @LindaRagaine .

Related Articles and Topics

Powerful Managed WordPress Hosting

WordPress Free vs Paid Themes: Which is Right for Your Next Project?

• Content Management Systems
• Website Security

Awesome post! This is worth the share. Keep up the quality work.

Great article. Thanks for the effort and research

Leave a Reply Cancel reply

By submitting this form: You agree to the processing of the submitted personal data in accordance with Kinsta's Privacy Policy , including the transfer of data to the United States.

You also agree to receive information from Kinsta related to our services, events, and promotions. You may unsubscribe at any time by following the instructions in the communications received.

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.

9 freelancer portfolios designed to stand out

Find the inspiration you need to build a portfolio that communicates your talents — and brings in new clients.

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

Show, don’t tell — create sites that do the talking for you

Advice from a seasoned web designer on how to design and build a portfolio site that will dazzle clients.

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

A Space for Creative Growth

How to write case studies for your design portfolio

A good case study on your design portfolio is a great way to make it stand out. Here’s how to get it right

Illustration: Yali Ziv

• Jul 13, 2020

Putting a work process into words might cause some to break out in a light sweat, but just like the rest of a design portfolio , a case study is a chance to shine. The key to approaching such a task is by realizing that crafting the perfect case study isn’t that different from any other design work you do.

Here’s everything you need to know about writing good case studies, from how to structure them visually, to which details to include and more.

What is a design case study?

In a nutshell, the main aim of a case study is to tell the story of a specific project of yours. The text you write can put your design work into context and make it more fully understandable. Integrating images with text, a case study outlines the most important details of the process, from the brief you were given, to how you approached the task, to the final result. Incorporating case studies into your portfolio helps give potential clients or employers a look into how you work, what you’re good at and what your thought process is.

When making your online design portfolio, note that not every project requires a full case study. You can pick the projects you’re proudest of, giving you the chance to highlight your skills and explain what made the design so successful. Now that we’re on the same page, here’s our best advice:

Include the relevant details

To make sure you’ve covered all the relevant information, here’s a checklist of the main details to include. Note that these aren’t strict guidelines - it depends on how thorough you want to be and what you feel is important for your project.

1. Background info: If you were working with a client, include their name and what they do, plus the date and location in which the project took place. Also explain what your role was within the project (for example “Web Design,” “Branding” or “Art Direction”). If you worked in a team, credit the other people and list their roles. This is also the place to give a brief sentence on what the project actually is.

Example: See how designer Ariel Sun , introduces her rebranding project:

“The Human Project at NYU (THP) worked with the agency Ogilvy & Mather to redefine their brand and develop a new logomark. As THP's internal graphic designer, I applied that visual language to a variety of marketing & communications assets and fresh brand collateral.”

2. Goal: Briefly explain what the aim of the project was. You can base this on the design brief you worked with throughout the project.

Example: Design studio and Wix user, Run Wild , state the goal of their UX project:

“The challenge was to redesign a convoluted site into an action-oriented site that provides clear navigation and call to action.”

3. Design process: You can really decide how much you want to elaborate here. Keeping it short is also an option. Either way, the idea is to talk about the main stages you went through in the design process, which decisions you made and why, what your approach was, and any changes made throughout.

You can include some of the research you did and what your inspirations were. Don’t be afraid to mention any challenges you experienced or concepts that were later scrapped - as long as you keep a positive attitude and explain the reasoning behind the decisions, remember that it’s all part of the process.

4. Results: Here, present the final outcome and your main learnings. You can also write about how success was measured. For example, state whether all your client’s expectations were met (this can be in the form of client quotes if you like), or perhaps include stats you have about an increase in sales, or describe how part of your design was later used on a larger scale.

Example: In this case study about a redesign for a website, Ariel Sun explains the results:

“The result is an engaging and unexpected twist on a garden party that tells a clear story while still leaving room for the viewer’s imagination. After reviewing a set of submissions that included work from our very talented colleagues, Tattly picked this design and will elaborate it into a full-on marketing campaign.”

Make it skimmable

We all know that we live in a time of short attention spans . Even when it comes to prospective clients or employers, they want to get a feel for your design project fairly quickly. That’s why you should make your case studies accessible, inviting and easy to grasp at first glance , both in terms of the design and the text itself.

The layout of the page should serve the storytelling process, revealing information in digestible, bite-sized chunks. Combine images with text cohesively, somewhat like the structure of a magazine or book. See how designer and Wix user, Brittney Johnson , separates the parts of her case study into drop-down sections, enabling you to focus on one point at a time.

Split up your text into paragraphs and add headers that will enable visitors to navigate easily from section to section. Consider emphasizing certain words by making them bold, changing their size or opting for a different color. Additionally, caption each image with a brief description, so that even people that aren’t into reading lengthy text can comprehend the context. It will also help make your design more accessible , offering your visually impaired site visitors an alternative understanding of the image.

In terms of the writing style, keep it concise and to the point . Use short sentences that explain exactly what you want to say, without repeating themselves just for the sake of sounding sophisticated. This doesn’t mean you need to sound robotic - you should still keep it personal and remember that at the end of the day, your target audience is humans.

Write it like a (short) story

Just like in any other design project, a case study simply tells a story. And that’s exactly the way you should write it. It should have a structure, including a beginning, middle, and end, made up of all the relevant details (scroll up if you missed what those are). It’s not just random sentences placed one after the other, but rather, an outline of a process, generally written in chronological order.

Maintain your tone of voice

On a similar note, remember that your case study describes your project, so feel free to let your individual personality shine through in your writing. Keep the same tone as in the rest of your design portfolio’s copy , in order to form a clear personal brand and consistent browsing experience.

You don’t need to be overly formal or use complex jargon, as this could just end up intimidating people. On the flip side, including jokes might be taking it a little too far. Simply focus on getting the point across succinctly and in your own language. As a result, the likelihood is that you’ll give your site visitors a better idea of who you are and where your specialty lies.

The combination of text and images helps break it up into a story-like layout, resulting in a more immersive and engaging experience, which is why you should make sure not to only include visuals. Plus, text is great for your design portfolio’s SEO (search engine optimization), increasing your chance of ranking higher on search results.

Get more inspiration on how to tell a visual story through your portfolio with these 8 graphic designers’ websites .

MORE POSTS LIKE THIS:

Nov 3, 2021

Show and tell: sharing the story behind your creation

Apr 14, 2021

How to write your best personal statement

Feb 4, 2019

How to Write the Perfect Copy for Your Design Portfolio

Get a free custom homepage design for your new website.

Design, UI, UX , Inspiration , Website Examples

30 top-notch ux design portfolios from around the web [updated, may 2023], inspirational examples.

• By Sandra Boicheva
• August 19th, 2021

Are you ready to take your UX portfolio game to the next level? Crafting impressive UX portfolios isn’t just about showcasing your design skills – it’s about telling a story that captivates potential clients and employers. And let’s face it, with so much competition out there, you need to stand out from the crowd.

That’s why we’ve scoured the web for the best of the best – the top-notch UX portfolio websites that will leave you feeling inspired and ready to tackle your next project.

Update May 2023: But wait, there’s more! This article isn’t just a repeat of old favorites. We’ve updated our list to include fresh new faces and cutting-edge designs that are sure to get your creative juices flowing.

So whether you’re a seasoned pro or just starting out, get ready to feast your eyes on 30 exceptional UX design portfolio examples that put all the theories into practice. From memorable introductions to great UI design and detailed case studies, these portfolios show how the pros create an enjoyable user experience and set themselves apart from the rest.

Ready to dive in? Let’s get started!

Olha Uzhykova UX Portfolio: Design Trends and Detailed Case Studies

Get ready to be blown away by Olha Uzhykova ‘s personal portfolio! This award-winning design director’s website is a masterclass in modern design trends , incorporating all the latest features and styles into one stunning package. From the fun preloader that pays homage to Nokia’s Snake game to the beautifully earthy color scheme and interactive overlapping elements , every aspect of this site is meticulously crafted to delight and engage visitors.

But it’s not just the visuals that impress – Olha’s opening line “At the heart of Design is an opportunity to problem solve.” sets the tone for her approach to UX design, emphasizing the importance of practical problem-solving over flashy gimmicks. The site starts with a personal introduction and animated photos of the creator, making it feel like a warm and welcoming space where you can get to know Olha and her work.

The curated project sections showcase some of Olha’s best work, with each project leading to a detailed case study presented in an awesome vertical split-screen format . On the left, you’ll see stunning visuals that showcase Olha’s design chops, while the right screen offers insights into each stage of the UX project, giving you a real sense of how she works and thinks. Overall, Olha Uzhykova’s personal portfolio is a must-see for anyone interested in cutting-edge UX design .

• Award-winning design director with a personal website showcasing her portfolio
• Playful preloader with a throwback to Nokia’s Snake game
• Beautiful design with an earthly color scheme and interactive elements
• Engaging opening line: “At the heart of Design is an opportunity to problem solve.”
• Personal introduction and animated photos of the creator
• Curated projects section showcasing a variety of skills
• Detailed case studies with split screen design, showing visuals and details about each stage of the UX project.

Samuel Scalzo: Futuristic Black UX Portfolio Website

Samuel Scalzo ‘s portfolio showcases a sleek and futuristic design that immediately captures your attention. The black background with contrasting green accents creates a sense of modernity and innovation.

The full-width slider on the homepage features carefully curated projects, and each thumbnail provides important details about the project when you hover over it.

When you click on a project, you are taken to a page that is designed to let the visuals speak for themselves, with minimal copy and a focus on showcasing the project in all its glory. As a freelance graphic and web designer based in Belgium, Samuel’s portfolio exudes creativity, expertise, and a passion for design.

• Futuristic and interactive design
• Strong emphasis on project visuals
• Easy-to-use full-width slider showcasing curated projects
• Each project page feels like its own website
• Minimalist copy that lets the visuals do the talking

Muze: White and Minimalist UX Portfolio

Muze ‘s personal portfolio is a perfect example of a beautifully designed website that reflects the agency’s expertise in product UX and brand design. The site’s white and minimalist design, combined with custom illustrations, instantly captures visitors’ attention. The attention to detail continues with the preloader logo animation and the separate Projects page, where users can filter projects by categories like UX design, app design, and branding. Each project page is a well-crafted presentation that showcases the agency’s attention to detail and expertise in its field.

With a detailed analysis of the project and related screenshots, visitors can get a complete picture of each project’s scope and deliverables. Whether you are a potential client or someone interested in design, Muze’s portfolio is a must-see for anyone interested in the intersection of design, technology, and innovation.

• Award-winning product UX & brand design agency
• Beautiful preloader logo animation
• A minimalistic white website with custom illustrations
• Agency achievements and a collection of recently completed projects
• Separate Projects page that allows users to sort projects by UX design, app design, branding, etc.
• Detailed analysis of each project with related screenshots to help visitors get the full picture.

Tofu UX Design Portfolio: Beautiful Grid of All Project

Tofu ‘s portfolio is a refreshing treat for your design-loving taste buds! These two talented designers have cooked up a delightful website that’s clean, minimalistic, and oh-so-pleasing to the eye. The homepage hooks you with a catchy tagline that showcases their drive and then takes you on a journey through their fantastic projects.

The grid of selected project previews gives you a sneak peek into what they can do, while the individual project pages will make you drool over their beautiful visuals, client feedback, and key concepts that make each design stand out.

• Minimalistic design with lots of white space and geometric sans fonts that are easy and pleasant for the eye
• Beautiful grid of selected project previews on the homepage
• Each project page offers beautiful visuals, client feedback, a brief product description, and an explanation of the key concept of the design
• Well-organized project pages with clear sections for easy navigation
• Focus on showcasing their talent through a few carefully curated projects rather than overwhelming the visitor with too many options
• Consistent use of design elements throughout the website creates a cohesive and polished look.
• Social Proof.
• Distorting hover animations.

Justin Golt UX Designer Portfolio Website

Justin Golt is a diverse design professional with 9+ years of experience. In his portfolio, he strikes with a hero showcasing what he’s all about partnering with a variety of clients, from small startups to global organizations. He creates exciting and meaningful experiences across all platforms. Scroll down and you’ll see a visually striking gallery of project cards that zoom in on hover.

When it comes to case studies, Justin keeps it simple yet powerful. The page starts with a punchy title that captures the essence of the client’s brand. Then he introduces the project in a brief but engaging paragraph. The rest of the page is all about the visuals – no lengthy text blocks to distract you from the stunning designs.

• Visually engaging hero section showcasing his design work and partnerships with clients.
• Visually striking gallery of project cards that zoom in on hover.
• Case study pages with a bold title and paragraph introducing the client and project, followed by a visual-only section.
• Minimalistic design with a focus on visuals.
• Social Proof

D.FY: Neo-Brutalist UX Portfolio Example

This digital agency provides marketing and production services, focusing on strategy, UX/UI, and content. Its name D.FY comes from its tagline Defy the Current which communicates that creativity and flexibility is the main priority. The homepage is their portfolio and starts with full-screen sections of each project with stunning visuals.

The real magic happens when you dive into the project case studies, which take you on a journey of their creative process, and work strategy, and showcase a treasure trove of concept visuals, mockups, and screenshots. Each project offers a very detailed case study page with the focus, work process, and a huge gallery of concept visuals, mockups, and screenshots.

• Strong introduction with a clear message
• Beautiful and engaging visuals on the homepage
• Detailed case studies that showcase the work process and concept visuals
• Focus on strategy, UX/UI, and content
• Social proof through client logos and testimonials
• Selected case studies that demonstrate their expertise in various industries

Hardy Branding Magazine Style UX Portfolio Example

Hardy Branding is not your typical design studio – it’s a team of talented creatives from Russia who deliver luxury branding and digital experiences that will make your jaw drop. The portfolio is a feast for the eyes, showcasing an array of elegant projects that exude class and sophistication. The introduction is powerful and will leave you wanting to know more about the studio’s impressive accolades. Speaking of which, Hardy Branding has won several awards for graphic design, UX/UI design, and even an Adobe XD award by Behance.

If that’s not enough to impress you, the client reviews provide additional social proof that this studio knows what they’re doing. You’ll find selected case studies in the portfolio that show the level of detail and expertise put into each project.

• Elegant and classy design
• Strong introduction that leaves an impression
• Carefully curated case studies that showcase the studio’s expertise
• Social proof through client reviews
• Impressive awards that demonstrate the studio’s skill and talent.

Olivia Truong UX Portfolio Rich on Case Studies

Olivia Truong , a New York-based product designer, has one of the most stunning UX portfolios on the web. Her portfolio goes beyond just showcasing her best work; it demonstrates her deep understanding of the UX process and her problem-solving approach. What makes Olivia’s portfolio stand out is her richly embellished UX case studies.

In her case studies, Olivia doesn’t just include app screens and wireframes. She goes above and beyond to include photos, data, quotes, and interactive prototypes. Her case studies are filled with various artifacts that allow us to get an up-close look at her process and see how she works. Hiring managers love this kind of detail in a UX portfolio.

• Beautiful and stunning UX portfolio
• In-depth and richly embellished UX case studies
• Showcase of understanding of the UX process and problem-solving approach
• Includes photos and videos of the designer in action (e.g. conducting user interviews, card sorting or affinity mapping)
• Includes quotes and data visualizations from user research
• Interactive prototypes for a more immersive experience

Josie Allison: Portfolio in a Sea of Visible Grids

Josie ‘s design philosophy is a delightful deviation from the traditional approach of minimalistic design. As a graphic designer, she has mastered the art of adding visual elements that captivate the viewer’s attention. Her unconventional case study presentations showcase her ability to surprise and delight with her work.

Despite challenging the norms of traditional case study layouts, Josie’s attention to detail is evident, and her portfolio is a breath of fresh air. While most portfolios rely on grid designs and san serif fonts, Josie’s work is trendy and visually stunning.

• A small number of carefully curated case studies
• Trendy and visually stunning designs
• Unconventional case study presentations
• Social proof

Gloria Ha UX Portfolio Fresh on Neon and UI Animations

If you’re looking for a UX/UI designer with a bold, unexpected style, Gloria ‘s portfolio is one to check out. Her homepage features subtle yet engaging animations that don’t distract from the main attraction: her impressive design work.

One of Gloria’s strengths is her versatility, as demonstrated by her diverse range of projects. Her curated case studies walk you through the background, goals, and research approach of each project, as well as her process for creating user personas, wireframe sketches, and final results.

With social proof and interactive prototypes to back up her claims, Gloria’s portfolio is a must-see for anyone seeking inspiration or looking to hire a talented designer.

• A small number of curated case studies
• Detailed case study sections covering background, goals, research, process, and results
• Variety of work showcasing versatility
• Prototypes and final results presented

UpLab UX Design Portfolio: Clean and Competent Design

Get ready to be wowed by UpLab , a force to be reckoned with in the world of UX design. From marketing to coding, they’ve got all stages of development covered with 500+ projects behind their back. As you scroll down, you’ll be greeted by a stunning showcase of their finalized projects, complete with eye-catching hover animations that demonstrate their development skills.

But wait, there’s more! Click on any project, and you’ll be taken on a journey through a comprehensive UX case study that boasts strong visuals and tells a behind-the-scenes story of how UpLab tackled the project. It’s a true testament to their skills and dedication.

UpLab is just one example of how a well-crafted UX design portfolio can be a game-changer. So, take notes, get inspired, and create a portfolio that’ll leave a lasting impression on potential clients.

• Instant effective portfolio preview section with clean animations.
• Easy navigation.
• Case studies with feedback from the end client of each project.
• Implemented Blog.

Humbleteam UX Design Portfolio: Great First Impression

Humbleteam’s personal portfolio is a perfect example of a clean, sleek, and modern website that knows how to showcase its work. The website’s black and white design with touches of red accent perfectly represents the brand’s signature style. The dynamic layout, which combines cards and column grids , adds visual interest to the website, making it stand out from the crowd.

The high-quality animated project visuals are incredibly impressive and grab the viewer’s attention instantly. On the homepage, all the curated projects are presented with huge, high-quality animated images and key details, such as the project timeframe, making it easy for potential clients to understand the scope of the work.

Each project has its own detailed page, which walks the viewer through the entire process, budget, timeframe, and lessons learned. The page even includes a quote from the main stakeholder who commissioned the project, giving the viewer insight into the client’s perspective. Finally, each page ends with a contact form, making it easy for impressed viewers to reach out and discuss their own projects.

• Clean black and white design with red accents for brand recognition
• Dynamic layout mixing card and column grids
• Impressive animated project visuals on the homepage
• Curated projects presented with high-quality animated images and relevant project details
• Detailed project pages with complete project walkthroughs, including budget and timeframe
• Testimonials from main stakeholders
• Convenient contact form at the end of each project page.

Fulcrum UC Portfolio: No Clients Were Harmed in the Making of This…

Fulcrum ‘s portfolio is a masterclass in fun, engaging copy and sleek, modern design. The opening line, “No clients were harmed in the making of this… wait. Yeah, most of them actually benefited from the cooperation greatly.” sets the tone for the website’s humorous yet professional approach. The black background with visible lines and borders gives the impression of a blueprint, creating a sense of structure and precision.

The curated projects are displayed as cards, with a zoom-in hover effect that adds an extra element of interactivity. Each project has its own case study, following the overall style of the homepage with a big bold title in white and blue that perfectly contrasts with the black background. The case studies go into detail about the goals and challenges of each project, the step-by-step plan for the process, and the reasoning behind every design choice. The overlapping elements and project introductions make for a cohesive and visually stunning presentation.

• Engaging and fun copy that instantly captures the visitor’s attention
• A visually appealing black website with visible lines and borders that resembles a blueprint
• Curated projects arranged as cards with a zoom-in hover effect
• Detailed case studies for each project that explain the goals, challenges, and design choices
• A step-by-step plan for the design process is explained in each case study.

Purrweb UI Design Portfolio: Simplicity and Structure

Purrweb is an exceptional UI/UX design agency website that showcases its expertise and services in a clear and concise manner. Their website features a streamlined project process map that outlines each step from concept to realization, giving potential clients a clear idea of what to expect. The portfolio section displays a thumbnail of each project with brief information and an interactive mockup, allowing visitors to quickly review each case study.

Upon clicking a project, the user is taken to a detailed page with information about the client, and team members involved, and impressive visuals with animation that showcase the agency’s design skills. Overall, Purrweb’s portfolio is a great example of effective communication and visually stunning design.

• A clear and concise description of design services offered
• Quick map of project process from concept to realization
• Curated portfolio with thumbnails of cases and brief information
• Detailed case studies with info about clients and team members
• Awesome visuals with animation in case studies

Matteo Dellachiesa UX Engineer Portfolio

Matteo Della Chiesa , a freelance UI/UX designer, and partner at Purenine Studios based in New York, has created a portfolio website that is not only visually appealing but also incredibly functional. The portfolio consists of six meticulously curated projects, each displayed in a clean box layout with preview images. Clicking on each project leads you to a detailed page filled with insightful information, concepts, and mockup images. The navigation is simple, offering easy access to the portfolio, About Me, and Get in Touch sections.

What sets Matteo’s portfolio apart is how he has constructed the About Me page. Instead of a lengthy and generic description, he provides short and relevant information about his education, career, and experience. This page also includes selected clients, social proof, and a timeline of his career path and the industries he has worked in. This detailed CV is a testament to his professionalism and expertise.

• An elegant and straightforward layout
• Detailed project pages with information, concepts, and mockup images
• Clear and simple navigation
• Concise and effective About Me page with relevant information
• Impressive CV with timeline and work experience
• Strong social proof with selected clients and testimonials.

Adrian Red: Modern and Beautiful UX Portfolio Example

This is one of the most beautiful modern portfolios we came across and had to share. Adrian Red ‘s website is a work of art in itself. As a freelance digital art director and designer, Adrian’s portfolio is a reflection of his impressive skills and a keen eye for design. The website is incredibly clean, with beautiful design and code that adapts perfectly to different screen sizes. You’ll be mesmerized by the homepage, which features selected projects with incredible preview images. And to top it all off, the designer keeps you informed about his availability for new projects.

If you want to know more about Adrian, head to the About Me pag e – it’s short and sweet, with a focus on the designer’s skills and past clients. You’ll also find all the necessary contact details and quick links to his work on Behance and Dribbble.

• Visually stunning with beautiful design and code
• Selected case studies presented with impressive preview images
• Availability status for new projects is provided
• Short and sweet About Me page with a focus on skills and past clients
• Quick links to Behance and Dribbble for more work exploration

Nikitin Team UX Designer Website

Get ready to be impressed by the portfolio website of a small, yet mighty agency of talented UI/UX designers and illustrators. With sleek transitions and a clean design, the homepage showcases some of Nikitin ‘s most notable projects, complete with quick overviews and client feedback. Once you’ve finished scrolling, you’ll be greeted with an introduction boasting of Nikitin’s ability to transform complex ideas into elegant designs, along with options to learn more about the agency’s technology, and backstory, or to contact them directly.

The portfolio page is equally impressive, featuring 8 carefully curated case studies arranged as cards with descriptive hover text. Each case study takes you on a journey, detailing the challenge of the task and the unique features of each app. And don’t forget the custom contact page with badges that serve as options to choose the type of project you’re interested in.

• Clean and sleek design with smooth animations
• Compelling introduction that highlights Nikitin’s design prowess
• Carefully curated case studies with detailed project information and client feedback
• Custom contact page with project-specific options

Kommi Graphics UI /UX Design Portfolio

If you’re looking for a portfolio that’s bold and confident, Kommi Graphics ‘ website is the perfect fit. From the get-go, the introduction is attention-grabbing and leaves no doubt about the agency’s skills. The preview cards for each project are equally striking, with hover effects that are both impressive and satisfying. The case study pages are equally bold, detailing the services the agency provided, awards they received, and their entire work process, complete with mockups.

The navigation is also impressive, featuring a full-screen drop-down menu with options sorted by text hierarchy. The design decisions made throughout the website are creative and memorable, making a lasting impression on anyone who visits. Overall, Kommi Graphics’ portfolio website exudes confidence and is definitely worth checking out.

• Bold and confident design with large fonts
• Instantly attention-grabbing introduction
• Selected case studies with striking preview cards
• Detailed case study pages with complete work process and mockups
• Creative and memorable navigation
• Social proof and awards display
• Leaves a lasting impression with its confidence and creativity.

Big Horror Athens Interactive Designer Portfolio

Crafting a UX designer portfolio can be a daunting task, but Big Horror Athens managed to showcase their skills and achieve uniqueness that sets them apart from the rest. From the moment you land on their homepage, you’re transported to a surreal world of originality and new ways to implement ideas. The bold design with amazing transitions and parallaxes is just the beginning. You can literally bend the images on hover, which is both engaging and impressive. This “bending reality” effect is a vocal representation of the studio’s creativity and expertise, leaving a lasting impression on viewers.

In addition, the full-screen navigation with big, bold titles complements the design and adds to the overall immersive experience.

• A surreal and original design that stands out
• Memorable and engaging “bending reality” effect
• Instant bold introduction that sets the tone
• Selected case studies that showcase their work
• Detailed case study pages that explain the work process
• Creative navigation that adds to the immersive experience
• Social proof that highlights their achievements
• Unforgettable and unique portfolio

Webshocker Simple UX Portfolio with External Case Studies

Hey, we are Webshocker and we love to play. What an opening line, already starts off with an engaging introduction. There is no navigation as everything fits on the homepage in sections with the option to view more about the subject of your interest. It starts with recently selected projects by the agency that exists in the wild and you can visit each website the agency has worked on. The next section showcases animations in the form of playable videos, most of which are impressive 3D animations. Next, the website offers an icon design section with eye-catching 3D icons. And last, contact information.

This is a different approach from other portfolios, proving that there’s no blueprint for how you wish to build your online portfolio.

• An engaging and catchy introduction
• A unique approach to showcasing their work
• Real-life website examples
• Playable 3D animation videos
• Eye-catching 3D icons
• Easy to navigate one-page design
• Catchy introduction.
• Selected case studies.
• Real-life website examples.

Cuberto Design Portfolio Website

Are you a fan of mind-bending surrealism on websites? Well, imagine if you took some of those effects and blended them with a clean, minimalistic design. That’s what you’ll find on Cuberto ‘s portfolio. It’s a great example of how you can incorporate elements from other portfolios, as long as you put your own unique spin on them. You’ll see similar image-bending, parallax, and hover effects as on Big Horror Athens’ website, but with a much more streamlined and breathable experience.

• Engaging introduction.
• Memorable and unique design.
• Carefully curated case studies.
• In-depth case study pages.
• Social proof.

Orizon UX Designer Portfolio

Orizon is a leading design agency based in Canada and this is how it introduces itself on its homepage, right next to a kick-ass illustration with a parallax effect. Here we see a very modern and competent design with a young and fresh twist. The portfolio itself is a selected collection of the agency’s successful projects keeping parallaxes consistent throughout the experience, but what makes it gimmicky is the copy. “Not to brag, but a lot of hot startups and market leaders reach out & touch base to commission our work” is a memorable line that lets you know you’ll be working with young, fun, and creative people who are flexible and find joy in their work.

Since they claim to work with some awesome clients, they prove it by featuring the logos of some impressive brands such as Apple, Google, tinder, UBER, and more. The such impressive social proof allows them to make bold statements like “shaping trends in digital design”, which they back up further with testimonials by clients working for the mentioned brands.

• The ideal balance between professional and casual.
• Bold introduction.
• Great copy.
• Impressive Social Proof.

Elegant Seagulls: An Elegant UX Design Portfolio

Elegant Seagulls is an award-winning digital creative agency focused on creative and that is exactly what we see on the homepage. Well-designed and coded with satisfying responsive design and creative parallax effect of turning heads of the team once you scroll down.

Everything about this gimmick sparks curiosity, from the chosen name of the agency to the design. I was left with no other choice but to go through the portfolio and see their selected projects. First, I was met with seagull feathers elegantly falling while sending me to the case study of my choice. Second, each case study is brief without unnecessary details but greatly presented.

• Curious name.
• Originality and creativity.

Fire Art Studio UX Design Website

Fire Art Studio is a full-cycle product development and design agency that we can easily use as an example for a good portfolio. The case studies are featured on a stand-alone page with a card grid layout with big high-quality preview images and are just the right number of diverse selected projects.

Now, the individual detailed case study pages look like amazing modern landing pages and are very pleasant to scroll through and read.

• Modern and clean.
• In-depth well-designed standalone case study pages

Yummygum Design Studio UX Portfolio

Yummygum is a digital agency from Amsterdam that presents itself as a service that will turn ideas into something memorable. What’s different about their portfolio, is that after the beautiful collection of selected case studies, the page features a sneak-peak of exciting new projects the agency is currently working on. A fresh twist for any portfolio that sparks curiosity.

• Good introduction.
• Sneak-peak to current projects.

Devignedge UX Design Portfolio

This UX design portfolio website of Devignedge is the first example in which we see a preloader. The website is visually pleasing with clean and smooth transitions, big high-quality images, and offers a good number of brief case studies. On the downside, the website is a little heavy as there are too many elements to load.

• Beautiful modern design.
• Page transitions

Conspire Agency Portfolio Website

Conspire is an agency of design-obsessed eCommerce specialists. You can view their selected work on their homepage, with a link to the finalized websites that are already live. In order to view the case studies, however, you need to do that from the navigation. Each case study has its own page with an overview, flow, and style guide.

• Modern Design.

Ronas UX Design Porfolio

Ronas give a few ideas on how to structure a portfolio. This is the second example in that we see the option to sort case study results by categories but does it by type of business. You can review apps specifically made for health, productivity, booking, and training, or view projects that are logos, illustrations, or stickers. The case studies redirect to the project on Behance.

• Sort study cases by topic or type.
• A minimal website with a simplistic design.

Riotters: UX Rebels with Personality

Riotters is another great example of how a gallery of thumbnails alone could work if designed well. This is a very straightforward portfolio-exclusive UX design portfolio website that features a good number of project previews, about us, and a contact page.

• Clean and easy to navigate.
• Bold Tagline
• Rebellious Design
• Well-structured Content

Leroy Paul UX Designer Portfolio Website

And for the last example, I wanted to show you something pretty awesome. Paul Leroy is a designer specializing in UI/UX design and has turned his portfolio into a very interactive visual experience. There is no determined structure, as the UX design portfolio website features just All Works and About Me. On the homepage, you can trigger a transition on scroll between the different featured case studies, or you can go to All Works and try to capture one of them by hovering over different rolling keywords that call for a related image to appear behind them. It’s very interactive and original.

• Stunning visuals.
• Interactive.

To Wrap Things Up

Well, there you have it – 30 exceptional UX design portfolios that showcase the best of the best in the industry. We hope you enjoyed exploring these examples and learning about the different techniques used to grab the attention of potential clients.

Now, while there isn’t a blueprint for crafting a winning UX design portfolio, we can take some valuable lessons from the portfolios we just saw. So, let’s recap with a handy bullet list of key takeaways:

• Introduction : Make sure your viewers know exactly who you are and what you’re made of. No matter what approach you take, don’t be afraid to introduce yourself right away with a bold catchy title.
• Design : No matter if you go for a clean, minimalistic, professional, or absolutely over-the-top design, make it yours. It’s good to have a defined gimmick that suits you and presents who you are as a designer.
• Experience : Even if you go for the flashiest, most surreal design, make sure your portfolio is easy to navigate. It should be very clear what is the next step your viewers should take.
• Selected Case Studies : You might have a gallery of all your works stored on Behance, Dribbble, ArtStation, or somewhere else. However, the most professional and attractive for clients approach is to feature only the best of them.
• Case Study Page : Since your case studies are curated and consist only of your best work, make sure to structure each case well and give in-depth information about the process. Your future clients would love to see how you think and work.
• About Me: This is your chance to showcase the real you. Give your viewers a glimpse into your personality and what drives you as a designer. Share your accomplishments, and don’t be afraid to show your quirky side.

Remember, your UX portfolio is more than just a collection of your work – it’s your brand and your story. So, take your time, be creative, and make it a reflection of who you are as a designer. With these key takeaways in mind, you’ll be well on your way to creating a portfolio that truly stands out.

In the meantime, why not check for more related insights on web development and web design? Here are a few ideas you might be interested in:

• 20 Best Figma Fonts for Modern UI Design
• The Pocket Guide to a Successful Food App Design
• 80+ Colorful Websites That Bring Joy and Inspiration

Popular Posts

• 15 Excellent UX Case Studies Every Creative Should Read
• Best 15 UI Color Palette & Scheme Generators for the Perfect Interface Design
• The 8 Best User Interface Fonts with Real-Life Examples
• GET A QUICK QUOTE

Subscribe for our newsletter

We hate boring. Our newsletters are relevant and on point.  Excited? Let’s do this!

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

The 10 Most Inspirational UX Design Portfolio Examples in 2024

The highly competitive landscape of UX design demands a portfolio that will be your passport to success. It's your stage to unveil your expertise, innovation , and problem-solving prowess. Irrespective of your expertise, crafting a compelling UX design portfolio is essential to thrive in this exciting field. The easy way out of this is referring to UX portfolio examples .

94% of first impressions gained by websites are due to the platform’s design and web UI . Apart from the budding UX designers and the business masters, the clients and hiring managers are aware of these stats as well. Hence, to stand out and get the best business, designers must showcase their work in the best way possible. A well-designed product designer portfolio is the solution.

This article uncovers the secrets of creating the best UX portfolios . With a list of the top 10 UX portfolio examples , you will get valuable insights and inspiration to transform your portfolio into a masterpiece. 

Best UX Design Portfolio Examples

1. pratibha joshi: cover the vital elements of an attractive portfolio.

Pratibha Joshi’s landing page with her introduction and current designation.

© Pratibha Joshi Portfolio, Fair Use

Who and Why? Pratibha Joshi is a product designer working in the field of UI /UX design. She also has a degree in UX design and has worked with Microsoft, Sprinklr, and Google. Pratibha’s UX portfolio is an ideal example of UX design portfolios. It is a captivating blend of design finesse and compelling narratives, a masterpiece that both novices and experts in the UX realm can refer to. Her portfolio is unique in that it seamlessly intertwines design projects with captivating stories while incorporating all the essential elements, making it a good UX portfolio. Unique and Inspirational Factor This portfolio stands out due to its perfect combination of design and depth. It expertly blends fascinating stories into her design projects, making it an inspiring resource for UX designers and hiring managers. Her ability to convey the design process and decision-making behind each project is a source of inspiration. Differentiator and Major Takeaways Pratibha’s portfolio is unique in its use of thorough case studies , which showcase her problem-solving abilities and meticulous design approach. It goes beyond merely showing the finished product; it reveals the entire design process . The key takeaways include a strong focus on user-centered design and a structured presentation of her work.

Pratibha covers all elements of a UX portfolio through her case studies.

What can beginners and experts learn from this? Newcomers can learn the art of storytelling and cohesive presentation, while seasoned professionals can admire the depth and detail of her case studies. This portfolio is a benchmark for effectively communicating the value of UX design work and is a perfect example of a good UX portfolio .

2. Gloria Lo: Land the Landing Page Game

Gloria Lo’s landing page with her introduction, designation and hobbies.

© Gloria Lo Portfolio, Fair Use

Who and Why? As the landing page shows, Gloria Lo is a Sydney-based UI/UX product designer. She also dabbles in singing, painting, and writing. She has very smartly incorporated it into her landing page, giving visitors a quick overview of her likes and skills.

This portfolio is an excellent example of effective landing page design and personal introduction in the digital world. It is a compelling model for those seeking to make a powerful first impression. Unique and Inspirational Factor What distinguishes Gloria’s portfolio is its meticulous attention to the landing page. The design is visually captivating and highly functional. These attributes offer seamless navigation to the designer's work. Attention to detail is inspirational for those who seek to make a striking first impression and communicate their unique personality. Differentiator and Major Takeaways Gloria’s portfolio stands out from the competition through its well-thought-out landing page that provides clear signposts to the designer's skills, personality, case studies , and projects. The major takeaway is the importance of balancing aesthetics and user-friendliness in the design of the landing page, ensuring that visitors can quickly access the heart of the portfolio. What can beginners and experts learn from this? The professionalism in this portfolio is evident in the precision of the landing page, where design elements harmonize with user experience. Beginners can learn how to craft a landing page that makes an immediate impact, while experts can appreciate the meticulous design decisions that contribute to a seamless and engaging user journey.

Writer, designer and educator Ellen Lupton shows examples of visual storytelling and the importance of  storytelling in design.

• Transcript loading…

3. Jeff Shibasaki: Establish Expertise as a Novice

 Jeff displaying his work experiences through case studies.

© Jeff Shibasaki Portfolio, Fair Use

Who and Why? Jeff Shibasaki is a professional UX writer and a budding UX designer from Atlanta. Jeff’s UX portfolio inspires new entrants with limited hands-on experience in the UX design field. It demonstrates how to effectively utilize imagined case studies, work testimonies, and other creative elements to showcase one's potential and build a compelling portfolio. Unique and Inspirational Factor The portfolio's uniqueness lies in transforming limited real-world experience into a powerful display of skills and potential. The creator boldly showcases their creativity and problem-solving abilities through imagined projects. 

Jeff’s innovative approach sets his portfolio apart in a competitive field.

Imagined case studies used by Jeff to show his design prowess and cover up for lesser experience.

Differentiator and Major Takeaways Key takeaways from Jeff’s portfolio include the importance of creative storytelling , effectively using imagined case studies, and showcasing one's ability to solve real-world design problems. The portfolio's professionalism lies in its capacity to transform limited hands-on experience into core highlights. Jeff utilizes his design skills to make this possible. This proves that imagination can be a powerful asset in UX design. 

Jeff has also highlighted his UX writing skills through the multiple work experiences he has completed. What can beginners and experts learn from this? Beginners can learn the power of storytelling and creatively demonstrating their skills, even without extensive experience. For experts, this example serves as a reminder that creativity and ingenuity can be as important as a long list of past projects. Jeff’s portfolio is perfect if you’re looking for beginner UX portfolio examples.

Stephen Gay, UX Design Lean at Google One, walks us through his criteria for evaluating a UX portfolio.

4. Lola Jiang: Leverage the Power of Measurable Metrics

Homepage of Lola Jiang shows her UX portfolio in a subtle way.

© Lola Jiang Portfolio, Fair Use

Who and Why? Lola Jiang is an experienced UX designer working at Google. She is a professional designer who also provides feedback on other’s portfolios. What sets her work apart is her unique approach of exhibiting her accomplishments. Jiang presents case studies in a detailed manner using the correct data. Unique and Inspirational Factor Jiang’s UX portfolio example stands out by emphasizing metrics and showcasing the tangible impact of her design projects. It is inspirational because it goes beyond design aesthetics and highlights how design decisions lead to measurable results. This makes it a valuable resource for aspiring UX designers who want to emphasize the practical value of their work.

Lola’s work with Google ads where she uses metrics to show the impact of her design work.

Differentiator and Major Takeaways Clients are always on the lookout for details that are result-oriented. Lola Jiang, through her UX portfolio, has been able to highlight the impact of a UX designer. Her emphasis on metrics and quantifiable results shows the effects of design decisions. What can beginners and experts learn from this? Beginners can learn the value of data-driven decision-making, while experts can appreciate the thoroughness of her case studies. Lola's portfolio serves as a reminder of the power of metrics in UX design. It also signifies how design choices can drive meaningful and measurable results.

5. Moritz Oesterlau: Case Studies, a Vital Element

Case study by Moritz about his work on building a website concept.

© Moritz Oesterlau Portfolio, Fair Use

Who and Why? Moritz Oesterlau is a tenured UX/UI designer. He has six years of experience and also works as a tutor. His portfolio is a compelling example of how to present UX design work in a comprehensive and accessible manner. It serves as a reference for those looking to craft a portfolio that showcases their work with clarity and precision.

Unique and Inspirational Factor This UX design portfolio example stands out for its user-friendly design and comprehensive case studies. It is an informative and easy-to-navigate resource for anyone interested in Moritz’s work. He highlights the importance of providing easy access to essential portfolio details, making it a user-centric example. About Moritz, his work, and his contact details are all made visible in a connected way. Differentiator and Major Takeaways Moritz's portfolio is one of the best UX portfolio case study examples . It is exceptional due to its well-structured case studies that showcase his design process, from initial ideas to final implementation. He has also mentioned the time he took to complete each project. It provides easy navigation to critical information and projects, making it an exceptionally user-friendly resource.

Case study details represented by Moritz in his portfolio.

What can beginners and experts learn from this? Beginners can learn from Moritz's portfolio by understanding the significance of presenting their work in an organized and accessible manner, ensuring that essential details are easily discoverable. For experts, Moritz's portfolio serves as a reminder of the importance of effectively portraying your UX design case studies in a detailed and structured manner.

6. Jessica Hische: Use Design to Showcase Your Personality

Attractive and vibrant homepage of Jessica Hische’s portfolio.

© Jessica Hische Portfolio, Fair Use

Who and Why? Jessica Hische is  a lettering artist, author, logo specialist, and UI/UX designer. She has drafted letterforms, worked in advertising, for books & films, and many more. Her portfolio is one of the most captivating UX writer portfolio examples of how to infuse creativity and personal expression into your portfolio. Her work inspires anyone looking to go beyond the ordinary and use their portfolio as a canvas for self-expression. Unique and Inspirational Factor What sets Jessica Hische's portfolio apart is its artistic flair and unique approach to presenting her work. It's inspirational because it showcases the potential of a portfolio as not just a professional representation but as a canvas for artistic expression. Her portfolio is a true embodiment of the fusion of art and design.

Typography , Illustrative and Lettering work by Jessica as displayed on her portfolio.

Differentiator and Major Takeaways Jessica's portfolio uniquely showcases her design skills and highlights her artistic expression and creativity. It goes beyond traditional portfolio formats and demonstrates that a portfolio can be an art form. Key takeaways from Jessica's portfolio include the importance of personal branding, creative exploration, and the idea that a portfolio can serve as a platform for self-expression. What can beginners and experts learn from this? Jessica Hische's UX portfolio example highlights the ability to balance creativity and professionalism. She demonstrates how your portfolio can be a creative expression while effectively communicating one's design skills. It is a valuable resource for beginners and experts, offering insights into personal branding, creative exploration, and the art of merging creativity with professionalism.

Michal Malewicz , co-founder of HYPE4 explains the importance of visual skills and shares some tips in this video.

7. Daniel Autry: Best Foot Forward

Daniel Autry’s introduction on his UX portfolio.

© Daniel Autry Portfolio, Fair Use

Who and Why? Daniel Autry is a product designer and developer who works for Google, specifically on news experiences. Daniel’s portfolio is an excellent demonstration of strategic curation when it comes to UX design portfolio examples . It is an ideal reference for those seeking to present their best works with clarity and impact. Unique and Inspirational Factor What distinguishes Daniel Autry's portfolio is his selective approach to showcasing work. It's inspirational because it emphasizes the art of restraint—each case study is a portfolio in itself. This portfolio proves that quality, not quantity, is the key to creating a lasting impression. Differentiator and Major Takeaways Daniel's portfolio stands out by its focused approach, presenting a carefully curated selection of his best works. He has included his best results under the featured tab and mentioned the key areas he worked on in the project. He also concisely mentions his other works in the later part of the portfolio. The major takeaways include the importance of selecting quality over quantity, strategic curation highlighting strengths, and a reminder that a concise portfolio can significantly impact a competitive field. What can beginners and experts learn from this? Beginners can learn the value of strategic selection and how showcasing fewer, high-quality projects can leave a more memorable impression. Experts can appreciate the art of presenting a portfolio that prioritizes the viewer's experience, making it easy to navigate and absorb the essence of each project.

Cory Lebson, Principal and Owner of Lebsontech LLC, talks about how you can reframe your professional experience in your UX portfolio in this next video.

8. Kyle Kovacs: Minimalism And Consistency

Kyle Kovacs UX portfolio uses minimalism to display his design work.

© Kyle Kovacs Portfolio, Fair Use

Who & Why? Kyle Kovacs is a computer science graduate who stepped into UX design due to his passion for design. Kyle shows how consistency and minimalist design can elevate the user experience in a UX portfolio. It is a reference for creating a professional and visually attractive presentation. Unique and Inspirational Factor What sets Kyle Kovacs' portfolio apart is its regularity in both design and content. It's inspirational because it demonstrates how a minimalist approach can still convey depth and impact, showcasing the power of simplicity in UX design presentation . Kyle uses the same font and design styles throughout his portfolio and has kept the text and design elements minimal yet impactful. Differentiator and Major Takeaways Kyle's UX design portfolio example stands out through its consistent design language and minimalist writing style, creating a seamless and engaging user journey. The major takeaways include the importance of visual continuity, minimalist writing, and the ability to convey complex design concepts. What can beginners and experts learn from this? Beginners can learn the significance of maintaining a visual theme throughout their portfolio, while experts can appreciate the art of simplifying complex ideas. Kyle's portfolio serves as a reminder that a minimalist approach can be both professional and impactful.

9. Yu-Hsuan: Illustrative Touch To Make Up For Locked Projects

Homepage of Yu Hsuan’s UX portfolio, a product designer at Oracle design.

© Yu Hsuan Portfolio, Fair Use

Who and Why? Yu Hsuan is a product and UI/UX designer working on financial products at Oracle Design. She has previously worked at Google Assistant, NYU IT, and Backer-Founder. Yu has seamlessly blended UX design with an illustrative touch. It is an inspiring reference for those looking to infuse creativity into their portfolios, primarily through visual storytelling. Unique and Inspirational Factor Yu Hsuan's portfolio harmonizes UX design and illustration , creating a cohesive narrative for her work. Many UX designers face the confidentiality factor associated with their projects while curating their portfolios. Yu has managed to leverage her design skills to her benefit to tackle this problem. With an illustrative touch, Yu has tried to add depth and personality to her UX projects. Differentiator and Major Takeaways Yu's portfolio offers a glimpse into her UX projects through password-protected case studies while creatively showcasing side projects with an illustrative flair. The major takeaways include the importance of storytelling, the integration of illustration to convey personality, and how a mix of locked and visually accessible projects can create a sense of mystery and engagement. Yu has tried to incorporate and showcase whatever is missing in the locked projects using her illustrative skills in her side projects, which she calls Playground. What can beginners and experts learn from this? Beginners can learn the power of storytelling through visuals, while experts can appreciate the strategic use of locked projects to build anticipation and curiosity. Yu's portfolio is a reminder that creativity and a personal touch can coexist with professionalism.

Side projects and experimental design work by Yu Hsuan as displayed on her portfolio.

10. Run Wild: Interactive Design and Seamless Navigation

Run wild design’s interactive and appealing landing page on his portfolio.

© RunWild Portfolio, Fair Use

Who and Why? RunWild Design , aka Chris, is a designer who has worked for over 12 years with brands on their products, websites, apps, and UI/UX designs. He also does illustrative and graphic work. Chris introduces a refreshing take on UX design presentation, emphasizing interactive brilliance. He has created an immersive experience that aptly integrates design work. Unique and Inspirational Factor Its innovative interactive design and easy navigation set Run Wild’s portfolio apart. It's inspirational because it transforms the typical UX portfolio into an engaging journey, allowing visitors to explore projects effortlessly. This portfolio inspires by demonstrating that UX design can extend beyond projects, creating an immersive and memorable experience.

Run wild design’s portfolio inroprates seamless navigation by highlighting cire elements of his design work in his portfolio.

Differentiator and Major Takeaways Run Wild's portfolio stands out through its commitment to user experience, leveraging vital elements of its design work (Logos & illustrations) and user-friendly navigation. Chris understands the importance of the ease users seek, even if it is a client trying to find the best designers. He has successfully incorporated interactive design and smooth navigation to present diverse work. What can beginners and experts learn from this? The innovative portfolio of Run Wild can teach beginners the value of incorporating interactive elements to make their portfolios more memorable. Expert designers with more experience can note the strategic use of easy navigation to guide visitors through diverse projects.

Takeaway: So, What Makes a Good UX Portfolio?

Crafting a stellar UX portfolio is more than just showcasing your design projects; it's about storytelling that resonates with your audience. All the remarkable UX portfolio examples from across the world have shown us that irrespective of your tenure or experience, paying attention to crafting an innovative UX portfolio can push you toward success very fast. The portfolio is a testimony of your design skills if crafted with a specific vision, keeping in mind the key elements that the industry looks for. 

The essential elements of a good UX Portfolio: Powerful storytelling, Data-driven case studies, Strategic Curation, Minimalistic Approach, Interactive Brilliance, Personality and Creativity.

© Interaction Design Foundation, CC BY-SA 4.0

Let's revise the key takeaways from these inspiring UX portfolios to understand what makes a portfolio stand out:

1. Powerful Storytelling : Explain the design journey from concept to execution by seamlessly blending captivating stories with design projects.

2. Data-Driven Case Studies : Try to showcase the tangible impact of your design decisions through data to convey real value and highlight the importance of organized presentations.

3. Strategic Curation : Make your portfolio stand out with its selective approach by strategically showcasing your best work.

4. Minimalistic Approach : Demonstrate the power of minimalism in your portfolio by using simple and crisp design elements.

5. Interactive Brilliance : Use interactive design and seamless navigation to create an immersive experience for your visitors.

6. Express Personality : Make your portfolio a canvas for self-expression by going beyond showcasing skills and finding ways to infuse creativity into your portfolio. 7. Infused Creativity : You can showcase your skills with an out-of-the-box creative approach to make your portfolio stand out among competitors.

Want to Create a Stunning UX Portfolio?

Beginning the journey to create a UX portfolio that impresses and captivates your potential clients can be daunting. Whether you're just starting or looking to enhance your existing portfolio, the path to excellence lies in understanding the art of presentation. 

Gain insights from industry experts, refine your storytelling techniques, and learn how to showcase your work with IxDF's course on creating a UX portfolio . This course is the ideal option if you’re looking to elevate your design narrative to new heights!

References and Where to Learn More

We’ve used the following UX design portfolios of these great designers:

Frances Tung

Christina Richardson

Joshua Taylor

We’ve also used the hilarious The Worst Portfolio Ever , created by Alex Cornell. You can check out Alex’s explanation of his parody portfolio here .

More Inspirational UX portfolios here.

How to Create a UX Portfolio

Get Weekly Design Insights

Topics in this article, what you should read next, how to write the conclusion of your case study.

• 5 years ago

How to create the perfect structure for a UX case study

How to use Design Thinking to build the Perfect Portfolio

• 4 years ago

How to Create Case Studies for Your UX Design Portfolio When You Have No Past Projects and Experience

• 3 years ago

How to write the beginning of your UX case study

What is a UX Portfolio?

3 Reasons Why You Should Have a UX Design Portfolio

Top 6 Tips to Make Your UX Portfolio Stand Out

How to write the middle or “process” part of your case study

How to Make Full Use of Your UX Design Portfolio

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!

The Best UX Designer Portfolios: Inspiring Case Studies and Examples

What makes a winning UX portfolio? More than a showcase of skills, a UX designer’s portfolio is an opportunity for them to create an enjoyable user experience as well as demonstrate their UX mastery.

By Miklos Philips

Miklos is a UX designer, product design strategist, author, and speaker with more than 18 years of experience in the design field.

PREVIOUSLY AT

A considerable amount of time and effort goes into building a stellar UX designer portfolio. If the right type of content is chosen with great UX, it will be a worthy investment.

What makes a winning UX design portfolio? As outlined in a previous article “ UX Portfolio Tips and Best Practices ,” telling a compelling story is key. Recruiters and others who may be evaluating your work are busy—you only have a few minutes to engage them before they decide whether or not you made the cut.

A long list of relevant skills, the tools you use, and how many years of experience you have is of no real benefit to your visitors, or to your presentation. The best UX portfolios outline the user-centered design process —how the problem was solved.

Be explicit about your skills , the process you use, and the kinds of projects you specialize in, but be mindful of presenting too much information. User experience portfolios should not be a retrospective of ALL past work. Choose projects that are specific, recent, and outstanding, and present them as a design process.

Hiring/UX managers want to see: user research, research reports, sketches, wireframes, user flows, wireflows, user stories, customer journey maps, prototypes, user-testing, and the final product. If possible, it’s also good to include analytics tools used to see how successful the product was.

Here are a few other points to remember:

• Beware of technical jargon and splashy imagery—simple project descriptions and visuals are more effective.
• Wireframes are not pretty, so emphasize your structural ability. Share the process!
• Write clear project summaries. Make them easy to read—not too much text!
• If there are confidentiality issues blot out company logos and/or blur areas of the images. There is no bigger turn-off than encountering a page that is password protected. That is bad UX.
• Include a few stakeholder testimonials.
• Conclude each project case study with what you learned.

If you’re a UX designer, your UX portfolio should demonstrate exceptional UX.

A UX designer’s portfolio is more than a showcase of skills, it’s an opportunity to create an enjoyable user experience so designers need to prioritize good work, tell an engaging story, and demonstrate their UX mastery! Let’s take a look at some exceptional UX design portfolio examples.

Ten Inspiring UX Designer Portfolios

Karolis kosas.

Karolis grew up in Vilnius, Lithuania and currently lives in the San Francisco Bay Area where he is a product designer at Stripe . Aside from many other interesting, self-initiated projects, he is the co-founder of Anchovy , a free, extremely simple iPhone app that turns your words into beautiful color gradients that can be sent as real paper postcards to anywhere in the world or shared with friends on Facebook Messenger.

What’s Great About This UX Designer Portfolio

This is a nice-looking, well-designed UX designer portfolio. Clearly, Karolis spent time considering its UX. Apart from the sparse, clean layout and great UI designs, a lot of detail is provided on his design process. For example, on the CUJO project, he describes how he interacted with the user base while doing his research, identified the biggest user pain points, and worked out where they could add more value. On all of his projects, UX research takes center stage as the primary driver of design decisions, and he wraps up his projects by describing how successful they were.

His UX designer portfolio site is at: http://karoliskosas.com

Originally from Washington, D.C., Alex is an illustrator turned UX designer. As well as co-founding a business focused on B2B products, he has worked with the Local Search Team on Google Maps and on eCommerce and social gaming projects. He continues to put users first while considering simultaneous and future efforts, ensuring pixel perfection and a delightful user experience.

Taking one of his projects as an example—Google Live Popular Times—Alex clearly spells out what the project was about, what he did, and how he got there. He presents the problem and the UX research performed in order to dig deep and define the design problem statement . He also mentions design constraints on an existing product, and how he took user research insights to come up with a simple solution.

Taking back a few brownie points because among all of the great UX process case studies, he has a project thumbnail that links to a Dribble shot and offers no detail whatsoever about the project. It’s best for UX designers to demonstrate a consistency of design in their UX portfolios as it conveys professionalism and respect for the visitor.

His UX designer portfolio site is at: https://www.alexlakas.com

Hailing from a small town in Australia, Simon is a product designer currently based in San Francisco and has worked on projects for some major brands such as Uber, Amazon, Google, Medium, and Barclays (bicycle rental).

Simon’s case studies are very detailed and take visitors through his design process in a thoughtful way. His example of the London By Bike app for the Barclays bike rental system is especially thorough. He really researched potential users and came up with detailed personas that he uses throughout the project to guide design decisions, priorities, and to create empathy between the client and his team. He went out for a ride himself to “walk a mile in the user’s shoes;” in this case “ride a mile.” - :)

His UX designer portfolio site is at: http://simonpan.com

Niya Watkins

Niya is a freelance UX designer based in Washington, DC. She previously worked in international affairs and says that her time in the civil service is where she learned what a hindrance inefficient, poorly-designed websites were to productivity. She often found herself using creative solutions to save time, energy, and money, and was subsequently ‘accidentally’ pushed into user-centered design, ergo: UX.

What’s Great About Her UX Designer Portfolio

To kick things off, Niya gives us the background of each project, her role, and research process. She then goes into her process for: personas, card sort, information architecture, sitemap, interaction design, wireframes, prototypes, user testing and all the other typical steps a great UX designer takes to arrive at the best designs. She even includes a link to the InVision prototype for all to check out. Very comprehensive.

As with Rahul a few reviews down, we’re taking back a few brownie points because of site navigation issues (this could be a Squarespace template limitation—nevertheless, it’s poor design). Also, the “latest projects” section has four projects on her homepage, and when she invites visitors to “see all” we see the same four projects, nothing more. That’s not what was expected and it’s bad UX.

Her UX portfolio site is at: https://www.niyawatkins.com

Pendar Yousefi

Pendar didn’t grow up in 60s America, and never went to the moon, but has always done things because they were hard. Today, he finds himself leading the design team at Google Translate , with a mission to help the 10% of the world’s population who use their products every month.

Really juicy UX case studies. Pendar goes into great detail about his UX design process on every one of his projects, presenting the problem and the challenges each presented. Looking through his UX design case studies and the hypotheses the team came up with around the product problem, make for a fascinating and educational read. Often the product team assumed a bunch of reasons why a problem existed, only to find out after user research that those assumptions were completely wrong.

The UX design process case studies are very detailed—almost too much—but despite their volume are easy to read because there is just the right balance between illustrative images and text as he walks us through the process. When user testing shows the design is heading in the wrong direction, it’s fascinating to see how the team took a sharp turn and corrected course.

His UX portfolio site is at: https://mahimoto.com/projects

Rahul is a freshly-minted UX/product designer who interned at Google in the summer of 2018. He writes about his experience and what he learned in a detailed and self-reflective manner. Prior to his UX internship, he worked for 3 years as a UI and UX designer in both enterprise and start-up environments. His UX portfolio includes case studies of work for Amazon Go Plus, GE Appliances and the U.S. Department of Health and Human Services.

Rahul’s case studies are very detailed and walk people through his design process in an easily consumable way. Some designers make the mistake of adding way too much text to their case studies—most reviewers/ recruiters are busy and simply don’t have the time to go through that much detail. Use graphics and charts, they get to the heart of the process and speed up readability.

We’re taking back a few brownie points due to some site navigation issues and for using a general goal description. His designer goal statement: “ My goal as a designer is to create engaging, functional and accessible user experiences that delight people and solve complex business problems ” doesn’t differentiate him from fifty thousand other UX designers out there. UX designers need to make themselves stand out by sharing something that is unique about them.

The site’s navigation is not great. “Work” and the homepage are exactly the same. If you click on “About” it reloads the same page into a new browser tab over and over again.

A lot of UX designers use portfolio templates from Squarespace , Wix , etc. which is fine—nevertheless, it’s important to remember that your UX portfolio has its own UX, and you will be judged on the usability—the UX design of your portfolio.

His UX designer portfolio site is at: https://rahuljain.co

Samuel Medvedowsky

Samuel is a French UX & Interaction designer based in Paris currently working at Metalab . He has designed for both large and small companies and enjoys finding innovative ways to create useful, usable and engaging products as well as delightful user experiences.

In line with other successful UX designer portfolios, Samuel provides visitors with a given project’s background, his role, and the challenges he faced. When going through a project, he tells us how deep user research showed him where the user pain points were, and helped him define clear objectives and scope. His UX design process is demonstrated clearly throughout the project walkthroughs.

As with a couple of other UX portfolio examples included in this review, we’re taking back a few brownie points because of site navigation issues. When we’re on the homepage the “Case Studies” navigation link just reloads the page. Also missing is something that would have been the icing on the cake: there are no takeaways about what he learned at the end of each project.

His UX portfolio site is at: http://www.samuel-medvedowsky.com

Kristian Tumangan

Kristian is a California native with several years of in-house and agency experience. A self-motivated designer, he especially enjoys understanding user behavior and being able to use that information to design delightful experiences.

Kristian’s UX design process is demonstrated clearly throughout the project walkthroughs. The typical UX design methods and subsequent UX artifacts are shown step-by-step—discovery, personas, storyboarding , sketches, wireframes, prototypes, sitemaps, user testing and so on. And he finishes up with the key learnings he took away from the project. He addresses the problem, the solution, his role, the tools he used throughout the process, as well as providing a link to his live Marvel prototype.

Again, as with other UX designer portfolios included in this review, we’re taking back a few brownie points because of site navigation issues and silly stuff under his “About” page: “infrequent golfer, gamer, internet surfer, napper, sporadic traveler, and decent cook.” UX designers must pay attention to the UX of their site.

His UX designer portfolio site is at: http://www.ktumangan.com

Adithya Holehonnur

Adi is a software engineer turned UX designer who grew up in Kudremukh , a small town in the heart of the western ghats in India where he spent most of his childhood wandering around in jungles or playing cricket. He currently works as a UX design lead for Honeywell, Bangalore.

Replete with animated GIFs of final app designs, this UX designer portfolio stands out, not only because of the detailed case studies but also for the “reflections” section at the bottom of each project—as UX designers we continue to learn from every project we engage. Adithya also presents the results that were achieved at the end of his case studies so visitors can see for themselves what design goal was accomplished—the successful fruits of his product design process.

His UX designer portfolio site is at: https://www.adithyaholehonnur.com

Dora trained as an industrial designer at two of the world’s leading design schools. Fascinated by beautiful environments, creatures, and objects, she is also interested in the philosophy of design and in examining the social implications of product-making. She enjoys the complexity and fast pace of UX design and ‍likes to explore the possibilities of commercializing new product ideas because she believes that profitability and business success can ensure that artists and designers not only survive but also thrive.

Dora is a recent grad of Springboard ’s UX Course. Her UX designer portfolio case study for her capstone project “Five-to-Eight” is exemplary. It goes into great, step-by-step detail about her user-centered design process and how she arrived at her final designs.

Her UX portfolio case study can be found here: https://www.daorongfang.com/5-to-8

Further Reading on the Toptal Blog:

• UX Portfolio Tips and Best Practices
• Presenting Design Work: The Right Way
• The Best UX Tools (with Infographic)
• The Tried and True Laws of UX (with Infographic)

Understanding the basics

What is a ux portfolio.

A UX designer portfolio is designed to showcase a UX designer’s work. It typically contains detailed case studies of UX design projects, demonstrating skill and approach.

What is the work of a UX designer?

A UX designer is an advocate for the end-users of a website or product. Key areas of focus include information architecture, user research, branding, visual design, and content. They need to empathize with their subjects, tell a story well, and possess strong creative, technical and problem-solving skills.

What are UX methods?

Some UX design methods include service blueprints, customer journey maps, personas, use cases & scenarios, wireframes, user research & usability studies, prototyping, sketches, accessibility analysis, heuristic analysis, brainstorming, mood & storyboards, KPIs, competitive audit, stakeholder interviews.

What is a UX process?

There is overlap in the UX design process, but the key phases are UX strategy, research, analysis, and design.

What does a user experience researcher do?

A UX researcher engages user experience research which is used to communicate what is needed from the end user’s perspective to UX designers and product teams and includes a wide range of methods, eg. usability testing, interviews, surveys, card sorting, tree testing, heat maps, field testing, etc.

• Product Design

Miklos Philips

London, United Kingdom

Member since May 20, 2016

About the author

World-class articles, delivered weekly.

By entering your email, you are agreeing to our privacy policy .

Toptal Designers

• Adobe Creative Suite Experts
• Agile Designers
• AI Designers
• Art Direction Experts
• Augmented Reality Designers
• Axure Experts
• Brand Designers
• Creative Directors
• Dashboard Designers
• Digital Product Designers
• E-commerce Website Designers
• Full-Stack Designers
• Information Architecture Experts
• Interactive Designers
• Mobile App Designers
• Mockup Designers
• Presentation Designers
• Prototype Designers
• SaaS Designers
• Sketch Experts
• Squarespace Designers
• User Flow Designers
• User Research Designers
• Virtual Reality Designers
• Visual Designers
• Wireframing Experts
• View More Freelance Designers

Join the Toptal ® community.

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.

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

Everything you need for a job-winning web design portfolio (+8 examples)

Fanni Szalkai

Wonder why you’re not getting through to an interview? In most cases, it’s not that you don’t have the skills. It comes down to your web design portfolio.

Presenting yourself in a few pages is not easy. So today, we’re walking you through how to create a portfolio that will get you an interview and ultimately get you hired. We’ll also talk about common case study mistakes and how you can stand out from the crowd. Let’s begin!

Web design portfolio examples

Every week the team analyzes more than 200 portfolios. We’re looking through themes, trends, and of course, noteworthy examples. So before we dive into the actionable tips, let’s look at some remarkable web design portfolio examples.

1. Kai Huang

Kai is a skilled designer with an incredible knack for storytelling. While the portfolio itself is also beautifully done, it’s the copywriting that stands out to us the most. The project titles are already building a narrative, which hooks us to find out more.

In his case studies, he included the results, some metrics, and also testimonials from actual users. This conveys a powerful message—that he’s not just a great designer, but he connects the business needs with the user experience and succeeds at it.

View Kai’s full portfolio

2. Laura Saltzer

Laura is a passionate UX designer with a background in Biology and a specialization in fitness and wellness. She created a portfolio with an exceptional color palette and with diverse but cohesive project thumbnails.

Her case studies include a video walkthrough of the app, which makes it super convenient for visitors. It showcases the whole flow in an easily digestible way, while also encouraging the audience to explore even further.

View Laura’s full portfolio

3. Margarita Prokofieva

Margarita is a digital creative based in Berlin, Germany. She created a modern yet playful site with a dark background—letting her work shine in the best light possible. In her case studies, she has a clear structure and effortless navigation. 

She kept her About page and Contact page to the minimum and included her skills, her outside-of-work (but still relevant) hobbies, and even a picture of her dog for a personal touch.

View Margarita’s full website

4. Maxwell Marra

Max is a talented, US-based designer and content creator. Creating a minimalistic portfolio seems easy at first—but you need strong typography, meticulously written copy, and stunning visuals to make it work. Luckily, that’s exactly what Max has done. 

In his case studies, he keeps the easy-to-scan layout and highlights the most important parts, along with a large section where he talks about the impact of his contribution.

View Max’s website

5. Aniela Carolina

Aniela is a dedicated visual and product designer with a strong background in branding. It really shows, as in her portfolio, she created a memorable look and feel with her personal logo, colors, fonts, and branding elements.

The best part of this portfolio, however, is her ease of showcasing her projects. She tells the real story behind her projects, even with messy or challenging situations. This gives proof of how she handles tough situations. Instant hire!

See Aniela’s website

6. Rachel Baek

Rachel is a talented designer with an exquisite and balanced portfolio. She crafted a website with a clean layout, harmonizing colors, and easy navigation. Her project thumbnails are in harmony with each other despite the different project colors—which subtly show in the background gradient as well.

See Rachel’s website

7. Ian Chambers

Ian’s portfolio is the perfect example of how your website can be a testament to your mission as a creative individual. He created a clean and seamless web design for his portfolio—just as he promises in his bio.

Besides his home page and clean case study layouts, his About and Contact pages perfectly fit the minimalist aesthetics too.

See Ian’s website

8. Alesia Ciocan

Alesia is a well-rounded, Chicago-based designer with over six years of experience in graphic and web design. Her colorful personality shines through the pages, along with her expertise and professionalism.

Her graphic design skills appear in the tiny details, like the thumbnails. She also cleverly included a clickable prototype at the end of her Storian case study, which makes for an interactive experience—while also showcasing her prototyping skills.

See Alesia’s website

How to create a web design portfolio?

In 2024 a curated and up-to-date web design portfolio is crucial if you want to get a job or attract clients. With the field more saturated than ever, standing out is a must.

Before we go into tips on differentiating yourself from other designers, let’s cover the fundamentals of portfolio creation.

What to include?

As the examples above show, there are many ways to structure a portfolio. However, there are some essential elements that cannot be missed.

Essential portfolio elements:

• Case studies,
• About page,
• Contact information.

These should answer the most important questions people arrive to your site with.

Bio – Who are you? What do you bring to the table?

Your bio or tagline is an introductory statement right on top of your page. Among others it serves a contextual purpose—it tells recruiters that they are at the right place. 

This is also your golden ticket to a good first impression . Besides the look and feel of your website, this is the first thing people notice. It might also be the only thing people read on your website. So make it count.

You have to find the intersection between memorable, relevant, clear, short, and authentic to find the perfect bio or tagline.

Here are a few templates that you can get started with:

• I’m [Name], a [Profession] on a mission to [Mission] through [Skills & Deliverables].
• Example: “Hello there! I’m Jane Doe, a passionate web designer on a mission to elevate digital experiences through intuitive design and pixel-perfect execution.”
• I’m [Name], a [Profession] with [Years of experience] specializing in [Speciality]
• Example: “Hello there! I’m Jane Doe, a web designer with 5+ years of experience specializing in user-centric design and precision-crafted interfaces.”

Case studies – What sort of work have you done? Can you do the job I’m hiring for?

The case studies are the main event in your portfolio. This is where you walk your visitors through your previous projects and show them what kind of expertise and skills you could bring to their company.

Project curation

The first crucial step is deciding which projects make it into your portfolio and which don’t. The type of work you showcase can influence the outcome of your application.

A few things to keep in mind:

• Align your projects to the kind of work you would like to do in the future.
• Strive for quality instead of quantity. Only include your best work.
• Keep it relevant for the recruiters.
• Don’t be afraid of retouching your old projects. You can always iterate on them to fit your current experience level better.

Here’s a flowchart to decide if a particular project fits in your portfolio or not.

Case study creation

After choosing the projects, it’s time to tell the story behind them. 

• Context – Give your audience the background info needed to understand the project (e.g. size of team, client brief, timeframe).
• Your role – Web design is based on collaboration, hence it’s not evident what your contribution was to a given project. Show recruiters that you can effectively work in teams (even multidisciplinary ones), but also highlight what your part was. 
• Challenges – Show what obstacles you faced during the design process and how you overcame them. Mention the skills that you used in order to solve problems.
• Results – Show the outcome of the project. Include the visuals of course, but also metrics and KPIs that show the impact of your work.

Keep in mind that the point of the whole portfolio is to sell you, not the product idea. Present your work and the context needed to evaluate it, don’t just pitch the business idea.

Case study design

In web design portfolios the presentation is just as important as the content. Even with an excellent eye for design, some common mistakes seem to come up again and again. Let’s look at them and what you can do to avoid them.

Mistake #1: Going overboard with the design – It’s tempting to create something nobody’s ever created before. But cluttering up the layout and forgetting about white space is something that many designers fall into because of trying to reinvent the wheel. Create a clean layout and consistent alignment of text and images. After all, minimalist portfolios are a trend for a reason.

Mistake #2: Writing too much – Recruiters spend little time reviewing a case study. Thus they don’t read, they skim. Consequently, putting walls of text in your case study is going to provide less information than if you included less information in bullet points and in a skimmable format.

Mistake #3: Neglecting images – Your images will work for or against you depending on how you present them. Only include high-quality visuals (screenshots, sketches, wireframes) and include them in mockups or galleries to make them as appealing as possible.

Mistake #4: Only designing for desktop – In 2024 if your portfolio doesn’t look good on mobile, you may as well not have one. Choose a website template that is responsive by design to save yourself some time.

About page – Are you a good team fit? What is it like working with you?

Designers are storytellers. And there’s no better story than your own.

Your About page is the place to make a lasting personal impression, but it’s not just for that. It can make you stand out from the hundreds of other candidates.

Your resume focuses on your hard skills. But on your About page, it’s time to talk about your soft skills as well. Give a glimpse into what it’s like to work with you. We recommend doing a quick research about the company culture and how you fit into it—not just for your About page.

Not sure what to write about? Read Kai’s story from his About page for inspiration:

Contact information – How do I get in touch with you?

When you’re designing screens at work, you have a clear goal in mind, right? It works the same way in your portfolio too. Your portfolio’s purpose is that people can easily get in touch with you afterwards.

It’s all about making it as convenient as possible .

Place your email address (or your preferred contact information) in strategically important places. For example, in the footer, on a separate Contact page, or as buttons after Call-to-Actions.

Freelancers may also opt for a contact form. It can prevent unnecessary email back and forths, not to mention that it just looks super professional.

How can your web design portfolio stand out?

Recruiters are drowning in applications, so to get the interview, you need to make yourself memorable. Here are a few strategies and tips for making your web design portfolio stand out.

• Bring your own style: Infusing your portfolio with your unique design aesthetic can set you apart from the competition. 
• Write brief but great copy: Writing as you speak not only makes reading your portfolio enjoyable but also shows your personality. Clever headlines, relevant project descriptions, and witty call-to-actions will make your portfolio more memorable.
• Include interactive presentation : Using tools like Figma prototypes or video walkthroughs allows potential employers to interact with your designs and gain a deeper understanding of your thought process.
• Say hi in a video: Introducing yourself via video adds a personal touch to your portfolio and allows you to convey your passion and enthusiasm for the role.
• Keep it laser-focused: Tailoring your portfolio to your dream job demonstrates your understanding of their needs and increases your chances of standing out. If you’re applying to multiple jobs, create variations of your portfolio to keep it relevant.
• Add testimonials: Including testimonials or recommendations from previous clients provides social proof of your skills and expertise. 

How to get started?

All in all, what is the quickest and easiest way to make a web design portfolio from scratch? Our recommendation is to get started with UXfolio. It is a portfolio and case study builder dedicated to UX/UI and web designers to create a website that you can be proud of.

Among other features, you’ll find

• Customizable web design portfolio templates,
• Case study blueprints and example content to personalize,
• Dedicated sections for bios, testimonials, embedded prototypes, contact forms, and much more,
• Text ideas to always know what to write about,
• Built-in mockups to present your work professionally,
• Multiple portfolio variations with project duplication,
• The thumbnail designer for effortless thumbnails, and 
• Password protection to keep your work safe.

Ready to get started?

12 Standout Website Design Portfolio Examples

• Orlee Gillis
• on Web Design
• Updated on: 16.02.21

A web design portfolio is a hand-picked showcase of projects and case studies that a designer chooses to present his best and most promising work examples to potential clients or employers. In the web design industry, portfolios are considered a point of introduction where designers have their first opportunity to introduce themselves, their personality, their artistic style, professionalism, and so on. Web design portfolios can include anything from live websites that the designer built, sample projects, case studies, web design templates , or even smaller-scale assets such as typography design, illustrations, logos, etc. 

As budding web creators, the time has come for us to develop a solid understanding of how web design portfolios can accelerate our careers as designers, and of the strategic thinking and planning that must go into the process of creating an impressive, sophisticated design portfolio. 

In this post, we will identify the key features that every web design portfolio should include, and derive best practices from some of the most powerful web design portfolio examples that we have come across during our research. 

Table of Contents

• Why Do Designers Need a Web Design Portfolio?​

What Should a Web Design Portfolio Include?

12 stellar examples of web design portfolios.

• 1. Robert Bürgel: Using Motion Effects To Showcase Your Talent​
• 2. ZORiN: Emphasizing Your Personal Brand​
• 3. Ueno: A Portfolio Showcasing Products, Brands and Experiences​

4. Adrien Gervaix: Sharing Your Product Design Process

5. buzzworthy: portfolio meets personality, 6. inaki soria: building client relationships through remote freelancing.

• 7. Komini Media: Using White Space Wisely​
• 8. BALLSY MEDIA: Portfolio Meets Personality​
• 9. SANJOO: Using a Content-First Approach​
• 10. Elegant Seagulls: Communicating Your Identity Through Design​

11. Codepuffin: A Colorful Portfolio That Stands Out

• 12. Studio 081: Always State Your Value Proposition​

Why Do Designers Need a Web Design Portfolio?

There are many indisputable reasons why every web designer needs a killer web design portfolio in order to put his best foot forward and get hired for the web design projects he has equipped himself to master. This is true not only for establishing his own credibility, but also for increasing his likelihood of getting hired for promising, high-caliber projects.

Reason #1: Online Portfolios Make You Searchable and Accessible To Clients

Everybody knows that nowadays, it’s all about Google. When employers are looking for a web designer, whether they specialize in a certain vertical or are located in a specific location, searching accordingly online will bring them one step closer to their candidates. 

When potential clients are looking, for example, for a freelance web designer based in Seattle, Washington, they’re likely to search for “freelance web designer in Seattle”, or something similar. If your design portfolio meets the SEO requirements , so that you’ll appear in those search results, you’re in good shape for landing that gig.

Reason #2: Online Portfolios Demonstrate Your Expertise

When looking to hire an independent web designer or a design agency, clients are primarily interested in seeing the concrete work that the designer or designers are capable of producing. 

True, stating different factors such as which tools you use for design, which design niche you specialize in , and so on, are questions that clients want to tick off on their hiring checklist, but they are in fact most interested in seeing work examples. Once they see what you can come up with, they can get a better sense of whether or not your design expertise, style, etc. are a good fit for what they’re looking for. 

This means they want to see real, tangible projects that creative professionals have done in the past. Clients want to see what your thought process involves, and how you would take their ideas and turn them into visual content, and apply your creativity and design skills while doing so. They want to see how you respond to challenges, and how you take a blank canvas and produce a unique, impressionable website that effectively communicates who they are and what they do.

Reason #3: Clients Are Short on Time

There’s also a practical side involved to why those looking to hire find project showcases and case studies to be a more efficient way of evaluating designer candidates. Clients who are seeking design professionals to create their website often receive hundreds of portfolios and resumes. Time is of the essence, deadlines need to be met, and people are looking to have their questions answered quickly. 

This means that sifting through pages of explanations of who you are as a designer and why your experience is relevant is less appealing to those short on time. Instead, reviewing projects you have completed can be a time-efficient way for clients to evaluate whether your skills are a good fit for what they need.

Reason #4: Let Clients Get To Know You

The client-designer relationship is a crucial element in a successful design project. It’s more than just building a mutual understanding of what the client needs and what the designer can create. There’s communication involved, and a personal connection that needs to “click”. This is why when viewing your portfolio, prospective customers will want to get to know you as a person, as an individual, to understand who they’d be working with and what kind of dynamic will be contributed to their team of professionals. 

The forum for letting your portfolio visitors get to know you is often on your About page, which you can think of as an individual or one-on-one version of the standard About Us page page that you’ll typically see on company websites. We’ll delve into this portfolio component later in the post. 

Letting clients get to know you isn’t only about writing your story in the About page. It’s about identifying which elements in your personality you want to emphasize, such as your bold taste and knack for bright color schemes, or your way with words which is manifest in the titles and descriptions you use throughout the portfolio. You can also consider your choice of imagery as a way to represent your personality, whether it’s choosing photographs of beautiful scenery and landscapes, contemporary illustrations, pictures of you hard at work with walls of mind maps around your workspace, and so on. The floor is yours.

Reason #5: Define Your Design Niche or Specialty

As seasoned web creators, we know that designers often categorize themselves based on what types of businesses and websites they’re experienced with and are passionate about. These design niches can range from Ecommerce websites, to online news sites, or personal services such as personal trainers and therapists. Potential clients will want to not only see work that you’ve done that is similar to what they’re looking for, but they’ll also want to know that you understand their industry both in terms of business needs and audience interests. 

Design niches are not only about industries and verticals, they’re also about web design trends and website styles. If, for example, a business owner is interested in creating a website that contains video backgrounds and savvy motion effects , they’ll want to see whether or not you’ve worked with those types of features before.

When it comes to fundamentals, there are five key questions that a web designer’s portfolio should answer:

• Who you are
• What you do
• Your location
• The work you have to share
• How to contact you 

As we discussed earlier, web design portfolios are about cutting to the chase – answering the key questions that prospective clients may have when they’re interested in learning about your work and services. Dedicating one section or page to each of these questions will be a thorough and organized way to make sure your portfolio delivers every answer your site visitor is looking for.

Homepage: A Brief Introduction

You can think of your design portfolio’s homepage as serving a similar purpose to any website’s homepage: creating an infrastructure and understanding that will allow the website visitor to navigate your site. In the case of design portfolios, the homepage will generally include a 2-3 sentence short bio that describes “who you are” in a nutshell, as well as specifying where you’re located. If a potential client is based in Barcelona and is only looking to hire a designer who’s based in Spain, he’ll want to know right away whether you fit that criteria. 

Alternatively, many companies are open to hiring remote-based designers, so if you’re open to working remotely, it’s helpful to specify that as well. Be sure to include the services you provide, although this section can also appear on your About page (or both). It’s important that website visitors understand exactly what you specialize in and if what you can offer is relevant to what they might need. In fact, many web design portfolios will have a separate page called “Services”, that’s dedicated to explaining the type of services the designer or agency provides.

About: Who You Are

This is where things get personal, and it’s your time to shine – to tell your very own personal story. It’s good to answer questions such as: “What introduced you to design?”, “Why is design important to you?”, “How can you use design to make a difference?”. You’ll want to be as unique as possible (but still conventional, on some level), and use the opportunity to shine among your competition. Employers look for designers who are bold, confident, and passionate about the work they do. This is exactly what you want to communicate. 

You can also think of your About page in a similar light to how you go about a job interview. This entails answering questions like “Describe a problem you experienced and how it made you want to be a designer”, “What makes you unique in your design work?”, “How can you contribute to a company?”, and so on. Ultimately, your “About” page should give an idea of the kind of person you are to work with, and how you can breed amazing results by creating the client’s website.

Work: What You Have To Share

This is where you need to think carefully about which of your web design projects best represent your skills, experience, and style as a designer. 

It’s also good to specify what your design workflow involved, such as what tools you used, etc. You should also make sure to include a link to the prototype or to the live website itself.

Don’t forget the value of adding testimonials to your portfolio, whether on the Work page or on a different page or section as you see fit. Potential clients will want to see good, positive feedback from real customers that you’ve worked with, and the value of customer reviews is not to be sniffed at. These also account for a positive, enjoyable relationship between you and your employers, which those looking to hire always like to see.

Contact: The Best Way To Get in Touch

Your Contact page is possibly one of the most important components of your design portfolio site. Without it, you may lose prospects simply because they couldn’t figure out how to get in touch with you. That being said, your Contact page is possibly the easiest page to design among all your other pages. It’s basically just a landing page , and the more minimalistic it is, the better. 

We recommend using a large image (ideally a portrait or candid photo of yourself), and a simple contact form . It’s also helpful to add a social icons bar to your most active social media channels. This way, if potential employers prefer to contact you on LinkedIn or even Facebook Messenger, it will be convenient and comfortable to do so. It’s all about accommodating the customer’s wishes!

1. Robert Bürgel: Using Motion Effects To Showcase Your Talent

This visual communication office’s opening design (hero section) knocks us off our feet. Building his website with Elementor, Robert Bürgel definitely knows how to make his and his agency’s presence known, yet in such a sophisticated, classy way. The swimming fish motion effect is captivating to say the least, and this Düsseldorf-based graphics agency is clearly full of talent, creativity and uniqueness.

2. ZORiN: Emphasizing Your Personal Brand

Roman Zorin is a Russian web designer who exhibits a succinct talent for taking the conventional design portfolio format and using Elementor to infuse it with creativity and a thought-provoking flair. His website does exactly what we mentioned earlier about the designer showing their thought process and design workflow that take place throughout their projects. Each section of the homepage communicates the necessary content, including the design tools he most commonly uses for his web design projects. 

Finally, he provides a professional brand guideline for his personal brand, which indicates just how experienced and sophisticated his design approach is.

3. Ueno: A Portfolio Showcasing Products, Brands and Experiences

Ueno is a world-class branding agency that serves some of the world’s biggest brands with branding, product design, websites, etc. Their portfolio site is full of their brand personality, and each page immediately gives you the sense of what they’re about: relationships, humor, creativity, and top-class design.

Adrien Gervaix is a freelance Product and UX/Ui designer based in Lille, France. Adrien uses a bold blue background to surround his modest presentation of his impressive project showcase. There are many unique design details that Adrien enhances his portfolio with, such as the animated paper airplane on the homepage,the navigation scheme in the header, and especially the “Values & Process” section which maps out the process of his design workflow and how he approaches each project.

Buzzworthy is a Brooklyn-based digital studio that specializes in developing custom WordPress sites. In terms of their portfolio site’s design, they definitely take the cake with uniqueness, as the centered, vertical menu down the middle that directs visitors to each of their portfolio projects is truly like none we’ve ever seen before. That, among other design details, is what we love it for.

Inaki Soria is a Barcelona-based (but works remotely) freelance designer whose profile emphasizes his guiding principle of how important the communication and relationship between designer and client is. His choice of imagery and screenshots that represent samples of projects he’s done are each crystal clear and easy to browse, so the visual communication is also top-notch.

7. Komini Media: Using White Space Wisely

Komini Media is an advertising agency based in Gothenburg, Sweden – who built their website with Elementor. Their site caught our attention for many reasons, one of the main ones being their clever use of white space throughout the homepage and the variation font sizes as you scroll down. If you take a look at their navigation menu, it also boasts some unusual yet beautiful hover effects on the menu items.

8. BALLSY MEDIA: Portfolio Meets Personality

BALLSY MEDIA is a digital agency based in Northumberland, a county in the northernmost county of England (bordering Scotland). Built with Elementor 3.0, what sets this agency website apart as a design portfolio is how much its design scheme mirrors its uniqueness as a business: it’s located way, way up north on the globe. The agency chooses to take this character trait and integrate it into their design identity: the interactive dark sky, the rocky, mountainous landscape, and the deep blue that represents the infinite, surrounding sky. Ultimately, this portfolio illustrates how impactful it can be to take one of your individual character traits and use it to define your portfolio’s design scheme.

9. SANJOO: Using a Content-First Approach

SANJOO is the Elementor-built portfolio website of K Sanju Singha, a digital marketing freelancer based in India. His site is actually one page only, yet is still varied, interesting and completely dynamic. We enjoy his text-based design approach, as well as combined menu popup and contact form that are triggered by clicking on the menu icon.

10. Elegant Seagulls: Communicating Your Identity Through Design

Elegant Seagulls is a digital creative agency based in Marquette, Michigan. This portfolio is what we consider to be a prime example of making your mission statement as a designer (or designers) known. This is prevalent on their homepage, their About page, where they outline their “strategy”, “concepting”, “refinement”, and so on. Last but not least, their sophisticated “Portfolio” page which features their case studies indicates the importance of presenting case studies in your design portfolio. Once you click on the case study thumbnail, the project page dedicates a clear, content-first page, filled with white space and crisp images of their polished UI designs.

Codepuffin is a web developer business (a one woman show) run by a New Zealand-based developer named Amy. Amy’s portfolio, built with Elementor 3.0, is bold and beautiful in every sense: bold colors, a logo with unique typography , and many other visual highlights. One truly unique component of Amy’s site is the way she features customer testimonials as well as her link to her Instagram page just below it. The testimonials quote is integrated smoothly into the page, with clear, readable text and an inviting blue background to finish off the page-scrolling experience.

12. Studio 081: Always State Your Value Proposition

Studio 081 is a boutique web and graphic design based in Montenegro. This is another clear example of a brand/professional who uses Elementor to build a website that positions their brand as being fully at one and clear with their value proposition. This strategy allows website visitors and potential clients to understand what the added value of working with these designers and professionals is all about. On the whole, their contact page and form are clear and accessible, their social icons are easily visible, and the thumbnail images used in their portfolio gallery do justice to their beautiful work.

Show Us What You’re Made of

In this article, we saw how creating a design portfolio can leave a lasting impression on employers. By doing this, you’re embracing your chance to show (and even prove) your unique talent – making it clear and obvious for people to understand where your strengths and talents as a designer lie. 

Portfolios that are overly generic suggest that as a design professional, there is no real specialty or niche, nor a clear message in the designer’s work. Finding the balance between following best practices of a web design portfolio, all the while adding your individual, one-of-a-kind style and skills – will attract potential clients to explore your portfolio further and take an interest in hiring you for their next project. 

Make sure to share your portfolio with us, by posting it in the Facebook community and sharing it in the comments below.

Looking for fresh content?

By entering your email, you agree to receive Elementor emails, including marketing emails, and agree to our Terms & Conditions and Privacy Policy .

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.

The 9 best UX portfolio examples from around the world (and what we can learn from them)

Are you building your UX portfolio from scratch, or revamping your existing website? Then you’ll want to get some inspiration first.

Free course: Introduction to UX Design

What is UX? Why has it become so important? Could it be a career for you? Learn the answers, and more, with a free 7-lesson video course.

Whether you’re a budding UX designer or a seasoned professional, there’s lots you can learn from others in the field. 

Are you building your UX portfolio from scratch, or revamping your existing website? Then you’ll want to get some inspiration first. 

Here is our hand-picked selection of the best UX portfolio examples from around the world —and what you can learn from them.

1. Niya Watkins

Niya Watkins is a UX designer based in Washington, DC. Her UX portfolio example ticks many of the obvious boxes—clean design, user-friendly navigation and well-structured case studies.

However, what really stands out in Niya’s UX portfolio is her “About” section . 

Now, your “About me” page is not necessarily the first thing someone will look at when they’re viewing your UX portfolio. But if they do navigate that far, it’s an important opportunity to tell your story and say something memorable.

Niya does exactly that in just four short paragraphs. 

First, she states exactly who she is and what she does. 

[GET CERTIFIED IN UX]

Then (and this is the best part) she tells the story of what she was doing prior to UX—and how it steered her towards a career in design. 

Niya describes how, while working in the civil service, she learned “what a hindrance inefficient, poorly-designed websites could be to productivity” and how she often found herself “using creative solutions to save time, energy and money” . 

She goes on to share her beliefs about what it takes to be a good designer: An understanding of the human experience. Last but not least, Niya tells us about her interests outside of design—a personal touch that helps to connect with the reader. 

Niya’s “About” section is powerful, personal, and memorable. It’s not just an afterthought; it’s a crucial part of her portfolio and her personal brand.

Key takeaway from Niya’s UX portfolio examples:

Your “About me” page matters more than you might think. Follow in Niya’s footsteps and craft an “About” section that:

• Tells a personal, meaningful story about why you’re passionate about UX
• Fits into four short paragraphs (or less)
• Gives the reader a glimpse of the human behind the portfolio

2. Olivia Truong

Olivia Truong is a New York-based product designer with one of the most beautiful UX portfolios on the web. 

But we’re not here to simply admire her delightful homepage. The real star of the show in Olivia’s portfolio is her richly embellished UX case studies .

Case studies are the centrepiece of your UX portfolio. They don’t just showcase your best work; they demonstrate your understanding of the UX process and your approach to problem-solving. 

The best UX case studies are enriched with supporting materials beyond just the finished product. And, if you ever need inspiration for what that could look like, turn straight to Olivia Truong’s UX portfolio . 

Olivia doesn’t just include app screens and wireframes. She goes above and beyond to include data, photos, quotes, and interactive prototypes. 

Here’s a photo of a card-sorting exercise Olivia completed as part of her Universe Dashboard case study :

Here are some data visualisations and a quote gathered as part of her user research for a dating activity app :

In the same dating app case study , Olivia includes this interactive prototype. If you view it on Olivia’s website, you can click around it to see how the app works:

And here are some nicely captioned photos of ethnographic field studies Olivia conducted as part of her Ticket Manager case study :

Olivia’s case studies are rich with a variety of artefacts. This allows us to get right up close to her process and to see how she works—and that’s exactly what hiring managers want when they look at your UX portfolio.

Key takeaway from Olivia’s UX portfolio examples:

Your portfolio should demonstrate how you work as a designer. Take inspiration from Olivia and bring your case studies to life with a variety of images and media. Beyond the usual wireframes and final screens, consider including:

• Photos or videos of you in action (e.g. conducting user interviews, card sorting or affinity mapping)
• Quotes and data visualizations from your user research
• Interactive prototypes

3. Pendar Yousefi

Pendar Yousefi is currently Head of UX for Google Translate & Languages, and his UX portfolio is a lesson in the power of storytelling .

Navigate to any one of Pendar’s UX case studies and you’ll find not just a clearly explained process, but a captivating, fully immersive narration of his UX work. 

Pendar is clearly a natural storyteller, and he presents his UX case studies like epic adventures. He starts by setting the scene, providing relevant (and riveting) context before leading up to the problem statement. 

For example, his Google Translate case study opens with:

“Humans have been fascinated with magical devices that break language barriers for as long as languages have existed. At Google Translate, I had the opportunity to work on a product that helps us get one step closer to realizing the magic.”

He then narrows the focus towards the product and the people he’s designing for: 

“Google Translate apps have a few features that never cease to amaze people: instant camera translations, and real-time voice interpretation. Beyond their wow-inducing nature, they are extremely useful as well, helping language learners, students, tourists, and all sorts of people who need to break through language barriers.”

Having well and truly captured the reader’s attention, he sets out a clear problem statement followed by a detailed account of his journey towards the solution. 

Throughout his case studies, Pendar shares insights into his thought process, using phrases such as “So we went back to the drawing board and asked ourselves… ” and “So what was going on? When we dug in, we found that…”

Pendar takes the reader on a journey, writing in a way that almost makes you feel like you’re working alongside him—or at least witnessing him at work. An extremely powerful technique for demonstrating your approach to UX. 

Key takeaway from Pendar’s UX portfolio examples:

Pendar uses storytelling to share his design process and his approach to problem-solving. When writing out case studies for your UX portfolio, take a leaf out of Pendar’s book. Aim to:

• Craft stories (i.e. case studies) that have a clear beginning, middle and end, with you as the protagonist
• Set the scene and capture the reader’s attention. Who are you designing for and why? What’s the context behind the design problem, and why should the reader care?
• Write in the first-person voice, inviting the reader into your thought process

4. Stephanie Lawrence

Stephanie Lawrence is a UX and product designer with a background in research, data analysis and psychology. 

There’s lots to love about Stephanie’s UX portfolio , starting with those delightful cartoonesque animations and the clean overall aesthetic. 

But, as you know, the best UX portfolios don’t simply look great. Above all else, they demonstrate what kind of designer you are.

Still, as you’re building out your UX case studies, you might be wondering: How can I stand out from other designers? Aren’t we all following the same formula?

Look no further than Stephanie’s portfolio. Stephanie adds a noteworthy twist to her UX case studies with a “Lessons Learned” section . 

Beneath the “Results”, Stephanie outlines her key learnings from each project. She shares things like “Work with copywriters early and often” , “Don’t make assumptions” and “What I will do differently next time” .  

This is powerful not only because it’s unique, but also because it sends a clear message about Stephanie: that she’s a reflective designer who continuously strives to learn and grow.

And that’s what great UX design is all about—constantly learning and iterating, refining your process, and understanding the impact of your work on both the end users and the business. 

Stephanie demonstrates that highly sought-after quality of self-awareness, all in the simplicity of a bullet-point list. 

Key takeaway from Stephanie’s UX portfolio examples:

Hiring managers don’t just want to see evidence of your hard skills through wireframes and prototypes; they want to know what it’s like to work with you. Follow Stephanie’s lead and infuse your UX case studies with reflections and learnings. You can do this by:

• Highlighting challenges you encountered during a particular design project, and how you overcame them
• Stating what you’d do better or differently if you were to start this project again
• Pulling out key takeaways in a bullet-point list at the end of each case study

[UX DESIGN FUNDAMENTALS COURSE]

5. Jeff Shibasaki

Jeff Shibasaki is an Atlanta-based UX designer and writer—and an esteemed connoisseur of the unsolicited redesign . 

Like a true UXer, Jeff sees opportunities everywhere to improve the products and services around him. And he turns them into case studies for his UX portfolio. In fact, about 90% of Jeff’s UX portfolio consists of unsolicited redesigns.

As you’ll see from Jeff’s portfolio, virtually anything can be redesigned—from websites and apps to processes and services. This is great news if you’re short on material for your UX portfolio. 

Jeff sets an excellent example of how you can take any UX problem you encounter, tackle it like a real design project, and feature it in your portfolio. 

Check out Jeff’s unsolicited redesign of the Colgate website for inspiration. It looks just like any other UX case study: it has a clear problem statement, it describes the process Jeff followed, and presents the final solution. 

The only clear (and critical) difference is that all of Jeff’s unsolicited redesigns are labelled as such. You must be transparent about the fact that it’s an unsolicited redesign rather than a paid or requested project—you don’t want to run into any issues with the company, or be making any false claims.

Key takeaway from Jeff’s UX portfolio examples:

You don’t need loads of real-world experience to demonstrate your UX skills. Jeff has created a professional and varied portfolio based largely on unsolicited redesigns—and you can, too. Here’s how to get started with unsolicited redesigns:

• Look for opportunities to apply your UX skills. Could your banking app benefit from a redesign? Is your favourite dating app lacking certain features?
• Apply the UX process and document it in the form of a UX case study
• Always state clearly and prominently that it’s an unsolicited redesign

6. Lola Jiang

Lola Jiang is a UX designer based in California, currently working at Google. 

Not only is Lola an excellent designer with a perfectly polished UX portfolio . She also knows exactly how to communicate the value of her work through measurable outcomes and metrics .

Take Lola’s AI training platform redesign for example. 

The very first thing she tells us, right at the top of the page, is that the new design she came up with “reduced task times by 68%” and “improved users’ subjective satisfaction by 139%” . 

We haven’t even seen how she did it yet, but we’re already impressed. 

Further down, she elaborates on these outcomes in a dedicated “Validation” section. 

Here, Lola shares the results of her usability tests, explaining how users were able to complete a given set of tasks in 6 minutes with the new design (compared to 19 minutes with the old design).

She also states that the new design increased user satisfaction by 139%—and explains how this figure was calculated. 

In just a few sentences, Lola has provided tangible, measurable proof of the value of her work. This is backed up by some short, personal quotes provided by real users. 

The effect is powerful. Before even reading the full case study, we believe that Lola is an impactful, results-driven designer. A compelling case for including data in your UX portfolio!

Key takeaway from Lola’s UX portfolio examples:

UX design isn’t just about finding solutions; it’s about improving people’s lives in some way. Likewise, your UX portfolio isn’t just about showcasing your work; it should also communicate real-world impact and value. 

Here are some ways you can add proof of impact to your portfolio:

• Write a clear statement of impact for each case study. For example: “I redesigned the Treatwell app to improve customer satisfaction ratings by 87%”. 
• Include quantitative data (e.g. a % boost in customer retention) and data visualizations (such as bar charts)
• Feature testimonials from users describing how your work has improved their life or work in some way

7. Jonathon Dakarai

Jonathon Dakarai is a product designer and visual architect whose UX portfolio is a true work of art.

And, when you leave the homepage to view Jonathon’s actual work, you won’t be disappointed. In fact, we think Jonathon deserves an award for most impressive UX case study . 

One of the biggest challenges you face when building your UX portfolio is organizing your work into coherent, insightful case studies. You want to include all different aspects of your process, but you don’t want to overwhelm the reader or lose them along the way. 

This is especially true of projects where you’re involved in not just one or two stages, but the entire process from conceptualization to final UI. 

So how can you condense a whole project’s worth of work into a single case study?

Take Jonathon’s believr case study for inspiration. 

Over the course of a 3-week design sprint, Jonathon was tasked with designing a dating app for LGBTQ+ Christians looking to connect with friends or dates. 

Jonathon’s portfolio pretty much ticks all the “good UX case study” boxes. Jonathon provides relevant context, defines the challenge, explains their role, and even outlines key constraints of the project. 

After extensive scene-setting, Jonathon documents the process they followed to reach the final solution—from survey design and user interviews, all the way through to storyboarding, prototyping and usability testing.

Jonathon’s believr case study is extremely long, but they’ve designed it like a true UXer. Right at the top of the case study, you’ll find a clickable table of contents, allowing you to jump to the sections you’re most interested in.

And, in amongst the sea of information, you’ll find these eye-catching pink boxes highlighting key design insights:

Jonathon has gone above and beyond to build the most comprehensive, insightful, easy-to-navigate UX case study we think we’ve ever seen. 

Key takeaway from Jonathon’s UX portfolio examples:

Not all UX case studies need to be as long as this one. But, if you are struggling to condense everything down, try Jonathon’s approach instead. Focus not on cutting information out, but on presenting it in the most logical, user-friendly way possible. 

Here are some tips:

• Include a clickable menu right at the top of your case study, allowing the user to jump to specific sections without scrolling
• Order your case study logically, mirroring the way you approached the design task itself
• Break it up with highlight boxes and key takeaways for each section

8. Elizé Todd

Eliz é Todd is a UX designer, speaker and influencer based in LA. 

Eliz é is pretty well-known in the industry, and her portfolio is a great example of how your website can be used to showcase your skills and expertise beyond the UX process itself .

In addition to the customary case studies, Eliz é’s portfolio also features events and workshops , educational content from her YouTube channel, and a blog full of tips and advice for early-career UX designers. 

As she’s progressed in her career and grown her following, Eliz é has adapted her portfolio website to stay in keeping with her personal brand. As such, her portfolio focuses on what she can offer as a teacher and mentor in the field. 

That’s what’s displayed most prominently on her homepage.

Elizé uses her portfolio not just to showcase her work, but as an all-encompassing marketing tool. It conveys her personal brand and reflects who she is —and the value she brings to the design industry. 

Key takeaway from Elizé’s UX portfolio examples:

Your portfolio can showcase much more than just your knowledge of the UX process. Take inspiration from Eliz é and treat your portfolio as a branding and marketing tool. In addition to your UX case studies, here are some ways to highlight your expertise: 

• Include a blog section where you write about your experiences as a UX designer, or share tips and advice
• Showcase any achievements you’re especially proud of —whether it’s hosting an online UX meetup or winning an award
• Share any other design-related work or passion projects, such as illustrations, animations, or coding work

9. Anca Dobrea

Anca Dobrea is a UX designer based in Dublin, Ireland. She’s a newcomer to the field, and her portfolio is proof that you don’t need a ton of experience to create a professional, attention-worthy UX portfolio .

Anca used to work in digital marketing. After completing her UX certification with the UX Design Institute in 2020, she landed her first job as a UX designer. 

She’s not been in UX for long, but her portfolio has every base covered: A meaningful “About Me” page, and 3 well-structured case studies to showcase her UX skills.

And, when you dig deeper into Anca’s case studies, you’ll find that she’s an extremely creative designer who never let her lack of on-the-job experience hold her back. 

In her Plan Shop Cook case study , Anca demonstrates how she applied her UX skills to a real user problem she was facing. As a user of the Joe Wicks Body Coach programme, she discovered its one major flaw: that it comes in the form of a PDF.

Anca notes how “It took me over four hours every week to plan and shop the recipes. An app urgently needed to happen”.

From there, Anca embarked on a full-blown UX project, using the Joe Wicks Facebook group to conduct user research via Zoom.

And, as all good designers do, she documented her process and her learnings for her UX portfolio.

Anca’s portfolio demonstrates exactly what hiring managers want to see: that she’s a solution-driven designer focused on solving real user problems. That’s what stands out above all else—not her newcomer status.

Key takeaway from Anca’s UX portfolio examples:

You don’t need on-the-job experience to create a professional UX portfolio. Apply your UX skills to real user problems and turn them into case studies, just like Anca did. Here are some tips for creating your first portfolio without any experience:

• Volunteer your UX skills to a non-profit organisation or local charity
• Design to solve a problem that you personally encounter
• Always follow the same process you would apply if you were hired by a client, and document it as though it’s a real project (it is!)

Feeling inspired? Learn more about what to include in your UX portfolio here , or get started with our step-by-step guide on how to build your UX portfolio from scratch .

• UX Portfolios

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

How & where to find UX design volunteer opportunities

5 tips for starting your career in UX design

7 myths about starting a career in 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.

4 June 2024

Athos — Portfolio website

Goran Babarogic

Discover Athos, a clean and elegant Framer-built template tailored for UX designers. Boost your portfolio with its structured case study layout and captivating animations.

Use for Free

Introducing Athos, an exquisite Framer-built template meticulously crafted for discerning UX designers. Elevate your portfolio's allure with its refined case study structure, seamlessly highlighting your design journey. Athos' sophisticated animations effortlessly captivate attention, breathing life into your projects. Immerse your audience in a seamless user experience that mirrors your design prowess. Unveil a world where aesthetics and functionality converge harmoniously. With Athos, transcend conventional boundaries and make your mark in the realm of UX design. Your portfolio deserves nothing less than the distinction and elegance that Athos delivers.

Breakpoints

Scroll effects, text styles, content management system (cms).

Free, Blog, Personal, Portfolio, Free

Contact Goran Babarogic

How templates work

Get help from the community

Report this template

Update my template

Published July 18, 2023

Featured templates

All featured templates

Jules Journey

Designed By Paul

Rocketsales

Andrea Montini

Ucas Templates

TrinityFinancial

HAYSolutions

NolanMitchell

growthstreetmedia

Ludovic Losco

10 Awesome Product Design Portfolios To Learn From

Are you seeking inspiration for your product design portfolio? Here are 10 great examples to show you how it can be done.

Every product designer needs a solid portfolio. Whether you’re a newbie, a senior, or an award-winning design leader; your product design portfolio showcases your best work, demonstrates your skills, and forms the basis of your personal brand. 

And, while every product design portfolio is unique, there are certain best practices that are non-negotiable—ensuring that your portfolio is user-friendly, and using each project case study to demonstrate your process. 

To help you in your quest, we’ve rounded up 10 of the best product design portfolios from around the web (and what you can learn from them). A good option for getting guidance in creating and developing your portfolio is to take a product design program  or course. We offer  a top-rated one here at CareerFoundry.

Table of contents

• The 10 best product design portfolios out there

Product design portfolio best practices

• Key takeaways

Product design portfolio FAQ

Ready to be inspired? Let’s go! 

The 10 best product design portfolios out there 

1. florian bölter: the power of single-page design.

Florian Bölter is a product designer on a mission to craft human-centered consumer-facing products. 

Florian studied literature at university and began his career in publishing. But, after completing the CareerFoundry UI design program, he switched to product design (you can read Florian’s full career-change story here ). Nowadays, he’s working as a senior product designer for an AI platform.

Why we love Florian Bölter’s product design portfolio

Florian’s product design portfolio is a single-page masterpiece. It’s clean, it’s simple, and it’s incredibly straightforward to navigate—like any good digital product should be.

He leads with a clear headline, stating who he is and what he does, followed by clickable project case studies—each of which is logically structured, walking you through his process from start to finish. 

The takeaway

Less is often more. A simple, one-page portfolio can be just as impactful as an elaborate, fancy design. Prioritize the most important content, keep your portfolio clean and clutter-free, and make sure it’s easy to navigate. 

View Florian’s product design portfolio

2. Roxy Zhang: the importance of storytelling

Roxy Zhang is a business-focused product designer with a passion for qualitative research and photography. She strives to create solutions that make a positive impact on society, and you’ll see that reflected in her portfolio case studies.

What we love about Roxy Zhang’s product design portfolio

Roxy’s product design portfolio provides a masterclass in storytelling. She starts each project case study with “The Story”, framing it as an adventure that she invites you to join her on. In her Lovepath case study , for example, Roxy sets the scene by asking “Is love only preserved for those with deep pockets?” then says “Join me on a journey to challenge conventional thinking, inspire change, and revolutionize the way we think about love and money!” 

She then sets out the problems, the solutions she came up with, and how she got there—with delightful illustrations presented in comic strip-style along the way. You can even watch an animated video of how the Lovepath app came to be! 

Storytelling is an extremely powerful tool when building your product design portfolio. With each case study, you want to tell a logical story from start to finish. Hook the reader and set the scene with a strong introduction, then take them through each step in your process—with visual artifacts along the way. 

View Roxy Zhang’s product design portfolio

3. Miti Kotak: thoughtful learnings and reflections

Miti Kotak is a product designer based in Berlin, Germany, who loves untangling complex problems with ‘practical and testable solutions that are desirable, feasible, and viable for both the business and its users.’ 

Why we love Miti Kotak’s product design portfolio

Miti’s portfolio does a great job of showcasing how they approach design challenges. Each case study tells a cohesive story, detailing the project brief, Miti’s role on the project, the discovery phase, and solutions found. We especially love the “What I have learned” section at the end of each case study, detailing Miti’s reflections and observations. 

Conclude your portfolio case studies with key learnings, takeaways, or reflections. You can also include a summary of what went well and what you would do differently next time. This shows employers that you’re reflective and always looking to learn and improve. It’s also a great opportunity to demonstrate your problem-solving skills. 

View Miti’s product design portfolio

4. Alexander Davis-Grimes: owning your career-change story

Alexander Davis-Grimes describes himself as a UX/UI designer and aspiring design technologist who wants to stay ahead of the curve, learn something new every day, and create smart, memorable, and intuitive designs with just a splash of ‘extraness!’

Like many product designers, Alexander started out in an unrelated field. Now, after studying with CareerFoundry to master UX and UI design, he’s working as a product designer at LinkedIn. 

Why we love Alexander Davis-Grimes’ product design portfolio

Alexander is a career-changer, and he’s not trying to hide that in his portfolio. Quite the opposite, in fact. In his ‘About me’ section, he shares an open and honest account of his experience breaking into the field as a newcomer. 

“ I’ve always taken a creative approach to problem-solving, so one day I figured, why not do the same for my career? My journey transitioning into design has not been an easy feat, but every second has been more invigorating than the next, and I wouldn’t trade this experience for the world!”

In doing so, Alexander markets himself as a committed learner and a passionate problem-solver—important qualities for a product designer.

If you’re a newcomer to the field, don’t be afraid to own that in your product design portfolio. Share your career-change story in your ‘About me’ section. Explain why you decided to switch to product design and emphasize the qualities that make you a great fit for this path—such as curiosity, a desire to learn, or a natural gift for empathy. 

View Alexander Davis-Grimes’ product design portfolio

5. Cristie Huang: You can turn anything into a compelling case study

Cristie Huang is a San Francisco-based product designer with a Bachelor’s degree in Information Science. She’s got some impressive product design internships to her name, and she’s the co-founder and Head of Design for a startup called Cumulus—an edtech platform that seeks to empower underrepresented groups in high school to explore opportunities in tech. 

Why we love Cristie Huang’s product design portfolio

Besides the super-clean design and cool homepage illustration, what we really love about Cristie’s product design portfolio is the case studies. 

Cristie’s case studies aren’t all based on run-of-the-mill projects. She’s got a case study for a hackathon she took part in (which led to the idea for Cumulus, her edtech platform startup) and one for her product design internship at a company called Grabbd. 

These do an excellent job of showcasing her product design skills—and show the importance of being creative with your portfolio, especially if you don’t have a ton of product design experience just yet.

Cristie teaches an important lesson about building an effective portfolio: you can turn pretty much anything into a compelling case study. Even if you haven’t got many (or any) real-world projects for your portfolio, you can still showcase your design skills. 

Think about scenarios where you’ve applied problem-solving or implemented a particular step in the product design process (like research or ideation). Turn that into a case study and show hiring managers what you’re capable of.

View Cristie Huang’s product design portfolio

6. Rachael Grocott: Beautiful UI design makes a lasting impression

Rachael Grocott is a seasoned product designer with over eight years’ experience in the industry. Besides designing awesome digital products, Rachael runs Triangirls , a community for women and non-binary people in tech. 

Rachael is also a talented illustrator, an established public speaker, and an accomplished coach and mentor. She’s an all-round design pro, and she’s got the portfolio to prove it.

Why we love Rachael Grocott’s product design portfolio

Rachael’s product design portfolio is one of the most visually compelling portfolios we’ve come across. It’s colorful and playful, bold yet harmonious, and entirely unique. Just look at that googly eyes animation on the home page! The overall aesthetic is incredibly powerful, and it speaks volumes about Rachael’s talent as a product designer. 

Looks aren’t everything, but beautiful UI design will help your portfolio stand out. If you’re a product designer in the digital space, use your portfolio website as an opportunity to showcase your visual design skills. Whether it’s a quirky animation, custom typography, or a bold color scheme—don’t be afraid to make an impression. 

View Rachael Grocott’s product design portfolio

7. Mide Ajayi: The art of carving out a strong niche

Mide Ajayi is an XR and digital product designer with additional expertise in 3D design. 

XR stands for Extended Reality —an umbrella term for the different types of technology that alter our perception or experience of the physical world. Augmented Reality (AR), Virtual Reality (VR), and Mixed Reality (MR) all come under XR. 

All that to say: Mide Ajayi is a product designer who’s right at the cutting edge! 

What we love about Mide Ajayi’s product design portfolio

Through his product design portfolio, Mide has carved out a clear niche for himself. Although his skill set is broad—spanning UX and UI design, product design, 3D modeling, and even cloth simulation—his portfolio focuses on his work in the fintech space. 

As you browse through his case studies, including an immersive AR app for NFT owners and various mobile products within the blockchain industry, you immediately get the sense that Mide is your go-to product designer for anything fintech-related. That’s powerful personal branding!

Use your product design portfolio to build your personal brand and market yourself according to your specialist expertise or areas of interest. If you see yourself as a healthcare product designer, for example, focus your portfolio on healthcare-related case studies. This is how you’ll attract relevant opportunities and carve out a strong niche. 

View Mide Ajayi’s product design portfolio

8. Laura Block: Communicating the value of your work

Laura Block is a freelance product designer based in London. Her work spans user research , UX and UI design, user testing, and content design, applied to projects across fintech, edtech, hospitality, and digital transformation.

What we love about Laura Block’s product design portfolio

Laura’s product design portfolio is beautifully simplistic and clean with tons of white space—but that’s not why it’s on our list. What really stands out on Laura’s portfolio is how she clearly communicates the value of her work. 

Each case study includes a section titled “How did I have an impact?” where Laura summarizes the value she delivered to the end user and the business. In her Kitt Offices case study , for example, she explains how the platform redesign resulted in a 400% increase in location updates and a 50% increase in external broker enquiries. Impressive!

Don’t just showcase what you did and how you did it; explain why it mattered and the impact it had. Where possible, translate your design work into measurable value—such as a percentage increase in conversions or a reduced bounce rate. If you don’t have numbers to hand, talk about the qualitative value of your work or provide anecdotal evidence from users and stakeholders. 

View Laura Block’s product design portfolio

9. Zoë Sinner: Testimonials for the win!

Zoë Sinner is a senior product designer with a focus on interaction design, product strategy, and visual design. At the time of writing, she’s a Lead Product Designer at Hinge Health, a digital clinic for joint and muscle care. Previously, she worked at Meta. 

What we love about Zoë Sinner’s product design portfolio

Many of Zoë’s portfolio case studies are password protected, so not just anyone can view her work. This is usually the case if you’ve signed an NDA with a client, or if the project involves sensitive information that the company doesn’t want public. 

We still get a feel for what a capable product designer she is, though, thanks to some brilliant testimonials on the homepage. Scroll down to the “Kind words” section and you’ll read how Zoë is a ‘force multiplier’ who makes ‘whole teams better’, ‘a catalyst of creativity’, and the go-to person for wrangling solutions and getting multiple stakeholders aligned. 

These testimonials are especially powerful because they emphasize the value that Zoë brings not only as a designer, but as a collaborator—and that can be hard to demonstrate through case studies alone. 

If possible, enhance your product design portfolio with testimonials. These can be from clients, colleagues, managers, or fellow students if you’ve completed a product design course —anyone who’s worked with you and can speak to your strengths as a product designer. 

When gathering testimonials, encourage your testimonial-givers to focus not only on what you do, but how you do it. What are you like to work with? What unique value do you bring to the team? What’s special about your approach to problem-solving and product design? This will give future clients and employers great insight into what it’s like to have you on their team—and makes a compelling case as to why they should work with you. 

View Zoë Sinner’s product design portfolio

10. Karim Rashid: Showcasing the breadth and diversity of your skillset

Karim Rashid is an industrial designer renowned for designing luxury goods, furniture, lighting, and product packaging. He’s won over 300 awards for his work—so you can imagine how impressive his product design portfolio is. 

What we love about Karim Rashid’s product design portfolio

Karim’s portfolio makes a bold statement. With custom typography, a bright color palette, and impressive visuals galore, it’s a design masterpiece in itself. 

But, beneath the fancy aesthetic, what really stands out is the sheer diversity of his work. Karim’s product design portfolio spans interiors, furniture, lighting, packaging, and consumer goods. In the ‘product’ category alone, you’ll find everything from towels, mugs, and pressure cookers to luggage, hairdryers, and refrigerators—all designed by Karim. 

Karim’s portfolio reminds us that product design is an incredibly diverse field. It’s not just limited to websites and apps; it encompasses any and all products that can be used, experienced, or interacted with in some way.

You may not have 300 design awards like Karim, but there’s still plenty of inspiration you can take from his portfolio. If, like Karim, you’re showcasing many different types of work or multiple aspects of your skill set, be sure to divide them up into clearly labeled categories. This makes it easier for employers to navigate your portfolio and zoom in on the areas they’re most interested in. 

View Karim Rashid’s product design portfolio

We’ve just explored some of the best product design portfolios out there. And, while they’re all unique, they’ve got lots in common, too. That’s because they’ve been created with certain best practices in mind. 

So what do all the best product design portfolios teach us? What best practices should you follow when creating your own portfolio? Let’s round them up.

1. Ensure that your product design portfolio is usable and user-friendly 

Like any other product you create, your product design portfolio must be usable and user-friendly. Anyone who lands on your website should be able to easily find what they’re looking for and navigate from one case study to the next. Ultimately, you want to provide a positive user experience—otherwise, you’re not sending a great message about your skills as a product designer. 

2. Make an impression with strong visual design 

You’re a product designer (or aspiring to be one), so you know that UX and UI design go hand-in-hand . Once you’ve got the layout and structure in place, polish up your portfolio with some first-class visual design.

All of the product design portfolios on our list have their own unique aesthetic—from Florian Bölter’s single-page simplicity to Karim Rashid’s bold and bright design. As you design the layout, colors, typography, and imagery for your portfolio, think about the impression you want to make and the personal brand you’re trying to build. 

3. Curate your best work 

Your product design portfolio is like a highlights reel of your very best work, so think carefully about the projects you’ll include. If you’re trying to carve out a particular niche, include projects that are relevant in that space. If you want to position yourself as a versatile product designer, showcase a variety of projects you’ve worked on. Your product design portfolio is a marketing tool, so curate it with your goals and your target audience in mind. 

4. Showcase your process and tell a logical story

Your product design portfolio is made up of project cases studies that demonstrate how you work. What’s the first step you take when presented with a design challenge? How do you arrive at effective solutions? What do you do if things don’t go to plan? 

Write each case study like a story with a clear beginning, middle, and end. Share the different techniques you used at each stage of the process, and include visuals to support the narrative—such as personas, wireframes, or even photos of you in action!  

And remember: the process is just as important as the final solution. Don’t just present the end result; show us how you got there. 

5. Talk about the impact of your work

Product design is all about solving end-user problems and driving business value. When you write up your portfolio case studies, it’s important to circle back to this and talk about the impact of your work. Where possible, speak in quantifiable terms and tie your work to key business objectives (such as increasing subscriber numbers or reducing bounce rates). If not, talk about the qualitative value of your work based on what you’ve heard from users, customers, or internal stakeholders. 

Key takeaways 

Your product design portfolio is an extension of your personal brand. It should clearly communicate who you are, what you do, and the skills, expertise, and value you can offer to prospective employers or clients.

It should be usable and user-friendly, visually appealing, and feature the projects you’re most proud of. For each project, be sure to tell a logical story that demonstrates your process—and translate what you did into measurable value. 

With a professional portfolio to hand, you’ll be ready to impress hiring managers, win freelance clients, and establish yourself as an accomplished product designer. 

Want to learn more about making it big in the world of product design? Check out these guides:

• How To Become a Product Designer (Step-by-Step)
• The Top Product Designer Skills You’ll Need To Get Hired
• The Best Product Design Bootcamps for Budding Designers

What is a product design portfolio?

A product design portfolio is a dedicated website featuring a curation of projects you’ve worked on. It demonstrates your product design skills in action, showing employers and clients how you work, the process you follow, and what you’re capable of as a product designer. Your product design portfolio is an essential pillar of your personal and professional brand. 

What should a product design portfolio include?

A product design portfolio should include an ‘About’ page or section, contact details, and case studies. Each case study showcases a project you’ve worked on, outlining your role on the project, the problem you set out to solve, the process you followed, and the solution(s) you created. A product design portfolio can also include testimonials. 

How many projects should be in a product design portfolio?

When building your product design portfolio, aim to include at least 3 projects. This allows you to demonstrate the breadth of your skills and show employers how you tackle different challenges. As you gain more experience, you’ll have more projects to include in your portfolio. If you’re featuring more than 8 projects, consider dividing them into clearly-labeled categories.

Man or bear? Hypothetical question sparks conversation about women's safety

Women explain why they would feel safer encountering a bear in the forest than a man they didn't know. the hypothetical has sparked a broader discussion about why women fear men..

If you were alone in the woods, would you rather encounter a bear or a man? Answers to that hypothetical question have sparked a debate about why the vast majority say they would feel more comfortable choosing a bear.

The topic has been hotly discussed for weeks as men and women chimed in with their thoughts all over social media.

Screenshot HQ , a TikTok account, started the conversation, asking a group of women whether they would rather run into a man they didn't know or a bear in the forest. Out of the seven women interviewed for the piece, only one picked a man.

"Bear. Man is scary," one of the women responds.

A number of women echoed the responses given in the original video, writing in the comments that they, too, would pick a bear over a man. The hypothetical has people split, with some expressing their sadness over the state of the world and others cracking jokes. Some men were flabbergasted.

Here's what we know.

A bear is the safer choice, no doubt about it, many say

There were a lot of responses, more than 65,000, under the original post. Many wrote that they understood why the women would choose a bear.

"No one’s gonna ask me if I led the bear on or give me a pamphlet on bear attack prevention tips," @celestiallystunning wrote.

@Brennduhh wrote: "When I die leave my body in the woods, the wolves will be gentler than any man."

"I know a bear's intentions," another woman wrote. "I don't know a man's intentions. no matter how nice they are."

Other TikTok users took it one step further, posing the hypothetical question to loved ones. Meredith Steele, who goes by @babiesofsteele , asked her husband last week whether he would rather have their daughter encounter a bear or a man in the woods. Her husband said he "didn't like either option" but said he was leaning toward the bear.

"Maybe it's a friendly bear," he says.

Diana, another TikTok user , asked her sister-in-law what she would choose and was left speechless.

"I asked her the question, you know, just for giggles. She was like, 'You know, I would rather it be a bear because if the bear attacks me, and I make it out of the woods, everybody’s gonna believe me and have sympathy for me," she said. "But if a man attacks me and I make it out, I’m gonna spend my whole life trying to get people to believe me and have sympathy for me.'"

Bear vs. man debate stirs the pot, woman and some men at odds

The hypothetical has caused some tension, with some women arguing that men will never truly understand what it's like to be a woman or the inherent dangers at play.

Social media users answered this question for themselves, producing memes, spoken word poetry and skits in the days and weeks since.

So, what would you choose?

Manage consent

Details cookies, important margin product information.

CFDs are complex instruments and come with a high risk of losing money rapidly due to leverage. 65% of retail investor accounts lose money when trading CFDs with this provider. You should consider whether you understand how CFDs, FX or any of our other products work and whether you can afford to take the high risk of losing your money.

Cookie policy

Our websites use cookies to offer you a better browsing experience by enabling, optimising, and analysing site operations, as well as to provide personalised ad content and allow you to connect to social media. By choosing “Accept all” you consent to the use of cookies and the related processing of personal data. Select “Manage consent” to manage your consent preferences. You can change your preferences or retract your consent at any time via the cookie policy page. Please view our cookie policy and our privacy policy .

Case Study: Enhancing portfolio performance with long-term options

Koen Hoorelbeke

Options Strategist

Summary:  This case study explores how using long-term options instead of direct stock purchases can enhance investment efficiency. It features a fictitious investor, Sarah, who utilizes a two-year call option on Apple Inc. to control more shares with less capital. This approach offers reduced capital outlay, enhanced potential returns, and flexibility in managing investments, demonstrating a strategic advantage for traditional investors.

Introduction :

Investing in stocks through traditional buy-and-hold strategies is a proven path to wealth accumulation. However, savvy investors are continually exploring more efficient methods to maximize their returns and manage risks. Long-term options offer a strategic advantage by providing the potential for high returns with less capital compared to direct stock purchases. In this case study, we will explore how long-term options can be utilized to optimize investment returns through the experience of a fictitious investor, Sarah, who is looking to refine her investment strategy.

Background:

Meet Sarah , a seasoned buy-and-hold investor with a diversified portfolio. Her strategy traditionally involves purchasing blue-chip stocks and holding them for long periods, relying on their stable dividends and steady appreciation. However, Sarah is eager to optimize her investment strategy to enhance her returns and manage her capital more efficiently.

Sarah wants to maintain exposure to her favorite stock, Apple Inc., which she believes has strong long-term growth potential. However, she is also keen on preserving capital for other investment opportunities that might arise. Buying additional Apple shares outright would require a significant capital outlay.

Solution: Using long-term options:

Instead of purchasing additional shares of Apple directly, Sarah decides to invest in long-term options. She chooses a call option with a strike price close to the current market price but expiring in two years. This option gives her control over a much larger amount of stock than she could afford to buy outright.

Financial comparison:

• Cost: Apple is trading at $150 per share.
• Sarah considers buying 100 shares, requiring a capital outlay of $15,000.
• Cost: A two-year call option with a $150 strike price costs $3 per share (option premium).
• Sarah buys 10 contracts (each contract representing 100 shares), controlling 1,000 shares.
• Total cost: $3,000 (10 contracts x 100 shares x $3 premium).
• Sarah spends only $3,000 to control 1,000 shares, compared to $15,000 to own 100 shares outright, freeing up $12,000 for other investments.
• If Apple stock rises to $200 over the next two years, the value of her options would significantly increase. Her options could potentially be worth $50 per share (the difference between the market price and the strike price), equating to a total of $50,000 (1,000 shares x $50), minus the initial $3,000 premium paid.
• If Apple's stock price falls, Sarah's maximum risk is the $3,000 premium paid, compared to a potentially larger loss had she purchased the stock outright.
• Sarah retains the flexibility to exercise her options to acquire the shares if beneficial or to sell the options as they appreciate in value. She can also let them expire if the stock underperforms, minimizing her losses.

Conclusion:

By integrating long-term options into her buy-and-hold strategy, Sarah efficiently leverages her capital, enhances her potential returns, and retains flexibility in her investment approach. This case study exemplifies how long-term options can be a powerful tool for traditional investors looking to maximize their financial strategies without compromising their long-term investment goals.

Latest Market Insights

Global Market Quick Take: Asia – May 10, 2024

Global Market Quick Take - May 10, 2024

Global Market Quick Take: Asia – May 9, 2024

Fund selling exacerbates softening crude outlook

Technical Update - SP500 and Nasdaq 100 struggling to confirm uptrends. See here why

Special episode: How either US presidency may affect the financial markets

Bank of England preview: Rate cuts in mind, but patience required.

Grains see bumpy start to 2024 crop year

Quarterly Outlook 2024 Q2

2024: The wasted year

Macro: It’s all about elections and keeping status quo

Markets are driven by election optimism, overshadowing growing debt and liquidity concerns. The 2024 elections loom large, but economic fundamentals and debt issues warrant cautious investment.

FX: The rate cut race shifts into high gear

As US economic slowdown hints at a shift away from exceptionalism, USD faces downside with looming Fed cuts. AUD and NZD set to outperform as their rate cuts lag. JPY gains on carry unwind bets and BOJ pivot.

Equities: The AI and obesity rally is defying gravity

Amid AI and obesity drug excitement, equities see varied prospects: neutral on overvalued US stocks, negative on Japan due to JPY risks, positive on Europe. European defence stocks gain appeal.

Fixed income: Keep calm, seize the moment

With the economic slowdown, quality assets will gain favour, especially sovereign bonds up to 5 years. Central banks' potential rate cuts in Q2 suggest extending duration, despite policy and inflation concerns.

Commodities: Is the correction over?

Commodities poised for rebound. The "Year of the Metal" boosts gold and silver, copper awaits rate cuts. Grains may recover, natural gas stabilises. Gold targets $2,300-$2,500/oz, copper's breakout could signal growth.

You can access both of our platforms from a single Saxo account. Preview platform Open Account

Disclaimer The Saxo Bank Group entities each provide execution-only service and access to Analysis permitting a person to view and/or use content available on or via the website. This content is not intended to and does not change or expand on the execution-only service. Such access and use are at all times subject to (i) The Terms of Use; (ii) Full Disclaimer; (iii) The Risk Warning; (iv) the Rules of Engagement and (v) Notices applying to Saxo News & Research and/or its content in addition (where relevant) to the terms governing the use of hyperlinks on the website of a member of the Saxo Bank Group by which access to Saxo News & Research is gained. Such content is therefore provided as no more than information. In particular no advice is intended to be provided or to be relied on as provided nor endorsed by any Saxo Bank Group entity; nor is it to be construed as solicitation or an incentive provided to subscribe for or sell or purchase any financial instrument. All trading or investments you make must be pursuant to your own unprompted and informed self-directed decision. As such no Saxo Bank Group entity will have or be liable for any losses that you may sustain as a result of any investment decision made in reliance on information which is available on Saxo News & Research or as a result of the use of the Saxo News & Research. Orders given and trades effected are deemed intended to be given or effected for the account of the customer with the Saxo Bank Group entity operating in the jurisdiction in which the customer resides and/or with whom the customer opened and maintains his/her trading account. Saxo News & Research does not contain (and should not be construed as containing) financial, investment, tax or trading advice or advice of any sort offered, recommended or endorsed by Saxo Bank Group and should not be construed as a record of our trading prices, or as an offer, incentive or solicitation for the subscription, sale or purchase in any financial instrument. To the extent that any content is construed as investment research, you must note and accept that the content was not intended to and has not been prepared in accordance with legal requirements designed to promote the independence of investment research and as such, would be considered as a marketing communication under relevant laws.

Please read our disclaimers: Notification on Non-Independent Investment Research (https://www.home.saxo/legal/niird/notification) Full disclaimer (https://www.home.saxo/legal/disclaimer/saxo-disclaimer) Full disclaimer  (https://www.home.saxo/legal/saxoselect-disclaimer/disclaimer)

Your browser cannot display this website correctly.

Our website is optimised to be browsed by a system running iOS 9.X and on desktop IE 10 or newer. If you are using an older system or browser, the website may look strange. To improve your experience on our site, please update your browser or system.

Thank you for visiting nature.com. You are using a browser version with limited support for CSS. To obtain the best experience, we recommend you use a more up to date browser (or turn off compatibility mode in Internet Explorer). In the meantime, to ensure continued support, we are displaying the site without styles and JavaScript.

• View all journals
• Explore content
• About the journal
• Publish with us
• Sign up for alerts
• BOOK REVIEW
• 06 May 2024

How rich is too rich?

• Lucas Chancel 0

Lucas Chancel is a visiting associate professor and Stone Visiting Scholar at Harvard University in Cambridge, Massachusetts. He is an associate professor of economics at Sciences Po in Paris and co-director of the World Inequality Lab at the Paris School of Economics.

You can also search for this author in PubMed   Google Scholar

In Rio de Janeiro, Brazil, residents in unplanned settlements live just blocks away from wealthy suburbs. Credit: Viviane Moos/Corbis/Getty

You have full access to this article via your institution.

Limitarianism: The Case Against Extreme Wealth Ingrid Robeyns Allen Lane (2024)

As radical as they might seem, calls for limits on wealth are as old as civilization itself. The Hebrew Bible and Torah recognized years during which debts should be cancelled, slaves set free and property redistributed from rich to poor. In classical Greece, Aristotle praised cities that kept wealth inequality in check to enhance political stability. And in 1942, then-US president Franklin D. Roosevelt argued that annual incomes should be capped at the current equivalent of US$480,000.

In Limitarianism , Dutch and Belgian economist and philosopher Ingrid Robeyns argues that it’s time for twenty-first-century governments to do the same. She explores what setting limits on wealth ownership might mean, and why our societies should want to do so. It is a fresh take on a much-needed discussion at a time when, for example, the richest 1% of the US population owns about as much wealth as the bottom 90%.

Why the world cannot afford the rich

Robeyns, who has studied how people perceive wealth, opens with a provocative proposal — governments should set a wealth limit on the order of 10 million euros or US dollars per person. This figure, more of a guideline than a strict cut-off, “strikes a balance between what different moral and political considerations tell us is the maximum level” of wealth one should own, she explains.

Why cap wealth at €10 million? The author’s research across Europe suggests that this level, or an even lower “riches line”, would be broadly accepted by the population. Among a representative sample of Dutch people, for example, Robeyns and her team found that nine out of ten respondents agreed that having wealth exceeding €4 million for a family of four — in terms of ownership of certain assets, such as a mansion, a second home, luxury vehicles and a specific amount of savings — qualifies as being super-rich. In low-income countries, that threshold could be much lower .

Robeyns points out that extreme wealth “is often tied to immoral and criminal practices”. As evidence, she notes the massive use of tax evasion among ultra-wealthy people and their firms. Whether legal or not, she labels these practices as unethical. Going further, she reminds us that current wealth inequalities have some roots in historical practices such as slavery or military conquests — as scholars of global history have revealed, for example in Sven Beckert’s 2014 book Empire of Cotton .

To bolster her case and persuade detractors, Robeyns argues that limiting wealth accumulation would make societies better overall. Indeed, although individuals might disagree on whether market outcomes are fair, many would agree on the value of social-welfare objectives, such as having a healthy democratic system or offering equal opportunities for all.

Disproportionate power

As a growing literature in economics has shown, more wealth at the very top has often meant fewer resources to lift people at the bottom, contrary to the mantra of trickle-down economics. But wealth concentration isn’t just an issue that affects poor people, Robeyns argues — it is an issue for everyone. The discussion that follows is reminiscent of, and expands, the debate sparked by Richard Wilkinson and Kate Pickett’s 2009 book The Spirit Level .

Houses built over ravines in a low-income area near wealthy housing developments in Mexico City. Credit: Omar Torres/AFP/Getty

Over the past two decades, as Robeyns sets out, scholars have increasingly documented how democracy can be undermined by the disproportionate political power of media tycoons, rich founders of philanthropic organizations and large political-party donors. Extreme wealth concentration limits governments’ abilities to invest in public goods, such as education, health care and climate-change mitigation. And meritocratic promises are endangered when extreme wealth inequality is transmitted from one generation to the next.

Robeyns discusses policies that would constitute the essence of a limitarian policy platform, acknowledging that there is no one‑size-fits-all solution. Her proposals build on the work of Anthony Atkinson’s book Inequality (2015), Thomas Piketty’s A Brief History of Equality (2021) and Isabelle Ferreras and colleagues’ Democratize Work (2022). These include giving workers more rights over firms’ strategic decision-making and restoring governments’ fiscal agency by changing tax rules to limit the possibilities for tax evasion.

To build a better world, stop chasing economic growth

Introducing steep taxes on inheritance should also be high on the limitarian agenda. Robeyns suggests a limit of €200,000 on the total amount that can be inherited by an individual throughout their lifetime. The funds collected would be redistributed by the state to younger citizens so that everyone would “start their adult life without worrying unduly about how they will get by”.

Looming over all these discussions is the ecological crisis and what limitarianism means on a planet with finite resources. In a dedicated chapter, the author ponders: “There is so much good that money above the riches line could do, if only it were used for addressing collective problems,” such as climate change. Here, Robeyns argues that it would be politically and administratively easier to limit assets than to impose individual quotas to cap the appropriation of ecological resources, such as water or energy. Others might view the policies proposed by the author as equally difficult to introduce. The tough question of how to implement such limits in increasingly polarized and competitive electoral systems remains open.

Limitarianism is a thought-provoking read for all those interested in inequality. The French Declaration of the Rights of Man and of the Citizen , a founding text of political modernity in the eighteenth century, stated in its first article that: “Social distinctions may be based only on considerations of the common good.” As billionaire wealth increasingly defines our era, it is time to engage in public debates about the point at which wealth concentration ceases to serve the common good. A starting place for this discussion is to ask ourselves when enough is enough: is it €10 million, or more, or less? Robeyns’s original book sets out the proposals and logic to do just that.

Nature 629 , 282-283 (2024)

doi: https://doi.org/10.1038/d41586-024-01276-1

Competing Interests

The author declares no competing interests.

Related Articles

• Sustainability

Daniel Kahneman obituary: psychologist who revolutionized the way we think about thinking

Obituary 03 MAY 24

Scientists urged to collect royalties from the ‘magic money tree’

Career Feature 25 APR 24

CERN’s impact goes way beyond tiny particles

Spotlight 17 APR 24

Hunger on campus: why US PhD students are fighting over food

Career Feature 03 MAY 24

US National Academies report outlines barriers and solutions for scientist carers

Career News 02 MAY 24

We need more-nuanced approaches to exploring sex and gender in research

Comment 01 MAY 24

The refinery of the future

Perspective 08 MAY 24

Beware of graphene’s huge and hidden environmental costs

Correspondence 07 MAY 24

Countering extreme wildfires with prescribed burning can be counterproductive

W3-Professorship (with tenure) in Inorganic Chemistry

The Institute of Inorganic Chemistry in the Faculty of Mathematics and Natural Sciences at the University of Bonn invites applications for a W3-Pro...

53113, Zentrum (DE)

Rheinische Friedrich-Wilhelms-Universität

Principal Investigator Positions at the Chinese Institutes for Medical Research, Beijing

Studies of mechanisms of human diseases, drug discovery, biomedical engineering, public health and relevant interdisciplinary fields.

Beijing, China

The Chinese Institutes for Medical Research (CIMR), Beijing

Research Associate - Neural Development Disorders

Houston, Texas (US)

Baylor College of Medicine (BCM)

Staff Scientist - Mitochondria and Surgery

Recruitment of talent positions at shengjing hospital of china medical university.

Call for top experts and scholars in the field of science and technology.

Shenyang, Liaoning, China

Shengjing Hospital of China Medical University

Sign up for the Nature Briefing newsletter — what matters in science, free to your inbox daily.

Quick links

• Explore articles by subject
• Guide to authors
• Editorial policies