7 UX Designer Portfolio Examples: A Beginner's Guide

How do you build a UX design portfolio with no experience? This is a common problem for beginning UX designers looking for their first paying job. Luckily, crafting a stellar portfolio that shows off your skills before you’ve ever had a paying client is possible.

In this article, we’ll walk through seven portfolio case studies you can use as inspiration as you assemble a UX designer portfolio. We’ll also look at how working UX designers present these types of case studies in their portfolios and offer some takeaways and tips for making your portfolio shine.

To get started, take a look at some general guidelines and best practices for your UX design portfolio.

UX case studies for your entry-level portfolio

Just because you’ve never completed UX design work for a paying client doesn’t mean you have to apply for your first job with an empty portfolio. These seven types of UX case studies make excellent portfolio material for UX designers looking to get their start in the industry.

1. The course assignment

Sometimes, the first project to go into your portfolio will be a UX project you worked on as part of a design course, UX bootcamp, or degree programme. These projects often simulate real-world situations by giving you the constraints of a brief to work from as well as teammates to collaborate with.

Including a course assignment or capstone project in your portfolio can demonstrate your ability to:

• Work with the constraints and challenges of a brief

• Design on a fixed timeline

• Collaborate with a team

• Incorporate feedback into design iterations

Portfolio example: Phyllis Liu - Autonomous Ridesharing

Courtesy of Phyllis Liu

Phyllis Liu, a US-based UX designer who has worked for Facebook and Shopify, designed an autonomous car ridesharing experience as part of a project for a course at the University of Washington. In her case study, Phyllis is upfront about the constraints of the project, as well as what her team chose to focus on and why.

Scope of work chart for the Autonomous Ridesharing case study

For example, the team decided to focus on solving two specific user pain points—namely, finding the car and starting the ride without a driver. The case study walks through the project’s user research, product design iterations, validation through user testing, and user journey map before wrapping up with key takeaways and lessons learned.  

Best practices: 

• Outline your role in the project and who else contributed. Mention what tasks you worked on.

• Be clear about the scope and limitations of your project. What isn’t in the design, and why? Include a section outlining the next steps if you were to continue the work.

• Choose student projects with realistic constraints and real business value. Acknowledge any unrealistic elements in your case study. 

Upon completing the Google UX Design Professional Certificate on Coursera, you’ll have three end-to-end projects for your portfolio: a mobile app, a responsive website, and a cross-platform experience. Follow the link to get started for free. 

2. The unsolicited redesign

An unsolicited redesign (sometimes called an uninvited redesign) is an excellent way to show off your skills before you start working in your first job as a UX designer. Pick an app or website that you’re familiar with and make it better through your design process. 

An unsolicited redesign gives you the structure of an existing product to start with—including an established target user base—and allows you to put your user experience skills to work. This type of project is great for:

• Developing UX skills for new designers

• Establishing familiarity with the design process

• Building your first portfolio case study

Portfolio example: Shu Jiang - Houzz

Courtesy of Shu Jiang

Shu Jiang, a product designer at Google, includes an excellent example of an unsolicited redesign of the home renovation app Houzz in her portfolio. She starts by outlining the challenge she set for herself, then walks through the steps of her design process, with plenty of images to document her work. 

She includes affinity maps, a user persona, a task flow chart, and low-fidelity, high-fidelity, animated, and clickable prototypes. She even validates her design decisions by testing her clickable prototype with users.

High-fidelity prototypes from an unsolicited redesign of Houzz

Best practices: 

• Clearly indicate that this is an unsolicited redesign and that you have no affiliation with the company.

• Work through the entire process, including user research (your friends and family can be your first test subjects). Resist the urge to simply redesign the interface.

• Be respectful of the original designers and avoid insulting their work. Remember, they were working with brief and real-world constraints. 

3. The passion project

Another option for a case study you can complete without formal UX design experience is to build a concept app or website from scratch. Think about a problem in your life that you wish you had a solution to or an app you’d love to have on your phone. Then design it.

This can be more challenging than an unsolicited redesign, as it lacks the existing product’s inherent structure and constraints. But it’s also an opportunity to let your creativity shine. 

Portfolio example: Jeremy Stokes - Cultivate

Courtesy of Jeremy Stokes

