How To Create a UX Design Portfolio: Step-by-Step Guide

When applying for jobs and submitting proposals for projects, having a well-crafted portfolio can help you land more interviews. Potential clients and employers use portfolios to evaluate UX design candidates. As a UX designer, your portfolio should show off your best projects and demonstrate your style and approach to the design process.

Instead of sending each work sample individually, a portfolio has all of your best UX design work in one easily accessible place. All you have to do is send the link. When someone lands on your portfolio, you want them to be impressed by your past work.

This article is a step-by-step guide on how to create a standout UX design portfolio so you can follow along and build your own.

UX design portfolio basics

When applying for jobs, your resume and cover letter explain your skills and past experience. A portfolio validates these skills by showing them in practice through a collection of work samples. Saying you can do something is less powerful than showing you can do it. Many job applications even require a portfolio link for submission.

Your portfolio samples should be UX design projects that you completed for past employers or clients. If you don't have any paid projects yet, you can create mockups. Work samples may include user research, persona development, user journey maps, wireframes, and prototypes of interfaces.

You should explain what the client or employer wanted, outline the steps you took to show your process and approach, and then present the final project.

Create a UX design portfolio

Before you start applying to UX design jobs, either as a full-time employee or freelancer, you'll want to work on your portfolio first. Having an impressive portfolio can help you land more interviews by demonstrating your skills and abilities to clients.

If you want to create a UX design portfolio site, you have a few different options. You can build your own personal website or design it yourself and then hire a web developer on Upwork. You can also use sites like Behance or Dribbble, which have templates and can help you network with other designers and find clients. Upwork freelancers can build a portfolio within their profile.

1. Define goals and audience

Before you start designing your portfolio and choosing your samples, define your career goals and target audience. Think about why you're creating this portfolio. This will help give your portfolio direction.

Tell the story of how you became a UX designer and let your audience get to know you. If you're looking for a full-time job, your portfolio will likely be slightly different from that of someone deciding to become a UX design freelancer.

When applying for full-time jobs, your audience is recruiters, hiring managers, and possibly other designers (future colleagues). You'll want to highlight the soft skills that employers value, like collaboration, problem-solving, leadership, and communication, that show you can work well in a team environment.

This audience will want to see how you approach design projects, your overall process, and how you conduct research. They want to understand what it would be like to work with you and what you'd bring to the team.

As a freelancer, your portfolio should highlight your biggest strengths as a designer while showing your style, specialty, and what makes you unique. Your audience is potential clients. The work samples you select should carefully match the type of projects you want to take on as a freelancer. Many freelance UX designers choose a niche or industry to build their expertise in.

Potential clients want to see that you can take their idea and bring it to life while keeping the user experience in mind. They need to trust your skills and understanding of UX design principles and how you can apply them to their specific audience and use case.

2. Select your best work

Your audience and goals will help you decide which items you want to display in your portfolio. You don't need to include every project you've ever worked on, just the most relevant for the types of jobs you want to get (and the most impressive to the clients you want to work with). Think quality over quantity—most portfolios need fewer than ten items.  

If you're looking for a full-time employee role, you'll want a wide range of samples highlighting your versatility as a UX designer. Freelancers may choose instead to showcase projects that fit their niche and demonstrate specific expertise.

Look over your past projects and think about those that stand out. Ideally, choose portfolio examples that highlight different strengths, like problem-solving and creativity.

3. Structure your portfolio

As a UX Designer, the structure of your portfolio is essential. Potential clients and employers will likely be using your portfolio itself to determine your design skills. Your portfolio is part of your first impression as a UX designer.

You can use other UX Designer portfolios for inspiration and to get an idea of what you want your portfolio to look like.

Sections to include in your portfolio:

• About me. Share your design story and let potential clients or employers get to know you.
• Get in touch. Make sure potential clients or employers have your contact information.
• Social media. Link to your professional social media channels like LinkedIn if you want to promote your personal brand.
• Case studies. Combine text and graphics to walk your audience through the design process and problem-solving for a project.
• Resume. Add your resume or work history section to show your experience.

