UX Portfolios

Your constantly-updated definition of UX Portfolios and collection of videos and articles
1,848 shares

What are UX Portfolios?

A UX portfolio is a curated collection of a UX designer's best work—it showcases their skills, process and approach to solving user-centered design challenges. It is a visual and narrative representation of their work experience and demonstrates their ability to research, analyze, design, and implement effective UX solutions.  

In this video, Morgane Peng, Design Director at Societe Generale CIB, describes what a portfolio is and why it should be seen as a friend.  

Show Hide video transcript
  1. Transcript loading…
 

“Any sloppiness in the design of the [UX design portfolio], independent of the design of the artifacts that you’ve produced, tells the hiring manager a lot about you.”

—Daniel Rosenberg, Global UX executive

UX Portfolios: Portray, Promote, Tell a Story

For UX designers, this is how they tell their unique story. It goes beyond pixels and wireframes to show how they solved problems and delighted users. It's where a designer’s abilities are put on display and they’re able to prove why they’re the right choice for a job or project.

A graphic representing the benefits of a UX Portfolio, highlighting its role in securing job interviews, obtaining side projects, and staying current.

© Interaction Design Foundation, CC BY-SA 4.0


User experience (UX) design portfolios are essential to:

  1. Get you hired: To get recruiters/clients interested in potentially hiring you for a full-time job or freelance project. 

  2. Stay relevant: For designers to stay current with periodic updates and decide how to advance.

A UX portfolio should explain your achievements and demonstrate what a designer can do. Where a cover letter can typically give recruiters their first impression, a portfolio can, too—it’s where you can provide concrete evidence to portray yourself as a strong candidate. Within five minutes, a recruiter or hiring manager will decide if the designer is worth a phone screener/face-to-face interview from seeing:

  1. Who you are: What your background is and what drives you.

  2. What you can do: This varies with the seniority of UX roles, etc.

  3. How you think and work: To understand how you approach problems and work with others.

What Makes a UX Portfolio Stand Out?

So, how do you ensure your portfolio stands out from the crowd? Here are some tips and tricks to create the best portfolio.

An infographic suggesting ten tips for creating a great UX portfolio.

© Interaction Design Foundation, CC BY-SA 4.0

1. Tell a Story

Each project in a UX designer portfolio should be like a story. It should have a beginning, middle, and end. Start with an introduction that outlines the journey and years of experience. It sets the stage for what readers can expect to discover. In the middle, describe all the activities you did to meet business needs. Explain how your design skills were used to solve problems and create solutions. Summarize by mentioning the outcome and results of the work. Also, show off the designs and solutions you created.   

Learn to structure your portfolio and use narrative to present it successfully. 

Show Hide video transcript
  1. Transcript loading…
 Learn the importance of storytelling while designing your UX portfolio. 

2. Structure and Formatting

Use clear, concise language and visual hierarchy to entice the audience. Use descriptive headings and subheadings to guide them. Try to make it easy for readers to follow the thought process and design journey. 

3. Quality over Quantity

Be discerning when choosing projects to include in the portfolio. Focus on quality over quantity. Designers should select projects that best reflect the breadth and depth of their expertise, as well as ones that are suited to the specific job they’re applying for. Explain why you choose each project and how they show your skills and versatility as a UX designer.  

Highlight the results and the challenges faced in each project. Clearly articulate the impact of the design solutions—particularly on users and business objectives.  

4. Usability and Accessibility

A strong focus on usability and accessibility is fundamental in UX design. So, it’s important that you express your commitment to inclusive design—designs created to be used by people of all abilities. It involves crafting solutions that not only meet but exceed user expectations. The core aim is to create designs that focus on users’ needs and behaviors and provide user satisfaction. You can also discuss how you integrated accessibility features into your designs. Such specific examples of how your designs accommodated diverse user needs showcases your skills. 

5. User-Centered Design