Jeremy Stokes is a former Google UX intern and current product designer at Duolingo. His passion project, Cultivate, lays out a clear problem to solve: there’s a stigma around talking about mental health, particularly within the Black community. His solution? A service that uses plant care to empower users to cultivate (and talk about) their own mental health. 

User journey map from the Cultivate case study

Best practice: 

• Focus on solving a real problem. Outline that problem and how you solved it in your case study.

• When working on a passion project, you may not have a huge budget (or any budget at all). Be sure to mention what you would have done differently if you did. 

• Choose a project you care about. It’ll make the time and effort you put into it much more worthwhile.

4. The hackathon

During a hackathon, a group of designers and programmers collaborate on a project. The idea is to have a functioning piece of software by the end of the competitive event, usually constrained to 24 to 72 hours. 

Attending a hackathon gives you the opportunity to design a real app whilst collaborating with a real team of other designers, developers, and engineers. A hackathon project in your portfolio can demonstrate that you can:

• Think critically and solve problems under pressure

• Be a team player

• Prioritise important features and tasks 

Example portfolio: Yang Qian - Matchy

Courtesy of Yang Qian

Yang Qian, a product designer at Palantir Technologies, presents a case study from a three-day LinkedIn hackathon for design and engineering students. Her team’s challenge was to design an app to help college students better connect with their classmates. The result? Matchy. 

Yang presents the challenge, team, project duration, her role, and the skills she used to complete it in a clear and easy-to-read format. This case study does an excellent job of laying out user research findings. Short videos present user task flows in a way that doesn’t rely on big blocks of text.

Taskflow chart for Matchy case study

After the event, Yang even added an illustration showing how the app would bridge the gap between user experience and business value based on feedback from hackathon judges. 

Best practices: 

• Polish your hackathon project before presenting it as a case study (and acknowledge that you did so).

• Focus on the process over the finished product. This is your opportunity to show hiring managers how you think under pressure.

• Include any positive feedback from the judges, even if your project didn’t ultimately win.

5. The volunteer project

Another way to add real client work to your UX portfolio is to complete one or two small projects pro bono. Perhaps a non-profit organisation, school, or small business in your community could use a website or app redesign. 

Keep in mind that many non-profits and small businesses may need more than just design. They may also need help with development and implementation (and the resources that go with it). In these cases, consider volunteering as a team or doing pro bono work as part of a nonprofit hackathon.

Portfolio example: Clayton Hopkins - #DullesJustice

Courtesy of Clayton Hopkins

Clayton Hopkins includes a few pro bono case studies in his portfolio in the form of Medium articles. A particularly interesting example is his website design for a group of lawyers offering free legal aid to travellers at Dulles Airport in response to the Muslim travel ban in 2017. 

Homepage concepts for #DullesJustice project

In addition to walking through the entire UX design process step by step, Clayton offers insights into how he and his team responded to the urgency of the process, lessons learned along the way, and the results: three days after launch, the number of volunteers had increased from 100 to 1,200.

Best practices:

• Choose projects that are fun or interesting to you and that you’d be proud to display in your portfolio.

• Avoid signing a non-disclosure agreement (NDA) for unpaid work.

• At the end of the project, ask for a letter of recommendation for future jobs.

6. The UX design internship

Sometimes the path towards becoming a UX designer starts with an internship. Companies like Apple, Meta, Google, Amazon, and AirBnB are known to hire interns on their UX teams. You’ll find plenty of benefits to working as an intern—even if you’re unpaid—including:

• Mentorship from experienced UX designers

• Real-world experience

• Behind-the-scenes industry insight

• Networking opportunities

• Projects for your portfolio

Best practices:

• If you have to sign an NDA, make your case study password protected or keep it general, focusing on the early ideation.

• Tie your project to business results if possible.

• Include a positive testimonial from your manager, supervisor, or peers at the company.

7. The interview design challenge

You’ve landed your first interview for a UX designer role. But that doesn’t mean you can’t keep working on your portfolio. Many interviews include a design challenge—an interactive test to show how you think. With a bit of iteration and polish after the fact, you can transform these challenges (especially the take-home ones) into fresh material for your portfolio.

Portfolio example: Tammy Taabassum - Wish Design Challenge