When organizing your portfolio, think about what you want someone who clicks on your portfolio to see first. Have your most impressive projects front and center.

If you're going to freelance on Upwork, your profile has a section for a portfolio that potential clients will be able to see. As you complete more projects on the platform, you can add them to your portfolio and then link to the specific Upwork project. This is an easy way to show the feedback past clients have given you.

4. Craft compelling case studies

UX design is a visual field; potential clients and employers want to see visual examples of your work. Case studies are a common way to describe and show the process of creating a design. Compelling case studies tell stories starting with the initial problem and task and then taking the audience through the journey to the finished product design.

When building these UX case studies, you want to combine descriptive text with visuals like wireframes, screenshots, and user flow charts that explain your thought process. Take the reader step by step through your design, making note of any challenges you had to overcome. Effective case studies explain the essential elements of a story: the who, what, when, where, and why.

What to include in your UX case study:

• Project overview. Give clients and employers a brief project summary in one or two sentences.
• Problem. Outline the problem that your client or employer was having and their goals for the UX project.
• Role. Describe the specific role that you had.  
• Approach. Explain how you planned to solve the problem, including the tools that you would use.
• Research. Detail the UX research methods, including surveys, user testing, and interviews, and present the findings (user personas, mental models, journey maps).
• Process. Walk your audience through the design process, including the sketches, wireframes, sitemaps, and any other visuals that you created as you built your designs.
• Results. Present your final results, whether that's prototypes, wireframes, web flows, or screenshots. Demonstrate your value, if possible, with quantifiable results.
• Learnings. Reflect on the project, including what you learned, key takeaways, and your client's satisfaction. You could include a positive client quote or testimonial here.

5. Showcase your design process

Potential employers and clients want to see more than the final product; they want to know your process and the steps you took to get there. You want to show how you think and problem-solve—the why and how are just as important as the finished deliverable.

Keep in mind that the person looking at your portfolio may be a recruiter or client who isn't a designer themselves. Make sure your portfolio and explanations are easy to understand, even for a non-designer.

Start with how you gathered research to understand the client's problem and the user's needs. Present any helpful visuals that you created and explain how these findings impacted your design choices.

Include wireframes and prototypes to show your UX design process. If you have early-stage sketches, you can add those too. Show how your design and approach changed based on research, testing, and feedback. Choose the visuals that highlight your skills the most. You don't need to add every single one that you have.

Demonstrate your results and skills with before-and-after visuals. You can use screenshots, videos, or any other tools that you have. These can help clients clearly visualize your impact.

6. Highlight your skills and tools

When building your portfolio, consider the top UX design skills that clients and employers are looking for, and make sure you demonstrate your experience with them. You can do this with visuals or by pointing out the skill used in your descriptions.

Examples of in-demand UX design skills include:

• Interactive design
• Visual design
• UI design
• Information architecture
• Prototyping
• Usability testing
• Wireframing
• Responsive web design
• User research

Make sure to list your UX design software tools and your level of proficiency in your portfolio. You can include this in the resume section. Examples of popular software include:

• Adobe Suite (XD, Illustrator, Photoshop, InDesign, Sketch, After Effects, Premier Pro)
• Figma
• HTML/CSS
• After Effects
• CMS web design
• Axure
• InVision
• Balsamiq

If you're new to UX design, you can take online design courses to build your skill set. Upwork freelancers can add certifications from Credly to their profiles.

Tip: You can include the icons of software in your portfolio for easy recognition (and added aesthetic).

7. Add a personal touch

Adding a personal touch to your portfolio can help create a connection with potential clients and employers. You can let them get to know you with an "About Me" section. Showing your personality can help you stand out from the competition.