At the core of UX design is the user-centered design approach. Describe how you gathered insights gathered and what user research methods you used. Provide comparisons to show the direct influence of user feedback on the resulting designs. Explain how personas, user stories, or empathy maps were used to guide the design process. At the same time, ensure that the audience understands the foundation of the design challenge, the approach and the work. 

Explore the nuances of user-centered design in this video by Don Norman, a UX pioneer.

Show Hide video transcript
  1. Transcript loading…
 

6. Communication and Collaboration 

Collaboration and effective communication are vital skills in UX design. A design portfolio can also be used to highlight a designer’s ability to work in a team. Provide examples of instances when you worked with others—designers, developers, or project managers. Detail how you communicated with stakeholders and ensured to meet their requirements. 

7. Feedback and Testimonials

Incorporate feedback and testimonials in your UX designer portfolio and their sources. Summarize the impact of your work on users and the business with these testimonials. You can also enhance the look of your portfolio through visuals. Additionally, you can show real-world validation and add reliability through user feedback. This makes your portfolio stronger and more credible. 

8. Beyond the Process

To make your portfolio stand out, provide a breakdown of your work—hiring managers don’t want to just see the end result, they want to see how you got there. Start from the research and user testing stages to wireframes and design iterations. Include samples of research reports, sketches, wireframes, and design prototypes. You can even add photos of user research sessions, of your workspace, or anything that can effectively illustrate your process. The goal is to show your audience how you approach UX design—leave no room for ambiguity.

9. Personal Brand and Style

Your personal brand should be evident in your portfolio without compromising professionalism. The idea is to share how your personality shines through in your work, which will create a personal connection. Infusing your personality into your portfolio makes it more engaging and memorable. 

In this video, Cory Lebson, an experienced UX Consultant talks about how to create your brand and brand yourself as a UX professional.

Show Hide video transcript
  1. Transcript loading…
 

10. Quantify Your Success

If you can showcase quantifiable results that show the impact of your UX design work, that will be an additional bonus. You can include statistics related to user engagement, conversion rates, or other KPIs that reflect the success of your projects. Visual comparisons that show the transformation your designs brought about are effective for the same.

Let’s move on to the different types of portfolios. Essentially, there are two portfolio types: online (to keep on your personal website) and static (to send to interested recruiters). Let's study how to make each one in detail.

How to Make an Online UX Portfolio?

You can use a readymade solution or code one yourself. Essential guidelines are:

  1. Impress with a concise introduction, also known as a hook (1-3 sentences): Show your name and current (or desired) role in a conversational tone. 

  2. Choose the best, most relevant 2-3 case studies for your desired role. 

  3. Make it usable:

    1. Ensure optimal navigation.

    2. Design proper affordances: E.g., make sure you underline links and have a different color.

    3. Maximize color contrast and readability.

  4. Create an “About me” page/section with more information that describes your background and motivations, include

    1. Finer details (e.g., hobbies).

    2. Your relevant work history and educational background.

    3. Carefully curated social media links to your professional profile/s (e.g., LinkedIn).

  5. Put side projects on a different page/section to keep the recruiter’s focus on your case studies and use them as supporting evidence of your passion.

  6. Make it look visually pleasing and consistent.

  7. Keep it simple: Make it sufficient to work well now; improve it later.

    Get your free template for “7 Design Guidelines for Your Online UX Design Portfolio”
    7 Design Guidelines for Your Online UX Design Portfolio 7 Design Guidelines for Your Online UX Design Portfolio
    Secure form
    Please provide your name.
    We respect your privacy
    Please provide a valid email address.
    316,857 designers enjoy our newsletter—sure you don’t want to receive it?

How to Make a Static (PDF) UX Portfolio?

