Your constantly-updated definition of UX Portfolios and
collection of videos and articles. Be a conversation starter: Share this page and inspire others!
3,074shares
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.
ShowHide
video transcript
00:00:00 --> 00:00:29
A portfolio is a collection of work and projects curated by you to showcase your skills, experiences, and achievements. Think of it like a friend: it's your best advocate. It tells your story, it introduces you without you being around, and, if you're looking for a job, it's a key tool to get noticed and hired.
“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.”
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.
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.
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.
ShowHide
video transcript
00:00:00 --> 00:00:31
Desiging a portfolio is a case study unto itself, just like an interaction. An interaction tells a really good story on how to use a product. A portfolio tells a narrative on you as an individual and how you think. So if I see a portfolio that's filled with only finished product, then the story I'm being told is the person only cares about the final results and they didn't really enjoy the journey to get there.
00:00:31 --> 00:00:57
So if I see a portfolio of a complete journey. Then I realized they really enjoyed the design process, they enjoyed the detail and the collaboration to get there. I look for a little things like does a person cover things like who was on the team? So they present themselves as sort of the lone hero that did the work of presenting themselves as a as a core contributor to get to a great outcome. So I'd like to see that level of thinking in terms of collaboration.
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.
ShowHide
video transcript
00:00:00 --> 00:00:31
In the very beginning, when I first started becoming a designer, which was the 1980s, I was concerned about the early adoption of computer systems which were really almost impossible for anybody to understand. Even the experts who designed them were making errors in using them. And there's a famous case where the early Unix systems had a text editor
00:00:31 --> 00:01:00
that was called 'Ed', for 'editor'. You could type away and type your program or your text, whatever you were doing, and spend several hours typing it. And you'd have this wonderful document. And then you (say), 'Ah, I'm finished!' and you turn off the machine and go home. And you come back the next morning to continue, and... it wasn't there. Well, why wasn't it there? Because you *didn't save* it. And, well, you mean... The system doesn't bother to tell you when you try to turn it off that 'Hey – you want to save the information?'
00:01:00 --> 00:01:34
It was little things like that that were so frustrating. In the early days, what we did was we tried to study the people who used these complex systems. And it was not just computer systems; I actually started off studying *nuclear power systems*, some of the nuclear power accidents where the control rooms were so badly designed that if you wanted to cause an error, you could not have done a better job in designing something to cause errors. And then *aviation safety*, where lives were at stake; many lives were at stake, and there were a huge amount of research and work done.
00:01:34 --> 00:02:02
And that was a really good place to work. I worked with the American National Aeronautics and Space Administration (NASA). Most people think of NASA as shooting rockets up into space, but they forget the first two letters, 'NA', are 'Aeronautics'; and so, NASA is the world's leader often in aviation safety. And that's where I started. So, we were looking, though, at the *users* of these systems, and so we called them 'users'.
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.
ShowHide
video transcript
00:00:00 --> 00:00:32
*Be a UX thought leader* – how? You say, 'Well, I'm just new to UX; what do I have to say? No one wants to hear me.' It's not true. Put your *spin* on it. Put your *UX story* on it. You also need to *brand yourself as a UX professional*, so not just your resume, not just your portfolio, but you also need to *create your brand* in such a way that when people hear your story and look you up you, they say, 'Hey, you know what? Yeah. This is a UX professional.'
00:00:32 --> 00:01:02
because people will look for you; they'll Google you on the Web; they will certainly look up your profile, your social media and so on. So, how do you as an individual come across in a Googleable way, in a visible way as a UXer? And how do you make sure that your UX brand stands up to scrutiny? Again, I said you have to be *honest* in your brand;
00:01:02 --> 00:01:30
you cannot lie; you cannot make things up. You've got to be *honest*. But you can still provide a *frame*, you can provide the *narrative* about why you are a UX professional, why not only are you transitioning, but why it's been that way for a while. And it's all about the *frame* – the honest, true frame that you can say, 'Yes, I've been doing this stuff. I've been close enough that I understand.'
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.
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.
Get your 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.
Get your free template for “4 Design Tips for Your PDF UX Design Portfolio”
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 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.
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.
ShowHide
video transcript
00:00:00 --> 00:00:32
Ditte Hvas Mortensen: In relation to data gathering, there are obviously different ways of doing it. You can record video or sound, or you can take notes. Can you say something about the advantages or disadvantages of doing it in different ways? Ann Blandford: Yes. So, I think it depends on how the data-gathering method is going to affect what
00:00:32 --> 00:01:00
data you can gather. So, sometimes people are not comfortable being recorded. And they don't *want* to be voice-recorded. And you'll get more out of the conversation if you just take notes. Of course, you don't get quite such high-quality data if you just take notes. On the other hand, it's easier to analyze because you haven't got so much data.
00:01:00 --> 00:01:31
And you can't do as much in-depth analysis if you've only got notes, because you can only analyze what you recognized at the time as being important, and you can't pick up anything more from it later. So, I certainly like to audio-record where possible for the kinds of studies that we do. And different people may have different needs, and therefore that might be more or less important to them.
00:01:31 --> 00:02:02
We also use quite a lot of still photos, particularly in healthcare. We have to have quite a lot of control over what actually features in an image so that it doesn't violate people's privacy. So, using still photos allows us to take photos of technology and make sure that it doesn't include any inappropriate information. Whereas video – well, firstly, video means that you've got a *lot* more data to analyze.
00:02:02 --> 00:02:33
And it can be a lot harder to analyze it. And it depends on the question that you're asking in the study, as to whether or not that effort is merited. And for a lot of us, it's not merited, but also it's harder to control what data is recorded. So, it's more likely to compromise people's privacy in ways that we haven't got ethical clearance for. So, we don't use a lot of video ourselves.
00:02:33 --> 00:03:01
But also, particularly if one is trying to understand the work situation, it's often also valuable to take *real notes*, whether those are diagrams of how things are laid out or other notes about, you know, important features of the context that wouldn't be recorded in an audio stream. And also, video can be quite *off-putting* for people.
00:03:01 --> 00:03:30
You know, it's just that much more intrusive. And people may become much more self-conscious with a video than with audio only. So, it can affect the quality of the data that you get for that reason. So, I think when you're choosing your data-gathering *tools*, you need to think about what impact they will have in the environment.
00:03:30 --> 00:04:00
It may or may not be *practical* to set up a video camera, quite apart from anything else. Audio tends not to be so intrusive. As I say, there are times when just written notes will actually serve the purpose better. But it also depends on what you're going to *do* with the data. You know – how much data do you need? What kinds of analysis are your going to do of that data? And hence, what *depth of data* do you actually need to have access to, anyway?
00:04:00 --> 00:04:35
If you've got more data than you can deal with, then it can feel overwhelming, and that can actually be quite a deterrent to get on with analysis. And analysis can be really slowed down if, as a student or other researcher, you just feel so overwhelmed by what you've got that you don't know where to start! Actually, that's not a good place to be. So, having too much data can often be as difficult as not having enough.
00:04:35 --> 00:04:38
But what matters most is that you've got an *appropriate* kind of data for the questions of the study.
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.
“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.
The Build a Standout UX/UI Portfolio: Land Your Dream Job courseis taught by Morgane Peng, 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.
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.