How to Make a UX Design Portfolio: Tips and Examples To Help You Stand Out

This comprehensive guide shows exactly what a UX design portfolio is, what you should include, and how you can use it to establish a new career as a UX designe…

Maria Myre
Maria Myre
Sep 27, 2022
Min Read

As a UX designer, your design portfolio is your best marketing tool. It's a visual resume that not only helps you land your first job in the field of UX/UI design, but also grow and uplevel your career trajectory.

Your UX portfolio can be used to demonstrate your UX and UI design skills, work experience, highlights from your various projects, as well as how you understand and apply design thinking throughout your process.

Whether you're sitting down to create your first UX design portfolio with no prior design experience, or are ready to uplevel your career, it's important to make sure that the UX design portfolio you present in interviews is tailored to fit the role you're applying for.

In this article, we'll not only talk about the basics of what a UX portfolio is and why it's important, but also some self-editing tips that will help your portfolio website stand out from the crowd and showcase your abilities to the highest extent, whether you're already an experienced, seasoned designer, or are just emerging into the field.

What is a UX Design Portfolio?

A UX design portfolio is a collection of design case studies that showcases your skillset and your approach to the design process as a whole.

Typically, most people choose to build their portfolio online, in the form of a website, as an additional layer of demonstration that they understand how to create effective digital interfaces and flows.

The online portfolio is then shared as part of the job interview process, so potential employers can see detailed examples of how you approach various challenges in UX design, problem solving, understanding users, research, storytelling, and perhaps most importantly, your ability to empathize with the user journey.

UX Design Portfolio - Ben Kolde

Why is a UX Design Portfolio Important?

Your portfolio plays a major role in the interview cadence for most UX/UI design positions. It's so important, in fact, that applications can be moved forward or ignored based on a quick glance through the portfolio.

Janelle Academia, a recent graduate of UX Academy, shared her experience of just how important a UX design portfolio website can be:

The CEO of Carry actually let me know that even though I didn't have previous design experience, he was so impressed by the work in my portfolio that he decided to learn more about me.

She was eventually offered the job.

UX Design Portfolio Janelle
UX design work by Janelle Academia

What To Include In A UX Portfolio Website

There are two major components that should be included in any portfolio:

  1. An "About Me" section or page, where you share your own story to highlight the unique skills, personality, and perspectives that you bring to the table.
  2. Design Case Studies, that tell a comprehensive story of your design work, what problem you set out to solve, the process that you went through, as well as the actual designs that you created from wireframe to polished UI.

In addition to these two fundamental components, many UX design portfolios also include:

  • A contact page
  • Links to your LinkedIn, or other design-related profiles you have online
  • An up-to-date, generalized version of your CV


How to Build Your First UX Portfolio

There are two categories of design case studies you can create and put into a portfolio:

  1. Original designs
  2. Redesigns of websites and apps

Original UX Design Work

If you have any experience working as a UX designer, the case studies you put into your portfolio will often showcase the work you've accomplished during your career journey as a paid designer—or pro bono work that you might have taken on for the purpose of adding to your portfolio.

Redesigns of Websites and Apps

If you haven't yet started working as a UX designer, you might reimagine new features or redesigns within an existing app.

In this case, you would conduct your research and design process as if you were truly a designer working on the existing product. As you present the story within your portfolio, you can showcase your research and design methodology, while making it clear that this was a reimagination, rather than a design that was requested by the company itself.

Redesigns can also be helpful to incorporate if you're hoping to move into a certain industry, since your prospective employers will be looking to see if you understand the particular requirements within their niche.

If you want to work on a redesign and make it worthy of a portfolio, you’ll need to work on it as if you were assigned it in a job. You should: 

  • Solve a problem that’s affecting the user experience and hurting the business. 
  • Interview users, perhaps getting your friends and family to test the website or app, asking them questions—and/or read comments about it online.
  • Write out several concepts of how to improve it and explain the pros and cons of each.
  • Mock up your best ideas into designs that look great.

Your portfolio is your very own little corner of the internet and, in our competitive UX/UI design industry, it’s crucial to make the most of this space. In this webinar and interview, Kelly shares her top tips for crafting an effective design portfolio.

11 Tips To Uplevel Your UX Portfolio

If you have several projects to show off—whether your own practice projects or some paid work—you should sit down and go through them all to decide what to put in your UX portfolio. Ask these questions:

  • What parts of the UX design process do I enjoy the most?
  • What makes me different from other UX designers?
  • What types of projects do I appear best at? 
  • Which projects taught me the most? 
  • What projects did I add the most value to?
  • Are there engaging stories behind any of these pieces?

Pick projects based on your answers, as well as the type of job you’re applying to. These answers might even help you decide on the direction you want your career to head in. 

Read more: 10 UX/UI Portfolio Examples To Inspire You

Additionally, here are eleven other elements that you will likely want to incorporate:

1. Include Your Elevator Pitch

The design of your portfolio itself is a prime opportunity for you, as a UX designer, to demonstrate that you know what good UX means.
This is more than just having engaging visuals: it’s about organizing information in a way that accommodates the needs of your portfolio’s users (i.e. potential employers or clients). One of the first key tests of a portfolio is whether someone can look at your site for just 5 seconds and understand what it is that you do.