To provide deeper, customized insights:

  1. Begin with a tool you know well.

  2. Build your sections:

    1. Cover page: Make a fantastic first impression

    2. About section: Introduce yourself in 3–4 sentences.

    3. Three UX case studies—each being several pages, depending on the need for detail—usually longer than online versions. Keep these manageable and relevant.

    4. Final page with contact details—And perhaps a short thank-you note.

  3. Tailor it to the exact job role.

  4. Make it usable: E.g., readable text.

  5. Make it visually appealing and consistent regarding font, color theme, etc.—Use PowerPoint/Keynote templates.

  6. Reduce file size for download speeds.

  7. Export to PDF and upload somewhere accessible to quickly share a link.

Get your free template for “4 Design Tips for Your PDF UX Design Portfolio”
4 Design Tips for Your PDF UX Design Portfolio 4 Design Tips for Your PDF UX Design Portfolio
Secure form
Please provide your name.
We respect your privacy
Please provide a valid email address.
316,857 designers enjoy our newsletter—sure you don’t want to receive it?

Effective UX portfolios show how organizations can benefit from working with a skilled, proactive, team-oriented designer like you. You should always complement your best text with appropriate visuals and review your portfolio every 6–12 months. Add a tailored UX cover letter/email and resume to support your portfolio. If you request feedback at interviews, you can use it to help perfect what future recruiters/clients see. 

A graphic showcasing the difference between online portfolios and static PDF portfolios.

© Interaction Design Foundation, CC BY-SA 4.0

Learn More about UX Portfolios

Take our course, Build a Standout UX/UI Portfolio: Land Your Dream Job.

Find tips and insights in 23 Successful UX Portfolio Examples and a Guide for Creating Yours

Discover the best UX portfolio website builders.  

Discover some additional points and examples in UX Design Portfolio: Best Practices

Questions related to UX Portfolios

What is a UX Design portfolio?

A UX Design Portfolio is a curated collection of designers' best work. It showcases their skills, processes, and creativity in UX design. It also includes case studies of projects, wireframes, interactive prototypes, and user research findings. A well-crafted UX designer portfolio shows a designer's abilities and can take the form of various formats, such as a personal website, PDF document, or online design platforms. Hence, it allows potential employers to assess their expertise and suitability for UX design roles.

How to build a UX portfolio with no experience?

Building a UX portfolio without prior experience involves several steps: 

  • Start with personal projects or redesign existing apps/websites to gain hands-on experience. 

  • Document your process, including research, wireframes, and user testing. Create case studies to showcase your work. 

  • Volunteer or do freelance projects to expand your portfolio. 

  • Finally, seek feedback and iterate on your portfolio. 

  • You can also highlight transferable skills, such as problem-solving, to show your potential.

Read this article for handy tips to make your portfolio stand out

Do UX researchers (also) need a portfolio?

UX researchers can benefit from having a portfolio. However, the nature and content of their portfolios may differ from those of UX designers. As they focus on gathering and analyzing user data, they can showcase their methodologies, insights, documenting processes, and the impact of their work. Plus, the portfolio can show its value to the research process. It can help them stand out in the job market and communicate their ability to drive user-centered decision-making.

Learn more about UX research and different data collection methods with Ann Blandford in this video.

Show Hide video transcript
  1. Transcript loading…

What should a UX portfolio include?

A strong UX portfolio should include a variety of projects with detailed case studies. Each case study should cover project goals, research methods, the design process, challenges, and outcomes. It should also showcase your visual design skills with high-quality mockups and wireframes. However, remember that the quality of your work and the way you present it in your portfolio are crucial. Make sure each case study tells a compelling story of your design process, problem-solving skills, and the impact of your work on user experiences.

What do recruiters look for in a UX portfolio?

Recruiters and hiring managers have very limited time to review a portfolio. To ensure that yours captures their attention, here are five key strategies to make your portfolio shine: 

1. Craft a portfolio that speaks to the priorities and objectives of the recruiter’s organization. 

2. Keep it simple and scannable.

3. Outline your process and impact.

4. When choosing which design projects to display, you’ll want to tailor your project choices based on your career goals. 

5. Tell a story with your portfolio case studies. 

What do AI-powered screening tools look for in UX Portfolio?