In your about me section, you can include your personal story. You don't have to get into too many personal details, but let your audience know why you became a UX designer. You can share a bit about your background and your overall design philosophy.

A personal anecdote can make you more memorable and let your audience feel like they're getting to know you. Having a professional photo on your portfolio also helps to make that connection. Your audience now knows what you look like and it forms that essential first impression.

8. Ensure usability and accessibility

As with any other website, usability and accessibility are key design components for a portfolio. If your portfolio takes too long to load, is hard to navigate, or looks strange on their mobile device, your reader may lose interest.

If you need objectivity, pretend that you're creating a portfolio for a client. Creating a design for yourself can be more difficult than making one for someone else. You may even be tempted to cut corners. The portfolio should be navigable on all devices and intuitive, naturally guiding clients from one project to another.

9. Get feedback and iterate

Get feedback before you start sending your portfolio to potential clients and employers. Send your portfolio to your peers, mentors, and other designers to get their opinions, and make any changes you feel are warranted. Being too close to a project, especially when it's yours, can make it more difficult to be unbiased with changes and edits.

You can also share your designs, and ask for public feedback, on design sites such as:

• Behance
• Dribbble
• Reddit (r/design_critiques or r/UXDesign)

Incorporate the feedback you get into your portfolio design and think of it as user research. Your portfolio should evolve with your career. Be sure to keep it up-to-date with your latest projects.

Put your portfolio to work

Your portfolio is a visual tool that you can use to land interviews and win jobs. Clients and potential employers want to see real examples of your design work and get a feel for your individual style and process. Instead of sending each work sample individually, you can create a portfolio that has all of your best designs.

You can build your own website or use a portfolio-hosting site like Dribbble or Behance to create your portfolio. If you want to freelance on Upwork, your portfolio is an optional (but highly recommended) part of your profile.

Before you start applying to jobs and projects, you'll want to make sure that you have an impressive portfolio. Many companies require you to add a link to your portfolio in the job application. Spend time creating a portfolio that you are proud of, and then ask your peers for feedback.

You can create your UX design portfolio in these nine simple steps:

1. Define goals and audiences. Figure out what you want to achieve with your portfolio and who you'll be sending it to.
2. Select your best work. Choose the most relevant UX work samples to showcase in your portfolio.
3. Structure your portfolio. Create an intuitive and easy-to-navigate layout.
4. Craft compelling case studies. Build case studies for your most impressive projects.
5. Showcase your design process. Explain the steps you took in your designs to let your audience see your process.
6. Highlight your skills and tools. Describe the skills and tools you used to create your designs.
7. Add a personal touch. Tell a story and let clients get to know you with an anecdote and professional picture.
8. Ensure usability and accessibility. Double-check that your portfolio works well across all devices.
9. Get feedback and iterate. Send your portfolio to your mentors and peers for feedback, and then make the necessary changes.

Your portfolio is an important step in your UX design career. An impressive portfolio can make a difference in whether or not you get an interview. You want to make sure that you're showing potential clients and employers how talented you are by displaying your best projects in your portfolio.

Find UX design jobs on Upwork

Whether you want to make Upwork your home for work as a freelance UX designer or need help building an impressive portfolio, Upwork has resources to help you succeed. On the Talent Marketplace™, you can find UX design jobs that you're interested in. You can also hire freelancers on Upwork who specialize in building portfolio websites to save you time or look to Project Catalog™ for pre-scoped and fixed-price portfolio projects.

Companies from single-person startups to 50% of the Fortune 500 use Upwork to find the talent they need. There are thousands of opportunities posted every day. Talent on Upwork is highly specialized, and you can hire freelancers to help you build your portfolio within your budget and timeframe. It all happens right here.

‍

Upwork is not affiliated with and does not sponsor or endorse any of the tools or services discussed in this article. These tools and services are provided only as potential options, and each reader and company should take the time needed to adequately analyze and determine the tools or services that would best fit their specific needs and situation.