Courtesy of Tammy Taabassum

During an interview with the e-commerce platform Wish, Tammy Taabassum completed a four-day design challenge where she was asked to improve the app in some way. Her project got her an internship and a stellar portfolio piece.

Usability testing results chart for a Wish design challenge

Tammy presents her case study as a slide deck that outlines the challenge and the four steps of her design process. She digs into the insights and challenges uncovered during her user research, points back to other apps where she found inspiration and ideas, redefines the Wish app’s information architecture, and validates her design with usability testing. She also discusses how she would test and iterate with more resources, giving her interviewers a preview of the value she’d bring to the company.

Best practices:

• If you received feedback during your challenge, include it in your case study. Show how you incorporated it into your design.

• Take photos of your work when completing a whiteboard challenge during an interview. 

• Make clear that this was a design challenge so recruiters know the limitations, such as time constraints.

What should be in a UX design portfolio?

In most cases, your UX design portfolio should have three sections, a "home" page, an "about" page, and a collection of case studies (this page is often labelled "work").

Home

Your homepage should include a compelling headline that introduces who you are and what you do. Sometimes one sentence, an image, and a clear navigational menu are enough. 

About

Your About page is the place to go into more detail about who you are and how you got started in UX, especially if you’ve switched from another career.

Work

Early  in your UX journey, you may not have much design work to include in your portfolio. But as you take classes, participate in hackathons, and work through passion projects, your collection of materials will start to grow. 

Whilst there’s no hard and fast rule about the number of projects to include in your portfolio, consider featuring three to five in-depth case studies. These should be your best work, and you can always swap them out for new case studies as you gain experience.

For each, consider including:

• Project context, scope, and timeline

• Your role and list of collaborators

• The problem you set out to solve

• Method or hypothesis for solving the problem

• Primary and secondary research

• User research and findings

• User persona and user journey map

• Design iterations (sketches, wireframes, low and high-fidelity prototypes)

• Final product

• Conclusion and metrics of success

• Lessons learned

Optional sections

Depending on your amount of experience and personal preferences, you may also choose to include the following pages:

• Resume: Give it its own page on the site or link to it.

• Side projects or other work: If you have case studies or graphic design work beyond your few highlighted projects, give them a separate section where those who want to see more can find them.

• Contact: This doesn’t have to be its own page, but be sure to give recruiters a way to get in touch with you if they like your work.

UX portfolios: Choosing a platform

Having your own hosted website can often be worth the extra expense. But if you’d like to get started building a portfolio for free, these platforms can help you showcase your work:

1. Behance offers a free online portfolio platform for creative work, including UI, UX, and graphic design.

2. Dribbble, another popular UX portfolio platform, lets you share screenshots of your sketches, prototypes, and design concepts.

3. Adobe Portfolio is free with most Adobe Creative Cloud plans and allows you to create a customised site that synchronises with Behance.

UX portfolio best practices: How do I make my portfolio stand out?

Now that we’ve gone through the must-have sections of a UX portfolio and some examples of effective case studies, let’s take a look at some additional tips and best practices to refer to when building your portfolio.

• Showcase your process, not just the finished product. Don’t skip steps.

• Document your process and include visuals in your case studies. Show your design process in action through photos, sketches, and screenshots.

• Use emotive language to show empathy. This is particularly important when giving background on the problem you set out to solve.

• Tie great UX back to business value (how does solving a user problem impact the business positively?).

• Highlight your speciality. If you aim to be a generalist, choose projects where you worked on all elements of the design process. If you’re more interested in user research or user interface (UI) design, prioritise these elements in your case studies.

• Make sure your portfolio provides a good UX. Your portfolio website is itself a demonstration of your skills.

• Try to include at least one live case study. Some work may need to be password-protected due to NDAs, but you want to give recruiters something to look at without emailing you for a password first.

Get started in UX design

If you’re curious about UX design or are ready to take the next step towards a new career in user experience, enrol in the Google UX Design Professional Certificate on Coursera. You can learn the skills you need for an entry-level role in less than six months, including how to apply user-centred design and accessibility in UX design, how to plan research and usability studies, and how to create wireframes and prototypes. Upon completion, gain exclusive access to career resources like resume review, interview prep, and career support.