When an AI-based screening tool evaluates a UX portfolio, it looks for several key elements that show the designer's skills and expertise. These elements include:

  • A user-centered design approach

  • Problem-solving skills

  • A well-defined design process

  • Visual design skills

  • Interaction design abilities

  • Collaboration and communication skills

  • Measurable results and impact. 

It is important to note that while an AI can evaluate certain aspects of a UX portfolio, human reviewers also play a crucial role. They can provide valuable insights and subjective feedback.

Literature on UX Portfolios

Here’s the entire UX literature on UX Portfolios by the Interaction Design Foundation, collated in one place:

Learn more about UX Portfolios

Take a deep dive into UX Portfolios with our course Build a Standout UX/UI Portfolio: Land Your Dream Job .

“Your portfolio is your best advocate in showing your work, your skills and your personality. It also shows not only the final outcomes but the process you took to get there and how you aligned your design decisions with the business and user needs.” 

— Morgane Peng, Design Director, Societe Generale CIB 

In many industries, your education, certifications and previous job roles help you get a foot in the door in the hiring process. However, in the design world, this is often not the case. Potential employers and clients want to see evidence of your skills and work and assess if they fit the job or design project in question. This is where portfolios come in.  

Your portfolio is your first impression, your foot in the door—it must engage your audience and stand out against the hundreds of others they might be reviewing. Join us as we equip you with the skills and knowledge to create a portfolio that takes you one step closer to your dream career. 

Build Your Portfolio is taught by Morgane Penn, a designer, speaker, mentor and writer who serves as Director of Experience Design at  Societe Generale CIB. With over 12 years of experience in management roles, she has reviewed thousands of design portfolios and conducted hundreds of interviews with designers. She has collated her extensive real-world knowledge into this course to teach you how to build a compelling portfolio that hiring managers will want to explore. 

In lesson 1, you’ll learn the importance of portfolios and which type of portfolio you should create based on your career stage and background. You’ll discover the most significant mistakes designers make in their portfolios, the importance of content over aesthetics and why today is the best day to start documenting your design processes. This knowledge will serve as your foundation as you build your portfolio. 

In lesson 2, you’ll grasp the importance of hooks in your portfolio, how to write them, and the best practices based on your career stage and target audience. You’ll learn how and why to balance your professional and personal biographies in your about me section, how to talk about your life before design and how to use tools and resources in conjunction with your creativity to create a unique and distinctive portfolio. 

In lesson 3, you’ll dive into case studies—the backbone of your portfolio. You’ll learn how to plan your case studies for success and hook your reader in to learn more about your design research, sketches, prototypes and outcomes. An attractive and attention-grabbing portfolio is nothing without solid and engaging case studies that effectively communicate who you are as a designer and why employers and clients should hire you. 

In lesson 4, you’ll understand the industry expectations for your portfolio and how to apply the finishing touches that illustrate your attention to detail. You’ll explore how visual design, menus and structure, landing pages, visualizations and interactive elements make your portfolio accessible, engaging and compelling. Finally, you’ll learn the tips and best practices to follow when you convert your portfolio into a presentation for interviews and pitches. 

Throughout the course, you'll get practical tips to apply to your portfolio. In the "Build Your Portfolio" project, you'll create your portfolio strategy, write and test your hook, build a case study and prepare your portfolio presentation. You’ll be able to share your progress, tips and reflections with your coursemates, gain insights from the community and elevate each other’s portfolios. 

All open-source articles on UX Portfolios

Please check the value and try again.
  • 1
  • 2
  • 1 of 2

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, , link to us, or join us to help us democratize design knowledge!

Share Knowledge, Get Respect!

Share on:

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

Interaction Design Foundation - IxDF. (2018, March 5). What are UX Portfolios?. Interaction Design Foundation - IxDF.

New to UX Design? We’re Giving You a Free ebook!

The Basics of User Experience Design

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!

A valid email address is required.
316,857 designers enjoy our newsletter—sure you don’t want to receive it?