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.
The work included in UX design portfolios take the form of UX case studies. In this next video, Morgane Peng describes what a case study is.
“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.
© Interaction Design Foundation, CC BY-SA 4.0
User experience (UX) design portfolios are essential to:
Get you hired: To get recruiters/clients interested in potentially hiring you for a full-time job or freelance project.
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:
Who you are: What your background is and what drives you.
What you can do: This varies with the seniority of UX roles, etc.
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.
© 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.
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.
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.
Stephen Gay, Design Leader at Google, explains that portfolios should present what you’ve worked on and how you work.
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.
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:
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.
Choose the best, most relevant 2-3 case studies for your desired role.
Make it usable:
Ensure optimal navigation.
Design proper affordances: E.g., make sure you underline links and have a different color.
Maximize color contrast and readability.
Create an “About me” page/section with more information that describes your background and motivations, include
Finer details (e.g., hobbies).
Your relevant work history and educational background.
Carefully curated social media links to your professional profile/s (e.g., LinkedIn).
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.
Make it look visually pleasing and consistent.
Keep it simple: Make it sufficient to work well now; improve it later.
Advance Your Career With This Free Template for “7 Design Guidelines for Your Online UX Design Portfolio”
How to Make a Static (PDF) UX Portfolio?
To provide deeper, customized insights:
Begin with a tool you know well.
Build your sections:
Cover page: Make a fantastic first impression
About section: Introduce yourself in 3–4 sentences.
Three UX case studies—each being several pages, depending on the need for detail—usually longer than online versions. Keep these manageable and relevant.
Final page with contact details—And perhaps a short thank-you note.
Tailor it to the exact job role.
Make it usable: E.g., readable text.
Make it visually appealing and consistent regarding font, color theme, etc.—Use PowerPoint/Keynote templates.
Reduce file size for download speeds.
Export to PDF and upload somewhere accessible to quickly share a link.
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.
© Interaction Design Foundation, CC BY-SA 4.0
