Home > UX and Prototyping > The secret to making the perfect UX design portfolio

Our guide to making a UX portfolio will help you land that dream user experience design job

A UX design portfolio can make the difference between landing your dream UX job and being perpetual runner-up in the job selection race. Employers and recruiters use UX portfolios to determine a candidate’s experience, seriousness and, most importantly, ability to successfully follow UX best practices and processes.

So UX portfolios are important to get right, but that doesnt mean they have to be gut-bustingly difficult to create. Follow our guide to building one and you’ll be on your way to making the perfect UX design portfolio.

What is a UX design portfolio?

The concept of a portfolio of previous work is familiar for anyone working in graphic design or the visual arts – a selection, previously physical but increasingly digital, of completed work, to be shown to employers and clients as proof of abilities. But how does this visual concept translate to User Experience designers and researchers, who more often than not create ephemeral ‘experiences’ using non-visual methodologies, such as user testing?

Without over-complicating the matter, a UX portfolio is also a representative selection of work. However, it shows process rather than pure deliverable: instead of showing a bunch of finished screens without explanation, a UX portfolio will present the story of how the finished product was arrived at, from testing and user research to sketches and wireframes.

A UX design portfolio tells the story of how you created a product or experience, so potential employers know how you work and why what you do supports business goals. Get started on your own UX portfolio now!


Try Justinmind and fill your UX portfolio with awesome prototypes

Download free


What to include in a UX design portfolio

Whether you’re a new graduate trying to build up a portfolio, or a seasoned UXer trying to cut down a career’s worth of work into a capsule collection, knowing what to include in the UX portfolio is the first hurdle.

Without a doubt, when it comes to individual projects, less is more. As few as three different examples can be enough to demonstrate the breadth of your abilities.

Before expanding the number of projects, however, make sure that each example of your UX practice is demonstrating something distinct. Having 10 samples all showing how great you are at sketching would be pointless. Better to include a project showing how you wireframed out an interaction solution, one showing how you did indepth user research, and one displaying how you tweaked a UI to boost business objectives, for example. A 1-2 page case study for each type of product, project or activity is sufficient.

And logically, only include your best work. Troy Park and Patrick Neeman claim that people spend an average of 10-15 seconds looking at UX portfolios – you don’t want those 10-15 seconds to be spent on your second best piece of work, do you?

3 examples of great UX portfolios

anton-mircea-ux-portfolio-template

Anton Mircea

jeya-karthika-ux-portfolio-template

Jeya Karthika

chris-avore-ux-portfolio-template

Chris Avore

Who is the target audience?

Just like any UX project, you need to consider your target audience for the UX portfolio. In practice, this probably means having a generic portfolio online that you can share with anyone interested, and then shaping this into a pdf download when you’re applying for specific roles. The audience will affect the tone and content of the portfolio – you wouldn’t send a cheeky informal portfolio when applying for a role in a global financial company, for example.

If you’re applying for UI-heavy positions, don’t be afraid to add in more visuals and designs; for positions on the experience end of the spectrum, choose materials that emphasize the process or approach you took. Go with your user experience gut and tailor each iteration of the portfolio to its audience as far as realistically possible.

How to present a UX process in a portfolio

In short, case studies. Real-life case studies are the best way to highlight both your impeccable user experience research process, and your final products, as you can mix explicatory text with supporting visuals and map out the entire UX approach. Don’t be afraid to include non-product visuals such as usability testing infographics, snaps of your wireframes, shots of team activities such as card sorting, even audios of usability test results.

It’s a good idea to take photos of your projects as you do them, so you have a record of work in progress that will make your portfolio stand-out from the crowd. All these materials support the point of your case study, which is to give visual proof of process in action.


Download Justinmind prototyping tool and boost your UX career skills

DOWNLOAD FREE


How storytelling helps sell your experience

The most engaging UX design portfolios make use of storytelling. Each case study should roughly take the following format:

  • The Goal: introduce the situation and what needed to change
  • The Challenge Faced: explain the barriers to success
  • The Road Taken: detail the actions and approaches you took to overcome the challenge, such as prototypes, testing etc
  • The Destination: explain the end results using analytics, testimonials and visuals

While all the chapters of this story are important, The Road Taken is where you’ll explain how you synthesize problems and design solutions. Explain how you individually contributed to the process, and why you did what you did. So instead of including a screenshot of a finished user persona without further explanation, you’ll want to explain how you arrived at this persona through research and surveys.

Keep it short and simple: good storytelling is not about long yarns but compelling tales.

How NDAs impact on your portfolio

NDAs, or non-disclosure agreements, have the potential to limit the information you include in your UX design portfolio. There are a few things you can do to make sure you stay legally compliant while still including your best material in the portfolio:

  • Request permission from clients before you include projects. Even if you’ve signed an NDA, they may agree as long as you remove sensitive material
  • Build a copy of the project in question but omit the sensitive information. Point out this is not the original
  • Censor sensitive elements with blurring or greyed out areas
  • Include generic images of you at work on the project, rather than detail-heavy shots of screens and metrics

And for recent graduates without concrete professional experience…

All recent graduates face the same conundrum – can’t get experience without a portfolio, need a portfolio to get experience. It seems insoluble but there are things you can do to put your previous work in the picture.

You could try volunteering on a short term basis with organizations too small to have a dedicated UX design team; or using work from submitted as part of official studies (make clear this is academic work); or you could give yourself hypothetical UX cases and show how you would solve them. Here’s an example in which recent graduate Mei Tan makes the most of her academic work to kickstart her portfolio.

UX Designer and Consultant Sarah Doody has some great ideas for creating a UX portfolio from limited resources. Check out her YouTube video below:

Start creating your own UX design portfolio now!

So now you know what goes into a UX design portfolio, it’s time to make your own. Document your research and design process, create narratives that will capture prospective employers’ attention and show your best work.

download_free

Cassandra is Marketing Lead at Justinmind

10 comments

Your email address will not be published. Required fields are marked *

  • Unfortunately, to get download you have to enter a work email, company, and company size. What if one doesn’t have a job, hence why they are looking for help with a portfolio?

    • No problems, Katie. You can use your personal email if you don’t have a work one, and you can write “unemployed” or “freelancer” in the company field.

  • Providing easy navigation and adding unique and interesting content is one of the best ways to improve the user experience. All the points that you mentioned in the article are awesome and we need to pay special attention to them. The article is very informative and really helpful.

  • Thanks for including my video about how to create a UX portfolio without much experience! This is a question I get ALL the time, so I wanted to get people thinking about how to get more experience. It’s not rocket science! There are problems *everywhere* that we encounter on a daily basis. If you train yourself to look for problems, then you’ll have plenty of ideas for things that you could use as a mock project. Also, if you want to learn more about UX portfolios, you can check out this free class I did, the UX Portfolio Roadmap: http://www.sarahdoody.com/ux-portfolio-roadmap-class … hope this is helpful to some of your readers!

Download Free