2. Showcase Your Best Work

Before including a project or case study in your UX design portfolio, ask yourself honestly: what score out of 10 would I give this project? If you’d give it an 8 or below, consider either leaving it out, or doing some more work to polish it up. Sometimes the extra work is purely presentational, and can be done quickly. Other times, you might want to spend more time digging back into the project, for example, to tighten up your screen designs.

It’s always better to show a few excellent projects (aim for 3-6), rather than many case studies of variable quality.

Remember: a hiring manager might come to your site, click a random case study, and form their opinion based on that project alone. For each one, ask yourself: would I be happy for my work to be judged on the basis of this case study alone?

Don’t forget that your portfolio website is only one place to showcase your work. You can also share other projects that don’t make the cut on other platforms. Try Dribbble, Instagram, or your blog to showcase other work that you’d like to have people see, but isn’t necessarily a priority.

3. Demonstrate How You Solve Problems

Everyone loves beautiful visuals and stunning mockups—but hiring managers need to see more than just the end result from a case study. They’re looking for evidence of your abilities to analyze and define a problem, follow a logical process of research and ideation, and develop a solution that is realistic and meets both business and user needs. 

You can demonstrate these skills by including images or videos of your process, and by including a carefully written narrative with each project that explains how the project progressed. This can mean quite a lot of extra effort, but doing so means that potential employers can see your ability to handle projects end-to-end.

4. Your Personal Bio

Hiring managers want to rapidly find out about two things: your work, and your skills background. So make sure that your personal bio is easy to find. It could be on the homepage, or on a clearly-labeled “About me” page that can be accessed from the main navigation. The best personal bios are short and focused—a single brief paragraph is enough. Aim to include something about your skills, your values, and your vision as a designer.

5. Contact Info

Once you’ve successfully piqued the interest of a hiring manager, recruiter, or potential client, they’ll probably want to get in touch. Make this step as easy as possible!

You could have a “contact me” button in the main navigation, a simple contact form, or you could even just include your email address on each page.

6. Other Links to Include

Although a UX designer’s portfolio is still their most important asset, it's a good decision to also include links to your resume, LinkedIn profile, and even social media, if applicable.

Many UX designers use Instagram or Dribbble as an extension of their portfolio, often using the platform to show work-in-progress, notes, sketches, and experiments.

Including links to your LinkedIn profile, and a downloadable PDF resume, can also help to remove barriers that might prevent people from following up or contacting you further down the line.

7. Usability

It’s tempting to make a strong statement through the visual design of your portfolio website pages. There’s nothing wrong with that, but remember that the primary purpose of the portfolio is to present the story behind your case studies and allow people to find the information they need quickly and efficiently.

So, for example, avoid experimental navigation that might frustrate the user in reaching those goals, and don’t create a portfolio design that’s so elaborate that it outshines the work you’re presenting. 

8. How To Include Bonus Projects (If You Have Them)

UX designers are often highly creative people, and the chances are you have a lot more awesome projects going on than the few you are professionally showcasing in your official portfolio. It’s great to include “bonus” projects that help people to connect with your passion and with who you are as a designer. 

This could simply be other self-started UX design projects, or it could be complementary skills like writing, photography, illustration—you name it! The key is for any extra content you include to be something you’re proud of and enthusiastic about. 

If you have training in both print and digital design, but only want to work on websites, don’t highlight your print work.  Avoid including work that misleads a viewer to what type of projects you’d like to work on in the future.

9. Incorporate Visual Design and Brand Style

Whether or not you create a logo or use unique typography for yourself, you should always have a brand and personal style. Your brand is the sum total of the presentational choices you make—so make those choices mindfully, and make them meaningful. Even just setting your name in simple text, rather than creating a monogram, can say something about your approach to design solutions: perhaps you favor simplicity and clarity over decoration. 

Whatever decisions you make here (including fonts, colors, images, and tone of voice), remember that they represent you both as a designer and as a person. You need to be comfortable with the messages your branding conveys, and that those messages are in tune with the work you present.

10. Tell a Story with Your Portfolio Website

If you’re applying to lots of junior positions in big organizations, hiring managers probably have to get through hundreds of applications on a regular basis. Be thoughtful about their needs—and how you can stand out to that person by making their job easier and more delightful.

Show how you are thoughtful as a designer: you can do this by transforming each of your portfolio pieces into a compelling story, rather than just a collection of images. Your portfolio is your best marketing tool. It’s your visual resume. When someone looks at a resume, they typically only glance it over, and the same is true for a portfolio. You only have so much time to convey who you are and what you do, so get specific. 

11. Be Specific About Your Role in Each Project

If the project was part of a collaboration, it’s a huge red flag if other project contributors aren’t mentioned. Clearly describe your role and properly credit and link to other people on the project team.

Key Takeaways

  • Your UX design portfolio website is the #1 tool that you'll use when applying for jobs
  • Make sure to expand on the design process you used for each case study, in addition to the design work itself
  • If you don't have enough on-the-job design work to include in your portfolio, you can write full case studies for redesigns that you've worked on personally or as part of UX coursework
  • Ready to go all-in and learn the skills that will help you make a portfolio that stands out? Our next cohort of UX Academy Foundations is starting soon.

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.

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.