Everything you need on creating your UX portfolio
That’s easier said than done of course. There’s not one default way of designing your portfolio. Every designer has their way of creating a portfolio. Even though this might be the case, there still are a few tips, tricks, and best practices that can be applied to every UX portfolio.
We’re going to show you what these tips and tricks are and how you can incorporate these to bring your portfolio to the next level.
Table of Contents
First, you need to know what a portfolio is. After that we’re going to focus on how you can build your own UX portfolio and finally we’re going to talk about how you can share and review your portfolio.
What does a UX portfolio look like
A portfolio is a place where you showcase your work. This can be a website, a video, a booklet, or anything else. That’s up to you. Be creative!
For UX in particular, your portfolio consists of several projects (or UX case studies) you’ve taken part in.
Another important part of your portfolio is the ‘about you’ section. Over here you tell your readers something about yourself. This can either be something about your working history, a backstory on how you got into design, or something else entirely.
It is important to make this part personal since this is a section that enables you to set yourself apart from your competition. This might sound strange, but that really is the case. When you apply for a job there will be other applicants that have a multitude of the number of projects you have. Your secret weapon is who you are as a person and the unique skill set you have. That’s where you can make a difference.
Great UX portfolios have a very clear cover (or landing page, if you have an online portfolio). This cover page is the first thing your readers will see.
In some cases, it is the only thing they take the time for to see. This page is your biggest chance to leave a great first impression. Include the following on your landing page and cover.
1. Who you are and what your role is. Companies and recruiters are looking for a candidate to fill a certain role. For example, if you’re a UX designer you need to show that right away. One way to do that is to have a nice header on top of your page where you introduce yourself and what your role is.
2. What your design skills are. After you’ve introduced yourself you have to state what it is you can do. Are you a great UX designer, an expert in facilitating design sprints, or a visual designer with a unique style? Let your readers know!
3. How you can be reached. Imagine that someone has visited your portfolio. They now know who you are and what you do. Because of that, they are interested in hiring you. There has to be a way for them to contact you. Include your contact information like an email address, LinkedIn page, or phone number.
4. Other things you can do here. Your cover is also a great spot for you to share something personal like your backstory on how you got into design, a personal quote, or a summary of who you are. Also, don’t forget to create your own portfolio style. Kristina Volchek has an example of a great portfolio cover page on her Dribbble page as shown above.
Keep it short and simple. The whole point of the cover page is to summarize who you are. Your readers can dive deeper into the details later.
This is where you go more into detail about who you are. You can share a short bio about yourself. It is important to make this part unique and personal.
For example, in my portfolio bio I talk about how my father inspired me to become a designer when I was only six years old. It has always been a nice ice breaker during interviews. Clients and employers always seem to remember that personal story better than that one extra case study I might have added to my portfolio.
Case studies are front and center in every UX portfolio. In a UX case study you show a project you worked on. For this project you explain the challenges you’ve faced, how you’ve tackled these challenges, and your way of working during the project.
It will show potential clients and emoloyers how you do your work. Because of that, it is important to not only show end results but your process and way-of-working as well.
If you’re just starting out, aim for a portfolio consisting of around three case studies.
How to get started on your UX portfolio
Whenever someone starts a portfolio the first thing they ask is where they should share their UX portfolio. Even though that is a valid question, you should get the basics right first. These basics include having a folder on your computer for your portfolio and a portfolio structure.
1. Find a place to keep your portfolio
Let’s start at the beginning. You need to have a place to keep your portfolio. I keep a ‘portfolio’ folder next to my ‘clients’ folder on my computer. I keep a copy of this folder in the cloud so that I have it with me wherever I go. You never know who you might run into so having your portfolio with you is always a good plan.
Some designers like to keep a printed version of their portfolio. This is a cool old-school way of presenting your portfolio. If you go to an interview you can leave behind a copy of your portfolio. You’ll make a great impression if you do that, believe me. I’ve done that a few times and it made the interview easier every time. You can literally browse through your portfolio.
2. Set up your UX portfolio structure
Once you have a place to store your portfolio it is time to think about your portfolio structure. What is the message that you want to communicate when someone reads your portfolio? This message can be about what your unique way of working is. Take your time when thinking this through since it is a very important part of your portfolio.
One way of figuring out portfolio structure is by using the ‘STAR’ method. STAR stands for Situation, Tasks, Activities, and results.
By using this method, you can write a very nice case study that covers the initial challenge you were facing (situation), what you did to tackle the challenge (tasks and activity), and how your design helped your client (results).
We’re currently working on some examples to give you a better idea about how this might look in a portfolio. Check back on this shortly!
UX portfolio checklist
Now that you have a general understanding of what a portfolio looks like I hope you had a chance to set things up. Do you have a folder and structure for your UX portfolio? It is time to get started on your portfolio!
To help you out, we have a free checklist for you. You can use it to audit your UX portfolio and use it for guidance while creating your portfolio. Download the checklist for free below.
Download your UX Portfolio Checklist
The checklist includes a to-do list for your portfolio and UX case studies. For free.
How to build a UX portfolio with no experience
You gain experience as you go along your journey of being a UX designer. During these times you can create your UX portfolio with every project you complete. In fact, your portfolio might be your biggest project as it is never truly complete.
You might be wondering how creating a portfolio is possible if you are just starting out. This is a common question and something most junior UX designers struggle with.
There is in fact a clear step-by-step approach that you can follow to create your UX portfolio. This approach works even if you do not have any experience as a UX designer yet.
You can read more about it in our post on how to build a UX portfolio with no experience.
Best platforms for UX portfolios
Once you have the basics of your portfolio down it is time to find a platform for you to share your portfolio.
There are a few well-known social platforms you can use like Dribbble and Behance. You can also build your portfolio website via a content management system (CMS) like WordPress. Keep in mind that these do not necessarily exclude each other. You can use a combination or even all of the aforementioned platforms. For example, I host my own portfolio website via WordPress, but I also write on Medium, LinkedIn, and Dribbble.
Let’s take a closer look at some of the platforms.
Dribbble was founded back in 2009. Since then they’ve grown to be one of the biggest social design sharing networks in the world. According to Dribbble, they help designers share, grow, and get hired by some of the most innovative brands worldwide.
The fun thing about Dribbble is that you have to get invited to join. When you create an account you become a prospect that has to be drafted by another designer who’s already on the platform. Once you’re drafted, Dribbble offers a lot of features like design jobs, sharing your work, showing yourself as an available-for-work designer, and more.
Behance is part of Adobe’s suite of design tools and services. They are a platform like Dribbble where you can showcase your design work. According to Adobe, Behance is the leading online platform to showcase and discover creative work. Behance is free to join. Unlike Dribbble, Behance has no invite-only system for new designers. You can signup right away.
WordPress is a free, open-source content management solution that is great for designers. It has been around for quite some time with the initial release of WordPress being back in 2003. You can use WordPress for free on your website. The big plus for hosting your portfolio is that it is yours. Social platforms like Dribbble and Behance could disappear tomorrow. Your entire online portfolio could be gone if that haappens. This will not happen when you create your own UX portfolio website.
An additional bonus is that you can do additional stuff on your website like growing your audience, mailing list, and personal branding.
WordPress themes for UX portfolios
Next to all upsides, WordPress has a downside as well. WordPress itself is free but many of the great portfolios you see online are built using several paid plugins. This isn’t that big of a problem of course, but having a UX portfolio that was free of charge would have been ideal. Social platforms like Dribbble and Behance are free. That’s a big plus.
Some plugins we think are essential to having a great website. The most important of which is to have a premium WordPress theme for your portfolio.
By investing a few dollars you will save yourself hundreds of hours of work. Take a look at a few of our top choices.
To build a portfolio quickly and efficiently you’re going to need a page builder plugin.
Elementor is your go-to choice. According to Elementor, they are the number one WordPress page builder in the world. I’ve been using Elementor for some time now and it has been a dream. By using this page builder you’re able to create post templates and save global elements (like headers, footers, and call-to-actions) that you can reuse everywhere on your website.
By doing so, you can create a default way of building your portfolio cases. The only thing you have to do is set it up once. After that, you can create portfolio case studies in minutes.
Astra and other WordPress themes
After you’ve got Elementor it is time to get your WordPress theme. There are a few great marketplaces for themes like ThemeForest, for example. You can get some great portfolio themes for a few dollars. For this website, we’re using Astra in combination with Elementor. Astra is a very broad theme that allows you to customize your website any way you want it. It is a more time-consuming way of creating your portfolio but by doing so you can customise your website to your personal needs.
Get your UX portfolio reviewed
I can imagine that this has been quite a bit of information on portfolios. After working for some time on your portfolio you can develop tunnel vision. That’s what happens to me when I work on something for a long time. Having a fresh set of eyes take a look at your portfolio project can help you improve your portfolio even more.
Are you looking for some help with creating your new UX portfolio? The Designer’s Toolbox offers a free UX portfolio review to help you out.
Best UX portfolios examples of 2020
Take a look at some of the best portfolios we like. It might help you get inspired when designing your UX portfolio.
The examples above all feature the tips and suggestions we provided to you earlier. They show right away what the designer does, who he or she is, and how to contact them.
Do you have another contender for this spot? Let us know!
Now that you’ve got the basics down it is time to build your portfolio. In the mean time, make sure to keep improving your skills as well. You can add these to your portfolio in due time.
For example, take a look at what we believe are some of the best books on UX.
Was this post helpful to you? Share it with others!