Build your UI/UX design portfolio with the help of this five-step guide—then follow our top tips to make sure your portfolio stands out.
SUMMARISE WITH:
Every UI/UX designer needs a portfolio. Whatever stage you’re at in your career, a carefully curated portfolio reflects your skills, experience, and passions. It highlights your best project work and shows recruiters why they should hire you.
While every UI/UX designer portfolio is unique, there are some standard steps you can follow to build yours. From there, you can add your own personal touches and creative twists. If you’re ready to create an outstanding design portfolio, simply follow this guide.
Contents:
- 1) What is a UI/UX design portfolio and why is it necessary to have one?
- 2) What should you include in your UI/UX design portfolio?
- 3) How to build your UI/UX designer portfolio (5 steps)
- 4) How to make your UI/UX designer portfolio stand out: 3 top tips
- 5) UI/UX portfolio inspiration: 3 examples you can learn from
- 6) Key takeaways and next steps
- 7) Next steps if you’re still new to UI/UX design
What is a UI/UX design portfolio and why do you need one?
A UI/UX design portfolio presents a variety of projects and design tasks you’ve worked on. It provides evidence of your design skills, outlining the process you followed for each project, the final solution you came up with, and the impact of that solution on the end user, the business, or both.
All designers need a portfolio—regardless of whether you’re a senior in the field or just starting out. Your UI/UX design portfolio shows prospective clients and employers what you can do and, most importantly, how you do it. Employers are most interested in how you think and work as a designer, and a well-curated portfolio gives them that first-hand insight.
What should you include in your UI/UX designer portfolio?
The most important feature of your UI/UX designer portfolio is your case studies. Each case study focuses on a specific design project, detailing your entire process throughout—from stating the initial problem and choosing the appropriate methods to solve it to designing the final solution and evaluating its impact.
Every case study in your UI/UX design portfolio is like a story: it follows a logical narrative with a beginning, middle, and end, and it allows the reader to envision exactly how you worked to tackle the project at hand. Case studies are also an opportunity to reflect on your work, evaluating what went well and what you’d do differently next time. In that respect, they don’t only show your ability to implement the UI/UX design process; they also demonstrate that you’re always learning and growing as a designer.
In addition to a variety of case studies, your UI/UX designer portfolio should include an ‘about’ page (or section) that provides a brief summary of your experience. You’ll also want to include your email address and links to any relevant professional profiles (such as your LinkedIn profile).
How to build your UI/UX designer portfolio in 5 simple steps
Creating your UI/UX designer portfolio is a design project in itself. Here are the five steps you’ll follow:
- Set up and design your portfolio website
- Choose 3-5 projects and turn them into case studies
- Gather all the images and visuals you want to include in your portfolio
- Write your ‘About me’ section
- Proofread, test, and publish your portfolio
Ready? Let’s proceed to step one.
i) Set up and design your portfolio website
The first step is to design your portfolio website. As a UI/UX designer, you’re no doubt familiar with the process—you’ll map out the structure of your website before adding content and polishing up the visuals.
If you’ve got the skills (and the patience), you can design your own website from scratch. If not, there are countless premade templates you can use to build your portfolio in minutes. Consider sites like Wix, Squarespace, and Webflow.
Whichever approach you choose, remember the main elements you’ll need to include in your portfolio: An ‘about me’ page or section (you might choose to have this as your homepage), a section for your case studies, and space for your contact details and/or a contact form.
ii) Choose 3-5 projects and turn them into case studies
With the foundation in place, it’s time to focus on the most important feature of all: your case studies.
Rather than including every single project you’ve ever worked on, select a few (between 3 and 5) that accurately reflect the full scope of your abilities as a designer—as well as the kinds of projects you actually enjoy working on. If you’re especially interested in UX research, include a project where you contributed to the user research phase. If you’re more passionate about UI design, showcase projects where you were involved in that aspect.
For each of your chosen projects, you’ll need to write up a detailed case study. Each case study should outline:
- The problem or challenge you had to solve
- The role you played in the project, who else was involved, and how you collaborated with them
- How you reached the final solution, including the process you followed and the different methods you used along the way (e.g. ideation sessions, card sorting, tree testing, creating personas, etc.)
- Any challenges you faced and how you overcame them
- The final solution
- The impact of the project—evaluating how the final solution delivered value for both the end user and the business
- What you learned from the project and if there’s anything you’d do differently next time
As you write your case studies, focus on carving out a logical story with an easy-to-follow journey from start to finish. Break them up into manageable sections, each with a clear heading for easy scannability, and aim to keep your writing informative yet concise.
iii) Gather all supporting images and visuals
Your UI/UX portfolio will comprise a mixture of text and visuals, so the next step is to furnish your case studies with the relevant imagery.
You can include anything that supports the story you’re trying to tell—be it photos of you conducting user interviews, screenshots of user personas you created, your chosen color palettes and typography, or some kind of data visualisation showing the impact of your project on a specific user metric.
Make sure that all your visuals are of good quality and that they’re in the correct size and format. You’re showcasing your design skills, after all, so it’s important that your case studies look impeccable.
iv) Write your ‘About me’ section
Your case studies are ready—now the spotlight turns to you and your ‘About me’ section. You can divide this up into two parts: a short, introductory summary and then a longer, more in-depth account of your skills, interests, and experience.
For your introductory summary, craft two to three lines that tell the reader who you are and the kind of designer you consider yourself to be. This might be your current job title, or the role you’re aspiring for. For example: Hi, I’m Elli. I’m a UI/UX designer with a passion for slow, sustainable travel. I’m currently working at Slowly Does It, Inc., helping to design and shape the future of travel tech.
Your extended ‘About me’ section can span two or three paragraphs, sharing more detail about who you are (both professionally and personally), what you do, and any relevant experience you want to highlight. The goal is to provide the reader with insight into your skills, but also to show them what motivates you as a designer and what you’re passionate about.
Writing about yourself can be challenging, so take your time. It’s worth drafting a few different versions and revisiting them a few days later with fresh eyes—or sharing them with a friend to get a second opinion.
v) Get feedback and iterate
Once you’ve added all your portfolio content to your website, you’re ready to do a final check-through and send it out into the World Wide Web. Congratulations! Your UI/UX designer portfolio is now live.
But that’s not quite the end. It’s essential to make sure that your portfolio is easy to read, understand, and navigate—not just for you, but for anyone who comes across it, including recruiters. As a final step, conduct some lightweight user testing. Select a few people from your network who you trust to provide honest, constructive feedback, and ask them to review your UI/UX designer portfolio.
Based on their feedback, implement any necessary tweaks. This is good practice for any design project, and you should look to iterate on your portfolio at regular intervals throughout your design career.
How to make your UI/UX designer portfolio stand out: 3 top tips
We’ve shown you how to build your UI/UX designer portfolio. Now let’s consider what you can do to really make sure that your portfolio stands out.
i) Go beyond the “What” and delve into the “Why”
When scanning your portfolio, recruiters and hiring managers are keen to get inside your head. They don’t just want to know what you did; they want to know why.
As you write your UI/UX design case studies, don’t fall into the pattern of merely recounting what happened at each phase of the project. Delve deeper to explain why you made the decisions you made. Why did you choose that particular research method? What prompted you to run an extra round of usability testing at that particular moment? Why was your first idea not implemented?
The more insight you can provide into the why behind your process, methods, and decisions, the easier it will be for hiring managers to understand how you work—and to see that you’re a competent, thoughtful designer who knows what they’re doing.
Learn more about the UX design process with our guide: What is the UX design process? A step-by-step guide.
ii) Show off your design skills with a beautiful UI
Hiring managers are primarily interested in learning about your design process, but that doesn’t mean you can’t impress them with your creative design skills. If you want your UI/UX design portfolio to have an immediate “Wow” effect, put the extra effort into your portfolio’s UI design.
Bold color schemes, custom illustrations, and impressive animations can all transform your portfolio from uniform to unique. Use your talent and creativity to design something truly striking—recruiters will already be impressed before they’ve even made it to your case studies.
iii) Include a passion project
It’s great (and necessary) to showcase projects you completed at work, for a client, or as part of a UI/UX design course. In addition, you can help your portfolio stand out by including a passion project.
This could be a solution or feature you designed based on your own user problem, or an unsolicited redesign of an existing product that you love and want to improve. Creating your own passion project shows initiative and imagination, and demonstrates that you’re truly passionate about UI/UX design and solving real user problems.
If you do include a passion project, you can follow the same case study format we outlined previously. Just be sure to clearly state the nature of the project, especially if it’s an unsolicited redesign.
Portfolio inspiration: 3 UI/UX designer portfolios you can learn from
Before you create your own UI/UX designer portfolio, it’s helpful to take inspiration from others. Here are three UI/UX designer portfolios that really stand out—and what you can learn from them.
Juhi Chitra’s UI/UX design portfolio
Juhi Chitra is a UI/UX designer based in Delhi, India. As she explains in her ‘About me’ section, Juhi started designing web pages when she was just 12 years old—and her natural talent for design clearly shines through in her portfolio. Juhi has gone all out, giving you the option to switch between three different themes when viewing her portfolio.
In addition to all the standard portfolio sections, she has also included book recommendations and an ‘Other Pursuits’ section, ensuring her portfolio is both personal and unique.
Images sourced from Juhi’s Portfolio
Arun Pattnaik’s design portfolio
Arun Pattnaik is a freelance UX consultant from Mumbai, India, and his portfolio ticks all the boxes. Portfolio highlights include the funky ‘hello!’ animation that greets you on the homepage, the playful yet informative copy throughout, and a selection of well-structured, easily digestible case studies.
Images sourced from Arun’s portfolio
Juneza Niyazi’s design portfolio
Juneza Niyazi is a UX designer with a background in architecture. Her portfolio is a visual masterpiece complete with thoroughly documented and detailed case studies. Juneza highlights a variety of projects that showcase the diversity of her skills and interests—a great approach if you want hiring managers to see you as a multiskilled designer.
Images sourced from Juneza’s portfolio
Creating your UI/UX designer portfolio: Key takeaways and next steps
Your UI/UX designer portfolio is one of the most important design projects you’ll ever work on. Prospective employers and clients will be looking at your portfolio to gauge whether you’re qualified for a particular role or project, and to get an understanding of how you work. Pay close attention to detail, select your case studies wisely, and make sure your portfolio provides an outstanding user experience.
If you’re ready to build your portfolio, go right ahead and follow the steps we laid out in this guide. If you’re not quite there, continue to hone the most important UI/UX designer skills and gain valuable practical experience that you can feature in your portfolio.
Next steps if you’re still new to UI/UX design
Maybe you’re reading about building a UI/UX portfolio already, but are, in fact, still quite new to the field. If so, then you can refer to this comprehensive guide to UI/UX , from essential theory through to practical application, or go one step further and do one of the following:
- Watch this session by Shiva Viswanathan, Design Head of Ogilvy Pennywise, and Naman Singh, Product Experience Designer at RED.
- Talk to a course advisor to discuss how you can transform your career with one of our courses.
- Pursue our UI UX Design courses - all courses are taught through live, interactive classes by industry experts, and some even offer a Job Guarantee.
- Take advantage of our scholarship and funding options to overcome any financial hurdle on the path of your career transformation.
Note: All information and/or data from external sources is believed to be accurate as of the date of publication.
