creating a ux case study

How to Craft an Outstanding Case Study for Your UX Portfolio

Writing case studies for your UX portfolio can feel opaque and overwhelming. There are so many examples out there, and often the ones that make the rounds are the stunning portfolios of top visual designers. It can be inspiring to see the most beautiful work, but don’t let that distract you from the straightforward format of a good UX case study. 

At the core, a UX case study relies on excellent storytelling with a clear, understandable structure . This article breaks down the anatomy of a UX case study to help you tell a simple and effective story that shows off your skills. We’ll start with some general guidelines and structure, then break it down one piece at a time:

UX portfolio overview

What is a ux case study, general guidelines, how to structure a case study, how to fill in the details, defining the problem, understanding your users, early or alternate ideation, final design solution, next steps and learnings.

• Final thoughts

1. Before we get started

Before we dive into all the art and science of the case study, here’s a quick refresher on what a job-winning UX portfolio looks like. In this video, pro designer Dee analyses various design portfolios to pick out what works—and what doesn’t:

Simply put, a case study is the story of a design project you’ve worked on. The goal, of course, is to showcase the skills you used on the project and help potential employers envision how you’d use those skills if you worked for them.

A case study is typically written like a highly visual article, with text walking readers through a curated set of images. Curated is an important word here, because it should be short and sweet. It’s a chance to share what you want potential employers to know about your work on this project.

With that in mind, case studies are really a UX designer’s secret weapon in two ways. First, they get you in the door by showing more about your work than a resume and a top UX cover letter ever could. Another benefit is that they’re really handy in job interviews. If someone asks about a past project, you can walk them through the case study you’ve already created (this is sometimes a requirement anyway).

I mentioned that UX case studies are about storytelling. I’d actually say they’re about stories-telling, since they need to tell two intertwined stories .

The first is the story of your project. This answers questions like what problem you solved, who your users were, what solutions you explored, and what impact they had.

The second story is about you as a designer and your process. This is more about which methods you chose to use and why, how you worked within constraints, and how you worked as a member of a team (or without one).

So what are the steps for an effective case study? Well, like most things in design (and life), it depends. Every case study will be different, depending on what stories you’re telling. The six-part outline below, though, should guide you through an effective format for any UX project story. Here’s the outline (we’ll dive into each component in just a minute):

• Defining the Problem
• Understanding your Users
• Final solution

It’s worth it to add a few general notes before we dive into each of the list items above. For each section, include 1-2 short paragraphs and an image of a deliverable that visually tells the story your paragraphs explain. A reader should be able to either just read or just look at the images and roughly get what this moment in the story is communicating.

When choosing images to include, focus on quality over quantity.  Choose your best deliverables for each stage and briefly relate them back to the larger narrative. It can be tempting to overload the page with everything you created along the way, but these extra details should stay in your back pocket for interviews.

Lastly, make sure your case study is scannable . In the best of circumstances, people don’t read word for word on the web. Make sure your text is reasonably concise, use headers and strong visual hierarchy, and use bullet points and lists when possible. If you need a refresher on how to achieve this, check out our guide to the principles of visual hierarchy .

Ok, let’s take a look at each step in a bit more detail.

2. Anatomy of a UX case study

Like any story, the introduction sets the stage and gives much of the necessary context readers will need to understand your project. This is one section where people actually might take some extra time to read carefully as they try to discern what this case study is about. Make sure they have all the details they need.

Some key questions to answer are:

• What is your company and/or product?
• What user problem did you try to solve?
• What was your role?
• What tools and methods did you use?
• What are the major insights, impacts, or metrics related to the project

After introducing the project, dive more deeply into the problem you tackled. You touched upon this in the introduction, but this section is an opportunity to make a strong case for why this project exists. Did a competitor analysis or market research demand a new product? Was there past user research in your company that suggests a needed redesign of the product?

Remember that you’ll want to create a through line in the narrative, so try to lay out the problem in a way that frames your design work as a solution.

Deliverables that work really well for this section would be:

• Analytics or usage data
• Market research of internal business metrics
• Survey results or interview highlights

After explaining the problem, show how it impacts your users and their interaction with your product. If you did original user research or you’re seeking user research-oriented jobs, sharing interview scripts, affinity maps , and spreadsheets can be useful in showing your process.

However, this section shouldn’t be only about your process. A key goal of this section is articulating who your users are and what their needs are. These findings should set up your design work that follows, so try to set up that connection.

A few types of the deliverables you might share here are:

• User personas
• Mental models
• Journey maps or customer experience maps

Keep in mind you want to communicate users’ key motivations and challenges, as well as any more specific user groups you identified.

This section can really scale up or down depending on what you have to show. Research shows that hiring managers  don’t just want the final product , so it’s clear that showing some of your process is helpful. Especially for students or designers without a fully built product to show, this can be a moment for you to shine.

Don’t worry about the low fidelity of these documents, but the rougher they are, the more you’ll need to guide readers through them. Everything you show here should teach the reader something new about your process and/or your users.

Artifacts you might include are:

• Pen and paper or low fidelity digital wireframes

If you did early testing or faced constraints that determined your future design work, be sure to include them here, too.

This section should include the most final work you did on the project (e.g. wireframe flows or color mockups) and any final product it led to (if you have it). Be clear, though, about which work is yours and which isn’t.

Explain any key decisions or constraints that changed the design from the earlier stages. If you incorporated findings from usability testing, that’s great. If not, try to call out some best practices to help you explain your decisions. Referring to Material Design, WCAG, or Human Interface Guidelines can show the why behind your design.

If you’re able to show the impact of your work, this can take a good case study and make it outstanding. If your project has already been built and made available to users, have a look at any analytics, satisfaction data, or other metrics. See what you could highlight  in your case study to show how your design improved the user experience or achieved business goals. Ideally, you can refer back to your original problem statement and business goals from the introduction.

If you don’t have any way of showing the impact of your project, lay out how you would measure the impact. Showing you know how to measure success demonstrates you could do this on future projects.

Lastly, conclude your case study by sharing either your next design steps and/or some key insights you learned from the project. This isn’t just fluff! No project is perfect or final. Showing next steps is a great way to demonstrate your thinking iterative approach (without having to do the work!).

Also, many companies do (or should do) retrospectives after each project to identify challenges and improve future processes. Use this process and the insights you gain from it to inform your case study. Letting employers know you’re capable of reflection shows humility, self-awareness, and the value you can bring to a team.

3. Final thoughts

Since each case study is a unique story you’re telling about your project, it’s a little art and a little science. But starting with the structure laid out in this article will show who you are as a designer and how you solved a problem. And those are two stories companies want to hear!

If you’d like to learn more about how to craft a great UX portfolio, check out these articles:

• 5 Golden rules to build a job-winning UX portfolio
• The best UX design portfolio examples from around the web
• The best free UX/UI portfolio websites to use
• Salary negotiation for UX designers

The Complete Guide to UX Case Studies

Updated: October 23, 2023

Published: August 21, 2023

Writing a UX case study can be overwhelming with the proper guidance. Designing for the user experience and writing about it in a case study is much more than writing content for a webpage. You may ask, “If my design speaks for itself, should I include a UX case study in my portfolio?”

Yes, you should include UX case studies in your portfolio. And here’s why.

You need to make your portfolio stand out among the crowd. A UX case study is a great way to do that. Let’s take a minute to define what a UX case study is and look at some examples.

Table of Contents

What is a UX case study?

The benefits of ux case studies, examples of ux case studies, tips for creating a ux case study.

UX portfolios are essential to showcasing UX designer skills and abilities. Every UX designer knows better designs bring better results. Sometimes, it’s easy to let the design speak for itself — after all, it is meant to engage the audience.

But, in doing that, you, as the designer, leave many things unsaid. For example, the initial problem, the need for the design in the first place, and your process for arriving at the design you created.

This is why you need to include UX case studies in your portfolio.

UX case studies tell a curated story or journey of your design. It explains the “who, what, when, where, and how” of your design. The text should be short and sweet but also walk the reader through the thinking behind the design and the outcome of it.

[Video: Creating a UX Case Study: Right and Wrong Way to Approach It]

There are many benefits to including UX case studies in your portfolio. Think of your UX portfolio as a well-decorated cake. The designs are the cake, and UX case studies are the icing on the cake— they will catch your audience's eye and seal the deal.

Take a look at the benefits of adding UX case studies to your portfolio.

Don't forget to share this post!

Related articles.

Website Navigation: The Ultimate Guide [Types & Top Examples]

What Is End-User Experience Monitoring? [+Tips For Implementing It]

What Is GUI? Graphical User Interfaces, Explained

Horizontal Scrolling in Web Design: How to Do It Well

UX Accessibility: Everything You Need to Know

Your Guide to Creating UX Problem Statements

UX Prototyping: Your Complete Guide

The Chrome UX Report: How to Use It to Improve Your Website UX

Building Your First-Time User Experience: How to Get It Right

Perfecting Your Digital UX Design — The Tips You Need to Know

3 templates for conducting user tests, summarizing UX research, and presenting findings.

CMS Hub is flexible for marketers, powerful for developers, and gives customers a personalized, secure experience

• Portfolio Tips
• Career Tips
• Portfolio Examples
• Get UXfolio!

The Ultimate UX Case Study Template

Having a template to follow is the biggest help in UX case study writing. Even more so, if you’re a junior who doesn’t have much experience with portfolios. A template can help you plan, organize your thoughts while showing you the light at the end of the tunnel.

The UXfolio team reads hundreds of case studies every month. What we’ve found is that successful UX case studies have a similar structure. In this article, we’ve distilled this formula into a flexible UX case study template and some practical tips that you can use to polish your case studies!

About UX case studies in general:

Before you get to work, we need to clarify a few important details. Doing so will help you understand the expectations and the purpose of UX case studies:

What are UX case studies?

UX case studies are a form of professional content that mixes text and visuals to present the design process of products or product features. They make up UX portfolios, alongside optional pages such as ‘About Me’ or ‘Contact’.

How are they different from UX portfolios?

UX portfolios are made of UX case studies. Think of your portfolio as a folder that holds together your case studies. Back in the day, these used to be printed, book-like documents. Nowadays the industry prefers websites and other digital formats .

How are they different from resumés?

Your resumé lists your skills and work experience. Meanwhile, your portfolio uses case studies to showcase how you apply those skills and experience . Ultimately, you’ll need both to land a job.

How many case studies should be in a portfolio?

If you’re a junior UX designer , you should include 2-3 case studies in your portfolio. These could describe UX bootcamp assignments, re-design concepts, UX challenges , internship projects , or even fictional products. If you’re a medior or senior UX designer, write up 4-5 of your most impressive projects into case studies. Your goal should be to feature as many of your skills as possible. And remember: quality over quantity.

What to feature in your UX case studies?

Since your career depends on your UX portfolio, there’s a lot of pressure that comes with putting one together. Usually, it’s this pressure that numbs designers and leads to procrastination. But just setting straight what lays ahead will help ease your mind:

The story of your design

Design decisions, visuals with explanations.

This might sound very esoteric, but it’s really not. For every design, there was at least one problem that required a solution. You were the person who explored the problem and found the solution/solutions. There might have been moments when the whole thing went off-rails, or when you needed to go back to the drawing board. Those are all part of your design story.

Now, imagine that a friend, peer, or colleague asks you about a project. How would you talk about it? That’s almost exactly what you should put in your case studies. Just polish it a bit, leave out the curse words, add visuals and you have a case study.

Throughout the design process, you keep making decisions. Choosing a UX method to apply is a decision too, and there’s a reason why you chose it. Your UX case studies need to highlight these decisions and their contribution to the design.

The biggest mistake in UX case studie s is when UXers go on defining instead of explaining:

• Definition ➡️ “I proceeded to do an in-depth competitive analysis to find out more about competing apps in the same category.”
• Explanation ➡️ “I proceeded to do an in-depth competitive analysis to make a list of features that were missing from our products, check out how others solved the XY flow, and find out how could we improve on it in our solution.”

Then you’ll move on to explain what you’ve found and as your case study progresses, you reference those findings.

You need to be heavy-handed with your visuals when you’re creating UX case studies. Using images alongside your text will help your readers’ comprehension. So, as a first step, collect everything you can: photos, sketches, whiteboard grabs, graphs, personas, screenshots, wireframes, user flows, prototypes, mood boards, notes, and so on.

We’ve seen some creative UXers use screenshots of calls (with blurred-out faces), group photos, and prototypes of all fidelity. Such visuals help us understand what we’re reading about. But they also build an image in our heads of the designer behind the screen, which can be very powerful and memorable.

Some designers are already in the habit of keeping every scrap of paper with a scribble on it because they know that when it comes to writing a case study, you can’t have enough visuals. Follow their example to make your easier – your future self will thank you.

But it’s not enough to just throw some images into a case study. Here’s how you can make them impactful:

• Always give context ➡️ if you put that stunning photo of the wall with post-its into your case study, make sure that you place it in a section where you explain what’s happening on it (see design decisions) or give it a caption that explains it. The important thing is that visuals will only work if they are strategically placed or they come with an explanation.
• Strive for visual consistency ➡️ even if it requires some extra work, you should make sure that your visuals match each other. Yes, a persona and the user flow might not be close to each other on your layout, but they’re still in the same document so they need to have consistent styling. Believe me, this is a common criticism from design leads and HR folk as well.

How long should be a case study?

If you check a site like Behance, you’ll find that most UX projects there are rather short. Usually, they focus on the visual aspects of design, aka UI. That is a fantastic starting point for a case study. But for UX design, you will need to add some content for context.

The good news is that you don’t need to write essays for case studies. All it takes is around 500 words and some well-optimized visuals. You should never stretch your words because it’ll reflect poorly on your presentation skills. 

Also, treat this number with flexibility: If the project at hand justifies it, feel free to go above or below that. Usually, when a case study is very long, it’s because the project itself was more complicated.

What’s the point of UX case studies?

1. applied designer skills.

It’s one thing to learn a skill and it’s another to use it in a way that can help drive numbers for a business. A great UX case study will prove that you are capable of applying your skills and delivering a solution even with all the distractions and obstacles that come with real-life scenarios.

2. Presentation skills

Many UXers forget about the skills that are required beyond UX. Just read a few UX designer job descriptions , and you’ll find that advocating for design best practices is one of the most common requirements.

As a designer, you’ll have many stakeholder meetings and you’ll need to present your or your team’s ideas. And the fate of those ideas might depend on the way they’re presented. Therefore, the way you articulate your thoughts is important. A great UX case study will show that you are great at structuring your thoughts and articulating complex concepts.

3. The impact of your design

You can see in our UX case study template that there’s a separate section for showcasing your impact. If you can prove that your design can drive numbers, you’re set. This is the single most powerful tool that you can use in a case study: before-and-after analytics, such as an increase in checkouts, increase in finished flows, better CTRs, user feedback, etc. Use whatever number you have to show that your design contributed to the business. It’ll convince even the UX-doubters.

Obviously, as an aspiring/junior designer , this might be impossible, so you need to be a bit more creative. We advise you to show what impact the project had on you: what you’ve learned and how you’ve improved as a designer.

4. Navigating in a team

Almost every product is a collaborative effort between professionals from various disciplines: researchers, designers, developers, marketers, etc. Therefore, navigating in a collaborative environment is an important trait. A case study should show how the team influenced the design, how you’ve collaborated with other designers, the sacrifices that had to be made, and so on.

You don’t need an elaborate plan for this. First and foremost, make sure that you introduce the team in your case study. Second, ask for quotes/recommendations and include them in a neat quotes section. Yes, tooting your own horn can be a bit uncomfortable, but unfortunately, it’s part of the game.

5. Showcase of your taste

Yes, it’s UX, but the reality is that most people don’t care: if what you present doesn’t appeal to them, it’s unlikely that you’ll get the job. Make sure that your UX case studies are visually consistent. If you want to cast a wider net, strive for sleek, minimalist solutions and harmonizing colors.

A simple yet effective UX case study template

This is a tried-and-true UX case study template that can provide a structure to your thoughts. There are 6 chapters that are standard for almost any UX case study. However, the content of these chapters is highly dependent on the project you’re writing about. But don’t worry, this doesn’t mean that we’ll leave you on your own: for each chapter, we’ll give you various options and ideas to help you get going.

UX case study template/skeleton:

• Hero section
• Project overview
• Exploration/Discovery
• UX design process
• Final design

1. Hero section

All case studies should begin with a title & subtitle. You can use various formulas for your title, but we’ve found that this is the one that works the best:

• App name + project scope + project/case study = Netflix Checkout Redesign Project

Your subtitle can provide a glimpse into the project, for which you have various options:

• What’s the product about? (An app that helps you keep your plants alive.)
• What was the project about? (6-week UX design and research project)

If you want to include something visual in your hero section go hard or go home: use spoilers, aka show screens of the final design. You don’t have to fit everything there, just the parts you’re most proud of as an appetizer. Later in the case study, you’ll have enough space to showcase everything you’ve worked on.

• 2 sentences (titles), and
• 1 optional cover image.

2. Project overview

Make sure that your readers are prepared for what’s to come. Remember: they know nothing about this project, so you need to cover the bases:

• Product description,
• Team members,
• Project length,
• Methods used, and
• 3-4 sentences for the overview, and
• 4-5 bulletpoints for the small details.

3. Exploration/discovery

Now that we have all the background information, we can move on to how you’ve approached the issue you were presented with. This part usually includes:

• Competitive analysis,
• Interviews, and

Make sure that for everything you mention you answer at least these three questions:

• Why did you choose to do it?
• What did you find out?
• How did that influence your next move?

You can end this chapter with a wrap-up to create a smooth transition to the next chapter.

• At least 3-4 sentences for each method you’ve used,
• Visualize as much information as you can.

4. UX design process

Now that we understand the scope of the project, we’re eager to see how you went on to design a solution. You can achieve a great structure here if you start from more abstract ideas and move towards the final design:

• Wireframes,
• Prototypes,
• Iteration, and
• Validation.

Again, you need to answer a few questions for every step you made:

• What did you want to achieve by doing this?
• How did this step contribute to the final design?
• At least 3-5 sentences for every method you mention.

5. Final design

Probably the most exciting part of every UX case study is the reveal of the final design. In this section, you should explain

• Why did you choose this solution?
• What other solutions were in the run?
• Before-and-after screenshots (if relevant to the project).

There are two great options to present your final designs. The first is to use galleries. You can go with a nice carousel or a grid that follows a logical order. The second is to embed your Figma prototype. This has the added benefit of making your case study interactive, which makes for a more memorable experience. (Or you can combine the two for an even better showing.)

• 2-3 short paragraphs.

If you have numbers or analytics that show how your design contributed to business goals, you need to showcase them. This will make your case study even more impactful. You don’t need graphs and piecharts (unless you have the time to create some); it’s enough to make a list with the quantifiable data. If you don’t have access to such data , you can also include testimonials and user quotes to underline impact. If you can include both, that’s a winning combination.

• At least 1 sentence for each achievement.
• In a bulleted list or short paragraph.

6. Learnings

There’s something to learn even from the most boring project you’ve ever done. At least, you should strive to find something positive that can contribute to your growth as a designer. This can be a soft skill, a new tool, a new method, or a different way of cooperation. Try to think of things that were new to you in this project and share the takeaways with your readers. Alternative closures include:

• What would I do differently?
• Jobs to be done
• This chapter can be as long as you please, but
• At least 3-4 sentences.

Alternate UX case study templates

We’ve provided a classic UX case study template that has been proven to be working. Now, we’ll show you how you can alter this template for different flows:

UI focused case study template

If you’re strong in UI, you should not wait to reveal your final design until the end of your case study. You needn’t worry about spoiling the surprise as a case study is not a fiction novel or Netflix show. A beautiful design will pull in your readers. What’s more, if the company doesn’t really know the difference between UI and UX, this approach will make your case study even more impactful as it’ll start with the ‘beautiful stuff’.

Here’s how that template would go:

• Project Overview
• Transition to the next section by letting your reader know that you’ll explain how you’ve arrived at this solution.
• Exploration/discovery
• (Optional: Showcase even more of your final designs)

Impact driven case study template

Every product has a business behind it. And what you can do for that business is what matters to stakeholders. We can all conclude that a screen is pretty, but if it doesn’t contribute to business goals or KPIs, it’s just that, a pretty screen. So, if you have some numbers to share, don’t be afraid to put them right after your intro section. Then go on and showcase how you’ve achieved it:

• Share numbers then follow up by showcasing the design which contributed them:

Build your UX case studies with UXfolio!

UXfolio is a portfolio and case study builder made with UX designers in mind. It offers stunning, customizable templates as well as a case study generator with text and image ideas. What’s more, UXfolio comes with built-in device mockups, easy prototype embedding, and password protection on the portfolio or the case study level. Ready to work on your portfolio? Try UXfolio for free!

Product Design Bundle and save

User Research New

Content Design

UX Design Fundamentals

Software and Coding Fundamentals for UX

• UX training for teams
• Hire our alumni
• Student Stories
• State of UX Hiring Report 2024
• Our mission
• Advisory Council

Education for every phase of your UX career

Professional Diploma

Learn the full user experience (UX) process from research to interaction design to prototyping.

Combine the UX Diploma with the UI Certificate to pursue a career as a product designer.

Professional Certificates

Learn how to plan, execute, analyse and communicate user research effectively.

Master content design and UX writing principles, from tone and style to writing for interfaces.

Understand the fundamentals of UI elements and design systems, as well as the role of UI in UX.

Short Courses

Gain a solid foundation in the philosophy, principles and methods of user experience design.

Learn the essentials of software development so you can work more effectively with developers.

Give your team the skills, knowledge and mindset to create great digital products.

Join our hiring programme and access our list of certified professionals.

Learn about our mission to set the global standard in UX education.

Meet our leadership team with UX and education expertise.

Members of the council connect us to the wider UX industry.

Our team are available to answer any of your questions.

Fresh insights from experts, alumni and the wider design community.

Success stories from our course alumni building thriving careers.

Discover a wealth of UX expertise on our YouTube channel.

Latest industry insights. A practical guide to landing a job in UX.

How to present a UX design case study

A well-written and formatted case study can make the difference between catching a hiring manager’s eye and being overlooked.

Free course: Introduction to UX Design

What is UX? Why has it become so important? Could it be a career for you? Learn the answers, and more, with a free 7-lesson video course.

Case studies are the cornerstone of any UX design portfolio. A well-written and formatted case study can make the difference between catching a hiring manager’s eye and being overlooked. 

However, it’s not easy to figure out the best way to present a UX design case study, especially if you haven’t created one before. How much detail should you go into? How many images should you include? Should you only present polished final work, or should you show the iterations and setbacks you went through along the way?

This post will demystify the process of presenting a case study in your UX portfolio. While there is no one-size-fits-all method for creating a case study, these guidelines will give you a clear structure to follow. 

We’ll first provide an overview of what a case study is, as well as a basic outline for writing them. Then we’ll dive deeper into each section that should be included in a case study, complete with real-world examples. 

Here’s what we’ll explore:

What is a UX design case study?

How should a case study be structured, what should be included in each case study section, final thoughts.

[GET CERTIFIED IN UX]

A UX case study is a detailed summary of a project you designed. Case studies go beyond the polished final product of your design work to tell the story of one project from beginning to end. That means explaining through both text and images what the project was, how you and your team tackled the design problem, and what the final results were. 

The objective is to give hiring managers insight into the way you think, including how you approach and solve UX problems and how you overcome challenges. This will help them understand how you’d fit into their UX team if they hired you. Each case study you include in your portfolio is a chance to showcase how you employed your strengths and skills as a UX designer at each stage of the design process . 

As a result, the UX case studies you create will have a big impact on whether you are selected for a job interview. And, during an interview, you’ll likely be asked to talk about your case studies so hiring managers can learn more about your past UX design experience.

Case studies can help your UX portfolio stand out from other job applicants—but only if you can clearly articulate your design thinking and process through them. The best way to do this is to think of each case study as a story with a beginning, middle, and end. 

Each section of your case study should build on the previous section as you guide your reader from the inception of the project to your final deliverables. Along the way, you should include clear, concise explanations of what you did alongside images of the project. In addition, each section should be presented with a strong visual hierarchy so that readers can easily understand both the project and your contributions to it by scanning your case study .

Each case study will be different depending on the project you’re explaining and the details you’re highlighting. However, the following is a general outline of the main sections to include:

Introduction

The problem, process and iterations, final design solution, results and key takeaways.

Let’s outline the key information you should include in each section of your case study.

In this section, you’ll provide context for the project. This is often the part of the case study that readers will pay especially close attention to, so it should be brief but informative. You’ll start with an overview of the project, including the company it was for and the product that you were tasked with designing. 

You’ll then articulate your role and responsibilities on the project. Be honest about what you did and how you contributed. If the case study is about something other than a client project, such as a project for a class, you should mention that too.

You can also include details about the project that you’ll expand on later — such as the problem you were presented with, how you and your team began to approach the project, and some information about the results of the design you ultimately delivered.

For visuals, you can include anything from the logo of the company you were designing for, a picture of the “before” state of the product if you’re detailing a redesign, or an image of the final product you designed. 

A good example of a case study introduction can be seen in Yi Tang’s case study for a game discovery experience , designed for the gaming company EA.

Source: Yi Tang’s portfolio 

In the introduction, he provides a good overview of the project, including the client and the goals of the project, and his role and responsibilities are clearly articulated. Most importantly, the information is easy to scan and understand.

This is where you’ll start to get into the specifics of the project by explaining the design problem you were tasked with solving. Why was this project valuable to both the product’s users and the company’s business goals? Include any research or competitive analysis data that helps explain why the project was important, including any surveys of users or usage data.

Source: Helen W. Bentley’s portfolio

Meanwhile, in her case study for Udemy’s online quiz experience , Frances Tung uses a combination of text and images to explain the problem and why a redesign of the experience was necessary for both the company and Udemy’s users.

Source: Frances Tung’s portfolio

[GET CERTIFIED IN UI DESIGN]

In this section, you’ll go into more detail about who your users are. This section is the place to showcase any user research that was done for the project, and is especially important if you’re applying for a position as a UX researcher . If that’s the case, you might want to include images of transcripts or other documents that specify how you used research to better understand your users. 

This section should also describe any findings about users’ goals and needs when it comes to the product, and include deliverables such as user personas and journey maps.

For one example, check out Simon Pan’s redesign of the Uber app’s pickup experience . 

Source: Simon Pan’s portfolio

User research was conducted to understand users’ pain points with the current app. In just a couple of sentences, Pan explains the study that was performed to capture how users were thinking about the app experience. Pan then describes the findings that came out of it.

For UX designers, this is the most important part of the case study because it’s a chance to demonstrate your design thinking skills, including how you make design decisions and how you respond to challenges and setbacks. 

Here you’ll explain the steps you took to solve the problem and why different design decisions were made. Don’t be shy about detailing several iterations of the project as you got closer and closer to the final design solution. If you worked within specific constraints, encountered setbacks, or had to make compromises during the design process, describe those as well. They’ll help hiring managers understand how you respond to adversity. 

You can include a range of deliverables in this section, including:

• Whiteboard or paper sketches
• Low or medium fidelity wireframes and prototypes

Of course, you can’t include every document showing every iteration the design went through. So choose some good representative examples to give hiring managers an idea of how the project progressed over time.

Source: Emily Yeh’s portfolio

This section is reserved for revealing the final design solution you arrived at. You should explain what went into any final design decisions, and include images of the final product (or high-fidelity mockups), as well as the final UX documents that you created, such as prototypes or wireframes. 

One good example comes from Ariel Verber’s case study of a redesign for a movie ticket booking app. 

Source: Medium 

He uses both text and images of the final product mockup to clearly explain how his solution arose from his user research. 

After you’ve presented the final design solution, it can be tempting to call it a day. But don’t! This final section will make a strong conclusion to your case study by explaining the impacts of your design solution (if you’re aware of them) and what you learned from the project.

For projects that have been launched, you should detail any results that demonstrate how the product improved the user experience and helped meet business goals. This could be analytics that show an increase in the number of users visiting or the average time spent with the product, metrics that demonstrate an increase in sign ups or purchases, or any data about improved user satisfaction you might have access to. 

It’s also worthwhile to include a retrospective of the project that describes any learnings you took away from the experience. After all, no project is perfect. This is an opportunity to explain how working on the project helped you grow and evolve as a UX designer, including the next steps you’d like to take to make further improvements to the product,  and anything that will influence how you approach other UX projects.

Source: Helen Bentley’s portfolio

Creating a UX design case study can feel overwhelming. But remember: you know your project best and should be able to clearly articulate it, both in writing and through images. While the focus in UX is often on designing deliverables, written and visual communication is also an important part of the job. A UX case study not only shows off your design thinking skills;  it’s also a chance to demonstrate your communication abilities. If you can combine the two into a stellar case study, you’ll be all the more likely to get a hiring manager’s attention.

• ux case study

Subscribe to our newsletter

Get the best UX insights and career advice direct to your inbox each month.

Thanks for subscribing to our newsletter

You'll now get the best career advice, industry insights and UX community content, direct to your inbox every month.

Upcoming courses

Professional diploma in ux design.

Learn the full UX process, from research to design to prototyping.

Professional Certificate in UI Design

Master key concepts and techniques of UI design.

Certificate in Software and Coding Fundamentals for UX

Collaborate effectively with software developers.

Certificate in UX Design Fundamentals

Get a comprehensive introduction to UX design.

Professional Certificate in Content Design

Learn the skills you need to start a career in content design.

Professional Certificate in User Research

Master the research skills that make UX professionals so valuable.

Upcoming course

Build your UX career with a globally-recognised, industry-approved certification. Get the mindset, the skills and the confidence of UX designers.

You may also like

What are the laws of UX? All 21 laws explained

The ultimate guide to usability testing for UX in 2024

A beginner’s guide to typography design

Build your UX career with a globally recognised, industry-approved qualification. Get the mindset, the confidence and the skills that make UX designers so valuable.

2 July 2024

Advisory boards aren’t only for executives. Join the LogRocket Content Advisory Board today →

• Product Management
• Solve User-Reported Issues
• Find Issues Faster
• Optimize Conversion and Adoption

21 UX case studies to learn from in 2024

UX case studies are the heart of your design portfolio. They offer a peek into your design process, showcasing how you tackle challenges, your methods, and your results. For recruiters, these case studies serve as a metric for evaluating your skills, problem-solving abilities, and talent.

If you’re considering creating your own UX case study in 2024 but don’t know where to start, you’re in the right place. This article aims to inspire you with 21 carefully hand-picked UX case study examples, each offering valuable lessons.

But before we dive into these examples, let’s address a question that might be lingering: Is a UX case study truly worth the effort?

Is it worth creating a UX case study?

The short answer is yes.

Remember how in math class, showing your workings was even more important than getting the correct answer? UX case studies are like that for designers. They are more than just showcasing the final product (the polished website or app); they detail the steps taken to get there (the research, user testing, and design iterations). By showing your design process, you give potential employers or clients a peek into your thought process and problem-solving skills.

A well-laid-out case study has many benefits, including the following:

Building credibility

As case studies provide evidence of your expertise and past successes, they can build credibility and trust with potential employers or clients.

Educational value

By showing your design process, you provide valuable insights and learnings for other designers and stakeholders.

Differentiation

A compelling case study can leave a lasting impression on potential recruiters and clients, helping you stand out.

Iterative improvement

A case study is like a roadmap of each project, detailing the highs, lows, failures, and successes. This information allows you to identify areas for improvement, learn from mistakes, and refine your approach in subsequent projects.

Now that you know why a stand-out case study is so important, let’s look at 21 examples to help you get creative. The case studies will fall under five categories:

• Language learning app
• Learning app
• Travel agency app
• Intelly healthcare app
• Cox Automotive
• Swiftwash laundry
• Wayfaro trip planner
• New York Times app redesign
• Disney+ app redesign
• Fitbit redesign
• Ryanair app redesign
• Forbes app redesign
• Enhancing virtual teaching with Google Meet
• Airbnb’s global check-in tool
• Spotify home shortcuts
• AI-powered spatial banking for Apple Vision Pro
• Sage Express

In this section, we’ll explore case studies that take us through the complete design journey of creating a digital product from scratch.

1. Language learning app

If you’re a designer looking to get your foot in the door, this is one case study you need to check out. It’s so well detailed that it helped this designer land their first role as a UX designer:

Created by Christina Sa, this case study tackles the all-too-common struggle of learning a new language through a mobile app. It takes us through the process of designing a nontraditional learning app that focuses on building a habit by teaching the Korean language using Korean media such as K-pop, K-drama, and K-webtoon.

Over 200k developers and product managers use LogRocket to create better digital experiences

Key takeaway

This case study shows how a structured design process, user-centered approach, and effective communication can help you stand out. The creator meticulously laid out their design process from the exploratory research phase to the final prototype, even detailing how the case study changed their view on the importance of a design process.

If you’re searching for a comprehensive case study that details every step of the design process, look no further. This one is for you:

This impressive case study by Finna Wang explores the creation of a fan-focused responsive platform for Jambb, an already existing social platform. The creator starts by identifying the problem and then defines the project scope before diving into the design process.

This case study shows us the importance of an iterative problem-solving approach. It identifies a problem (pre-problem statement), creates a solution, tests the solution, and then revises the problem statement based on the new findings.

3. Learning app

If you need a highly visual case study that takes you through every step of the design process in an engaging way, this one is for you:

This case study walks us through the design of a platform where users can find experts to explain complex topics to them in a simple and friendly manner. It starts by defining the scope of work, then progresses through research, user journeys, information architecture, user flow, initial design, and user testing, before presenting the final solution.

This case study demonstrates effective ways to keep readers engaged while taking them through the steps of a design process. By incorporating illustrations and data visualization, the designer communicates complex information in an engaging manner, without boring the readers.

If you’re in search of a case study that details the design process but is also visually appealing, you should give this one a look:

This case study by Orbix Studio takes us through the process of designing GiveHub, a fundraising app that helps users set up campaigns for causes they’re passionate about. It starts with an overview of the design process, then moves on to identifying the challenges and proposing solutions, before showing us how the solutions are brought to life.

This case study illustrates how a visually engaging design and clear organization can make your presentation easy to grasp.

5. Travel agency app

This case study is quite popular on Behance, and it’s easy to see why:

The case study takes us through the process of creating a travel app that lets users compare travel packages from various travel agencies or groups. The creators set out a clear problem statement, propose a solution, and then show us the step-by-step implementation process. The incorporation of data visualization tools makes this case study easy to digest.

This is another case study that shows the importance of using a clearly defined design process. Going by its popularity on Behance, you can tell that the step-by-step process breakdown was well worth the effort.

6. Intelly healthcare app

If you’re looking for a UX case study that explores the design journey for both mobile and desktop versions of an app, this is one you should check out:

This case study explores the process of creating Intelly, an app that transforms patient care with telemedicine, prescription management, and real-time tracking. The case study begins with a clear design goal, followed by a layout of existing problems and design opportunities. The final design is a mobile app for patients and a desktop app for doctors.

This case study highlights the importance of proactive problem-solving and creative thinking in the design process. The creators laid out some key problems, identified design opportunities in them, and effectively leveraged them to create an app.

7. Cox Automotive

If you prefer a results-oriented case study, you’ll love this one:

This case study delves into how Cox Automotive’s Manheim division, used LogRocket to optimize their customers’ digital experience for remote car auctions. It starts by highlighting the three key outcomes before giving us an executive summary of the case study. The rest of the case study takes us through the process of achieving the highlighted outcomes.

A key takeaway from this case study is the significance of using user data and feedback to enhance the digital experience continuously. Cox Automotive used LogRocket to identify and address user-reported issues, gain insights into customer behaviors, and make data-driven decisions to optimize their product.

These case studies are more focused on the visual aspects of the design process, teaching us a thing or two about presentation and delivery.

If you love a case study that scores high on aesthetics with vivid colors, cool illustrations, and fun animations, you need to check this one out:

This case study takes us on a visual journey of creating Rebank, a digital product aimed at revolutionizing the baking industry. It starts with the research process, moves on to branding and style, and then takes us through the different screens, explaining what each one offers.

This case study illustrates the value of thinking outside the box. Breaking away from the conventional design style of financial products makes it a stand-out case study.

9. Swiftwash Laundry

If you’re looking for a case study that prioritizes aesthetics and visual appeal, you should check this one out:

This case study by Orbix Studio gives us a peek into how they created Swiftwash, a laundry service app. It takes us through the steps involved in creating an intuitive, user-friendly, and visually appealing interface.

If there’s one thing to take away from this case study, it’s the value of presenting information in a straightforward manner. Besides being easy on the eye, this case study is also easy to digest. The creators lay out the problem and detail the steps taken to achieve a solution, in an easy-to-follow way, while maintaining a high visual appeal.

10. Wayfaro trip planner

If you’re looking for a concise case study with clean visuals, you should definitely check this one out:

This Behance case study takes us through the design of Wayfaro, a trip planner app that allows users to plan their itineraries for upcoming journeys. The creators dive straight into the visual design process, showing us aspects such as branding and user flow, and explaining the various features on each screen.

This case study shows us the power of an attractive presentation. Not only is the mobile app design visually appealing, but the design process is presented in a sleek and stylish manner.

App redesign

These case studies delve into the redesign of existing apps, offering valuable insights into presentation techniques and problem-solving approaches.

11. New York Times app redesign

If you’re looking for an app redesign case study that’s impactful yet concise, this one is for you:

This study details the creation of “Timely,” a design feature to address issues with the NYT app such as irrelevant content, low usage, and undesirable coverage. It takes us through the process of identifying the problem, understanding audience needs, creating wireframes, and prototyping.

This case study shows us that you don’t always need to overhaul the existing app when redesigning. It suggests a solution that fits into the current information setup, adding custom graphics to the mobile app. Starting with a simple problem statement, it proposes a solution to address the app’s issues without changing what customers already enjoy.

12. Disney+ app redesign

If you’re looking for an engaging case study that’s light on information, you should check out this one:

This case study by Andre Carioca dives right into giving the user interface a little facelift to make it more fun and engaging. By employing compelling storytelling and appealing visuals, the creator crafts a narrative that’s a delight to read.

Given how popular this case study is on Behance, you can tell that the designer did something right. It shows how injecting a little playfulness can elevate your case study and make it more delightful.

13. Fitbit redesign

If you want an in-depth case study that doesn’t bore you to sleep, this one is for you:

This case study by Stacey Wang takes us through the process of redesigning Fitbit, a wearable fitness tracker. The creator starts by understanding personas and what users expect from a fitness tracker.

Next was the development of use cases and personas. Through a series of guerrilla tests, they were able to identify user pain points. The redesign was centered around addressing these pain points.

This case study highlights the importance of clear organization and strong visual communication. The creator goes in-depth into the intricacies of redesigning the Fitbit app, highlighting every step, without boring the readers.

14. Ryanair app redesign

If you’re bored of the usual static case studies and need something more interactive, this app redesign is what you’re looking for:

This case study takes us through the process of giving the Ryanair app a fresh look. Besides the clean aesthetics and straightforward presentation, the incorporation of playful language and interactive elements makes this case study captivating.

This case study shows how adding a bit of interactivity to your presentation can elevate your work.

15. Forbes app redesign

This case study starts by explaining why the redesign was needed and dives deep into analyzing the current app. The creator then takes us through the research and ideation phases and shares their proposed solution. After testing the solution, they made iterations based on the results.

When it comes to redesigning an existing product, it’s a good idea to make a strong case for why the redesign was needed in the first place.

UX research

These case studies are centered around UX research, highlighting key research insights to enhance your design process.

16. Enhancing virtual teaching with Google Meet

This case study by Amanda Rosenburg, Head of User Experience Research, Google Classroom shows us how listening to user feedback can help make our products more useful and inclusive to users.

To improve the virtual teaching experience on Google Meet, the team spent a lot of time getting feedback from teachers. They then incorporated this feedback into the product design, resulting in new functionality like attendance taking, hand raising, waiting rooms, and polls. Not only did these new features improve the user experience for teachers and students, but they also created a better user experience for all Google Meet users.

When there isn’t room for extensive user research and you need to make quick improvements to the user experience, it’s best to go straight to your users for feedback.

17. Airbnb’s global check-in tool

This case study by Vibha Bamba, Design Lead on Airbnb’s Host Success team, shows us how observing user behaviors inspired the creation of a global check-in tool:

By observing interactions between guests and hosts, the Airbnb team discovered a design opportunity. This led to the creation of visual check-in guides for Airbnb guests, which they can access both offline and online.

There’s a lot to be learned from observing user behavior. Don’t limit yourself to insights obtained from periodic research. Instead, observe how people interact with your product in their daily lives. The insights obtained from such observations can help unlock ingenious design opportunities.

18. Spotify Home Shortcuts

This case study by Nhi Ngo, a Senior User Researcher at Spotify shows us the importance of a human perspective in a data-driven world:

When the Spotify team set out to develop and launch the ML-powered Shortcuts feature on the home tab, they hit a brick wall with the naming. A/B tests came back inconclusive. In the end, they had to go with the product designer’s suggestion of giving the feature a name that would create a more human and personal experience for users.

This led to the creation of a humanistic product feature that evoked joy in Spotify’s users and led to the incorporation of more time-based features in the model, making the content more time-sensitive for users.

Although data-driven research is powerful, it doesn’t hold all the answers. So in your quest to uncover answers through research, never lose sight of the all-important human perspective.

Artificial intelligence

The following case studies are centered around the design of AI-powered products.

19. AI-powered spatial banking for Apple Vision Pro

If you want to be wowed by a futuristic case study that merges artificial intelligence with spatial banking, you should check this out:

In this revolutionary case study, UXDA designers offer a sneak peek into the future with a banking experience powered by AI. They unveil their vision of AI-powered spatial banking on the visionOS platform, showcasing its features and their AI use cases.

This case study shows us the importance of pushing boundaries to create innovative experiences that cater to user needs and preferences.

20. Sage Express

If what you need is an AI case study that isn’t information-dense, this one is for you:

This case study by Arounda takes us through the design of Sage Express, an AI-powered data discovery tool that automatically extracts patterns, tendencies, and insights from data. It outlines the challenge, proposes a solution, and details the journey of bringing the proposed solution to life. But it doesn’t stop there: it also shows the actual results of the design using tangible metrics.

This case study underscores the importance of showing your outcomes in tangible form. You’ve worked hard on a project, but what were the actual results?

If you’re looking for a clean and well-structured AI case study, this will be helpful:

This case study takes us through the process of creating Delfi, an AI-driven banking financial report system. It details the entire design process from onboarding to prototype creation.

If there’s one thing to learn from this case study, it’s how a well-structured presentation can simplify complex information. Although the case study is heavy on financial data, the organized layout not only enhances visual appeal but also aids comprehension.

This article has shown you 21 powerful case study examples across various niches, each providing valuable insights into the design process. These case studies demonstrate the importance of showcasing the design journey, not just the final polished product.

When creating your own case study, remember to walk your users through the design process, the challenges you faced, and your solutions. This gives potential recruiters and clients a glimpse of your creativity and problem-solving skills.

And finally, don’t forget to add that human touch. Let your personality shine through and don’t be afraid to inject a little playfulness and storytelling where appropriate. By doing so, you can craft a case study that leaves a lasting impression on your audience.

Header image source: IconScout

LogRocket : Analytics that give you UX insights without the need for interviews

LogRocket lets you replay users' product experiences to visualize struggle, see issues affecting adoption, and combine qualitative and quantitative data so you can create amazing digital experiences.

See how design choices, interactions, and issues affect your users — get a demo of LogRocket today .

Share this:

• Click to share on Twitter (Opens in new window)
• Click to share on Reddit (Opens in new window)
• Click to share on LinkedIn (Opens in new window)
• Click to share on Facebook (Opens in new window)

Stop guessing about your digital experience with LogRocket

Recent posts:.

How to measure and improve user retention

Tracking metrics like user retention provides a way to measure the impact of your work on the growth and success of digital products.

A guide to data visualization

When creating data visualizations, you want to ensure clarity and accessibility — bonus points if the format allows for interactivity too.

I did a designathon as an experienced designer — here’s what I learned

Designathons bring design professionals from all levels and backgrounds gather — sometimes with guests such as project managers, developers, or researchers.

Introduction to the B.I.A.S. framework

The B.I.A.S. framework can help you validate whether your designs pass the fast thinker test.

Leave a Reply Cancel reply

7 Steps to Creating a Spectacular UX Case Study

UX Design Paula Borowska • March 11, 2020 • 7 minutes READ

In this tutorial, I’m going to walk you through how to create an impactful UX case study. It’s perfect advice for designers who are about to embark on a new job hunt. And, it’s going to be especially helpful for junior designers who are new to creating case studies.

Included are seven steps:

• Problem and the goal
• Target audience
• Deliverables and the outcome
• Lessons learned

Each is going to help you identify how to tell the story of past projects  effectively. Once you’ve completed all seven, you will have an excellent case study!

• Include visuals and documentation along the way, not just in the final deliverable sections to tell your stories better.
• Respect the NDAs you’ve signed as you’re generating the case study.
• Don’t forget to treat the case study and the job application process like any other UX design challenge.

Step 1: Case Study Overview

Two major components make up the case study overview. The first is a summary of the project. Keep it around three or four sentences. It might be helpful to wait until you finish writing the entire case study to summarize what you just wrote.

17 Must-Read Books for Product and UX Designers

• How Changing the UX 180 Degrees Made Grew Sales By 180%
• Essential Skills To Become A Great UI/UX Designer

The second major component is your role within this project. What services did you provide? What responsibilities did you have? Give potential employers a better picture of your involvement in the projects. Otherwise, they will have to assume, and that’s not good.

With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.

Case study overview in practice

Lucy Qi’s Print It Digital case study offers a detailed overview of the project in addition to identifying her role, the client’s name, and the project timeline.

Step 2: Define the Problem and Goal

Articulating the problem well will help in telling the story of the case study. State the problem concisely.

Next, identify the project’s goal. What did the project aim to achieve? Be as detailed as you can. For example, was it to:

• Gain 10,000 new email subscribers?
• Increase user retention by 10%?
• Improve MoM revenue by 30%?
• Decrease withdrawals by 50%?
• Advance over NPS scores in the next six months?

Defining the problem and goals in practice

France Sung’s Zillow case study  succinctly identified the problem.

Then there is Gabrianna Dumaguin, who identifies two major goals for the project and how her team plans on measuring them in her  Yelp case study .

Step 3: Scope

Stating the project’s scope helps in comprehending the case study further. Say, the overall project scope was large, and you only played a small role in the project; that’s perfectly fine. In this case, identify your scope of the whole project. To further distinguish the project’s boundaries, state anything that was  outside of the project’s scope .

If applicable, you use this section as an opportunity to show your project management skills. Talk about how you handled staying on budget, staying on time, or scope creep for this project.

The project scope in practice

Focus Lab’s BlueWave case study  shows off bullet lists of exactly the services the company provided for their client.

With Startup App and Slides App you can build unlimited websites using the online website editor which includes ready-made designed and coded elements, templates and themes.

Step 4: Target Audience

When it comes to identifying the target audience within your case study, start by answering the following questions:

• Who are they?
• How does the problem affect them?
• What key insights do you have about them?

There might be a lot of information to cover to give someone an overview of the target audience. That’s fine. Be concise.

You can treat the audience section in one of two ways. Share everything you know about them upfront, including what you knew going on versus what you learned along the way. Or, you can address what you learned within your process section. It’s up to you where you define this information as long as you do. After all, discovering and handling new information is a big part of being a UX designer.

For added insight into your design process, mention what questions you needed to investigate regarding the audience to solve the problem. Mention the details about user research or user testing in the design process section in the fifth step.

The target audience in practice

Emily Yeh’s BlueStack TV case study  has an extensive break down of the target audience, including a persona, list of main use cases, and a feature list.

On the other hand, Vax Liu’s Battery Saver case study identifies common user pain points addressed by the project.

Step 5: Process

Now, we’ve gotten to the meat and potatoes portion of the case study!

Here is where you will identify the different steps you took in the project, why you did them, and the value of those actions’ outcomes to the project. Show off those  fantastic UX skills ! The goal is to share your specific approach and contributions. Additionally, share some of the decisions you’ve made, trade-offs, or ideas that didn’t make the cut.

Each project is different, of course. Describe the process you took as best as you can. Some of the things you can include are:

• User research
• User journey mapping
• User testing
• Accessibility testing

Let’s take wireframes, for example. Explain  why you choose to wireframe , how you went about wireframing and what value did it add to the project. How did user research findings influence the wireframes? What was the take away from the wireframes? This is the time to share how you work , how you think, and how you make decisions.

The process section is a great place to mention any collaborations you may have done as well. Showing you can collaborate with other teams is important for many hiring managers. Maybe someone else was responsible for user research? How did the two of you collaborate on it? Perhaps you have to work with a copywriter? Again, how did you collaborate? How did you handle the handoff to developers or cross-browser QA testing with the dev team?

The UX process in practice

Hiroo Aoyama gives an in-depth walkthrough on conducting research, ideation, and making design decisions in his  Wish case study .

Yi Tang’s Play-Later case study  does the same thing in explaining different processes, including user journey, user flows, and wireframes.

• Wireframing, Prototyping, Mockuping – What’s the Difference?

Make These Changes to Meet Web Design Accessibility Standards

• A Beginner’s Guide to Voice UX Prototyping

Step 6: Deliverables and Outcome

Now, we’re wrapping up the case study. Do so by showing off a final deliverable. If it’s a new mobile app, provide some screenshots or recordings. You can go a step further and include a bullet list of additional assets or documents you created too. A voice and tone style guides would be one such example.

Most notably, identify whether or not you hit your desired goal and how did you  measure success for the project . Basically, show what you’ve made and tell us  the effect it had on the business .

• Did you hit, miss, or surpass the goal set?
• What outcome did this project have?
• Can you share other business results?
• Did you decrease withdrawal rates by 15% or customer service complaints by 30%?
• Did your landing page get fantastic conversion rates?
• Did you improve the lifetime value of customers or the NPS scores?

Deliverables and outcomes in practice

Helen W. Bentley, in her  Le Tote case study , proudly exclaims that her work “saw a 61% increase in conversion.”

It doesn’t get much better than the detailed results Morgan Gore shares in her Educents case study!

• 5 UX KPIs You Need To Track
• The Design Side Of Conversion Rate Optimization
• How to Improve Customer Loyalty through User Experience

Step 7: Lessons Learned

Tell potential employers what this project taught you. If something went wrong or not according to plan, explain how you handled it.

• What insights have you gathered along the way?
• Especially knowing what you do now, what would you change?
• Did you learn a new method or practice?
• Maybe you figured out a better way to conduct user testing,  communicate with project managers ?
• How did you handle scope creep or miscommunication between teams?

Share how you are better at your job because of this project.

Lessons learned in practice

At the end of her Box case study, Vandana Pai shares her four takeaways from working on this project.

Bonus step 8: Visually Design the Case Study

So far, I’ve helped you figure out how to explain the project you’ve worked on and what information to convey. Now, it’s time to put it together in a lovely design. Below are examples of visually captivating case studies to get your inspiration going.

• Moment Brew
• Eleven James
• Space Design System

When putting together a UX case study, you’re telling a story about your work to potential employers. If you follow these steps, you’re going to showcase your UX design skills in a fantastic light. A well-written case study is a compelling case study. You’re bound to be hired in no time with a handful of these case studies.

Like what you're reading? Subscribe to our top stories.

Paula Borowska

Paula Borowska is an innovative and insightful Senior UX Designer at CVS Health, known for her relentless pursuit of designing the best user experiences. As an expert in design systems, user testing, accessibility, and cross-team collaboration, Paula is dedicated to enhancing digital experiences for all users.

11 Ways to Improve Website UX/UI (Using IP Geolocation & Other Tactics)

Using 6 Google Analytics Features to Improve User Experience and Website Metrics

How to Create Effective User Flows in Sketch (3 Simple Steps)

Use Color Accessibility Tools to Improve Your Website Design

Improving the UX with Userstack API

UX Best Practices for Using Search on Your Website

• Postcards: Email Builder
• Slides: Website Generator
• Startup: Bootstrap Builder
• Static Pages
• Affiliate Program
• Help Articles
• Perks (Partners Deals)
• Email Templates
• Bootstrap Templates
• Website Templates
• Gmail Email Templates
• Mailchimp Email Templates
• Email Marketing Templates
• Email Newsletter Templates
• Siter.io: No-Code Website Builder
• Pulsetic: Website Uptime Monitoring
• Static.app: Static Website Hosting
• Mailpost.io: Email Marketing Software

Designmodo Inc. 50 N 1st St, Brooklyn, NY 11249, United States

Copyright © 2010-2024

• Your cart is empty 🙀
• Website Design
• Email Design
• Website Examples
• Email Marketing
• Website Tools
• Email Tools
• View All Articles
• Become an Affiliate
• Lost Password?
• Chat with us

A rapid desktop prototyping tool

Mockplus - Design Faster. Collaborate Better.

Prototype, design, collaborate, and design systems all in Mockplus

Top 22 Stunning UX Case Studies You Should Know in 2022

An immersive yet well-structured UX case study helps UX professionals show off their design talents in portfolio websites, and let them communicate better with employers, designers and others easily.

However, as a UX designer , how can you write a perfect UX case study to easily get hired or communicate with others better?

Mockplus has handpicked 22 of the best UX design case study examples in 2022 to help you get inspiration, improve your portfolios and make your own things with ease. A step-by-step guideline about how to create a UX case study is also followed.

What is a UX case study?

A UX case study tells the story of how you create a great website or app and, in particular, what you do to improve the UX of the site. UX designers—newbies and experts alike—will often share a case study on a portfolio website as a great way to get hired. Just like sending a resumé. 

So, it is a lot more than just a copy of everything you've done while designing the project. To really showcase your design talent and the breadth of your abilities, you need to make sure the following are all included:

• A full description of your role in the project;
• The biggest challenges you've faced;
• The solutions you've chosen, how you chose them and why;
• How you communicate and collaborate with others; and
• The outcomes and the lessons you’ve learned.  

To this, you should feel free to add any further information that you think would help you stand out from the crowd. 

It is also worth remembering that UX case studies are a good resource for UX design beginners to learn more practical design skills and to gain from the real experience of others in dealing deal with difficult or urgent problems.

22 Best UX case study examp le s you should learn

Whatever stage you’re at and whatever you are writing your case study for, these 22 top examples are bound to inspire you. 

1. Perfect Recipe -UX design for cooking and shopping

Designer s : Marina Yalanska and Vlad Taran

Case Study : Perfect Recipe

This is a mobile application that enables users to search for food recipes and to buy what they need to cook different dishes.

Why d id  we choose this  one?

This case study illustrates the entire UX design process is very simple, plain language. Many aspects of the process are included, along with some really inspirational ideas, such as product personalization, challenges and solutions, animated interactions, and other interface details.

Extra tips :

This example is from the Tubikstudio blog, which is very popular among designers. It regularly shares different branding, UI, and UX case studies. We would strongly recommend that you follow this blog to keep yourself up to date with the latest and most creative case studies.

View details

2. GnO Well Being - Branding, Web Desing & UX

Designer : Marina Yalanska and Olga Zakharyan

Case Study : GnO Well Being

This is a creative illustration website that presents and sells a weighted designer blanket that helps you get a good night’s sleep, the first step to good health and a better life.

Why d id  we choose this ?

This example is so much more than a great UX case study. In addition to the UX design , it gives you insight into many more key design issues, such as the logo, custom graphics, website pages, interactions and so on. There are many ideas here that you could copy for your own projects.

3. Splitwiser - UI/UX case redesign

Designer : Chethan KVS (a Product designer at Unacademy)

Case Study : Splitwise

This is a concept mobile app that enables users to track and split expenses with friends. The designer has also given it another name, "Splitwise." 

Why do we choose this ?

This case study shares the designer's insights into key design decisions, such as why he chose this product, why he decided to redesign the logo, how to improve the onboarding and other pages, how to optimize the user flow, how to balance all pages and functions, how to enhance UX through bottom bars, interactions, gestures, view modes, and more.

Everything is explained using intuitive images, earning it thousands of “likes”. This is a great example that is bound to help you write a stunning case study on redesigning UX.

This comes from a popular media channel called "UX Planet" that regularly posts examples of the best and latest UX case studies from around the world. Another great place to keep you up to speed with the latest UX designs.

4. Deeplyapp.com - UX & visual improvements

Designer : Sladana Kozar

Case Study : Deeplyapp

This is a health and self-care website app that helps users maintain mental well-being with meditations and exercises. This case study talks you through the design process of creating a user-friendly mobile app.

This case study focuses on improvements to the UX and visual features of this mobile app. Many aspects are included to help you understand it better, such as the design background, what to build, UI flow diagram, discoverability design, visual balance, and much more. A full set of app interfaces are presented for you to study as well.

You can also check out its Part 1 post for more details.

5. Talent Envoy - improving the recruitment process 

Designer : Enes Aktaş (Experienced UX designer)

Case Study : Talent Envoy

Talent Envoy is an intelligent job assistant that helps users find their ideal job and get to all the way to signing a contract faster and more easily.

This case study firstly points out the biggest challenges and problems faced by job-seekers—the shortage of US recruitment markets. It then talks to you through the detail of how the designers optimized the recruitment process. You will also find information on the user research process, the UI flowchart design, the related wireframe and Sketch designs, the main page design, and more. 

All the details have clear explanations and they offer a great example of how to use user research to solve problems and improve UI interfaces.

This one comes from another hot media channel called "Muzli" which shares the latest ideas, designs, and interactions about websites or website apps from all over the world. Don’t miss out on this site if you want to stay ahead of the curve. 

6. My Car Parking - UI/UX case study

Designer : Johny Vino (Experienced UX and interaction designer)

Case Study : My Car Parking

This is a mobile app that can help people get parking slots easily even when they travel beyond their normal routes. 

This is a masterclass in how to write a case study that is simple, well-structured, and easy to understand. Many intuitive lists and images are used to explain the design ideas and processes. 

It has received “claps” from over seven and a half thousand people and   is a perfect example of how to write a well-structured and easy-to-understand case study.

7. Parking Finder App - UI/UX case study

Designer : Soumitro Sobuj

Case Study : Parking Finder App

This is another concept mobile app that makes it easy for users to find parking slots even in big or overcrowded cities.

This case study is beautifully presented and gives a good presentation of the whole design process. It covers nearly all the issues that a textbook UX case study should have, such as problems and solutions, user-centered design, design strategy, user flow, information architecture , interface wireframes and visual designs, and much more besides. 

It is one of the best examples we have found of a case study that really teaches you how to write the perfect UX case study.

8. Pasion Del Cielo - coffee ordering experience

Designer : Jonathan Montalvo (Senior Designer, Branding, UXUI )

Case Study : Pasión del Cielo

This is a concept project about a real local coffee shop in Miami.

This case study demonstrates effective ways to engage users with the Pasión brand and how a site can make it as easy as possible to turn page views into coffee sales. 

There is a lot of analysis included to explain the entire design process, such as analyzing the competition, feature analysis, brand and interface improvements, and much more. Most important of all, many user personas have been created to evaluate and enhance the UX.

This is a good example to check for anyone looking to improve their own UX case study. Above all, it shows what can be done with rich images, bright colors, clear layouts, and well-crafted personas.

9. Workaway App - UX redesign

Designer : Rocket Pix (UXUI, web designer )

Case Study : Workaway App

This is a mobile app that provides international hospitality services; it helps users to contact each other to organize homestays and cultural exchanges.

This UX design case study explains how the designer redesigned the Workaway App to make it easier for users. Many intuitive charts (pie charts, flow charts, line charts), cards, and images are used to illustrate the ideas.

It is simple and easy to follow, and also a good example of how to create an intuitive case study with charts and cards.

10. Receipe App - UI/UX design process

Designer : Dorothea Niederee (UX, UI designer   )

Case Study : Recipe App

This is a food app design offering inspirational recipes for anyone who wants to eat healthier.

This case study gives a clear demonstration of the entire UI/UX design process. Three user personas are defined to present different users' needs. Some colors, typography, and UI elements are also shared.

This is a good example of how to define a detailed user persona in your UX case study.

11. Hobbfyy - a social and discovery app UX design

Designer : Mustafa Aljaburi (UX, UI designer   )

Case Study : Hobbfyy

This is a social and discovery app that makes it quick and easy to get everything you need for your hobbies.

This case study aims to show how to develop a site that will provide its users with solutions, in this case to get what they need for their hobbies. Beautiful images, a storytelling style, and special layouts are used to explain everything.

12. Bee Better - habit tracker app UX case study

Designer :   Anastasiia Mysliuk (UX, UI designer   )

Case Study : Bee Better

This is a habit tracker app that makes it easy for you to develop new useful habits.

This case study aims to solve problems associated with how we form and develop habits. It helps users find solutions and make habit formation more interesting; it motivates them to maintain their useful new habits. Many aspects of design, such as problems, solutions, the design process, discovery and research, user journey map, prototypes, and much more are illustrated and explained in simple language.

This would be a good example to follow if you are looking to create an easy-to-understand UX case study.

13.Sit My Pet - pet sitting app UX case study

Designer : Aiman Fakia (UX, UI, visual designer )

Case Study : Sit My Pet

This is a pet-setting app that provides pet owners with a digital service that helps them connect with pet sitters.

This UX case study describes a site that aims to make pet sitting more easily accessible for pet owners. It analyzes both its users and its competitors very well. The way solutions are evaluated, the user stories, and other related aspects are followed in detail to give you a better understanding of the project as a whole.

This is a good example of how to develop a UX design based on user needs.

14. Groad - food ordering system UX case study

Designer : Phap (UI designer )

Case Study : Groad

This is a food ordering app offering food delivery services from stores, restaurants, cafés, fast food bars, and others. 

This UX case study uses beautiful illustrations and colors to explain the entire design process. As well as the usual parts of the design process—UI flow chart, UI showcasing—the related logo and icon designs, typography, and other aspects are included. This is a good example if you are looking to learn how to create an immersive case study with beautiful illustrations and colors.

15. iOS VS Android UI/UX Case Study

Designer : Johanna Rüthers

Case Study : Econsy

Here is another concept app that helps people live more sustainably by using a scanning process to give them information about the ecological and social impact of products they are thinking of buying. 

This case study explains the differences in the mobile app’s appearance when it is applied on the Human Interface Guidelines (IOS) and Material Design Guidelines (Android). This will help you to create an app that works well on both Mac and Android devices.

More UI/UX case studies & designs:

16.Timo Bank - UI/UX Case Study

Timo Bank is a mobile banking app project produced by Leo Nguyen, a freelance designer and creative director. This case study aims to provide more intuitive transfer, payment, and money management solutions for mobile users.

This is a great example to consider if you are hoping to create a better banking app.

17. Endoberry Health App Design

Endoberry Health App Design provides useful solutions for women suffering from endometriosis. In turn, this gives doctors a better understanding of individual cases. The design challenges, solutions, and UI details are displayed and explained to illustrate the design project.

18. Job Portal App

Job Portal App has been specially made for designers and freelancers. This case study uses cute illustrations, simple words, and clear storytelling to explain how the designer worked out the ideal job hunting solutions for users.

19. Cafe Website - UI/UX Case Study

Café Website gives its users a great experience by making it quick and easy to order a coffee online. Many elegant page details are displayed.

20. Ping - the matchmaker app case study

Ping is a dating app that offers users a unique and effective way to find their perfect match. As you can see, its mascot is really cute and this case study will show you how a cute mascot can enhance the UX.

21. Hubba Mobile App - UI/UX Case Study

Hubba Mobile App is a B2B online marketplace where retailers can find and purchase unique products for their stores or shops. This case study aims to explain the process of creating a special mobile app for this online marketplace. It offers a beautiful and clear presentation of the entire UI/UX design process.

22. Music App - music for children

Music App shares the fancy UI and colors from a music app made for children. It is a good example that is sure to inspire you to create a distinctive children's app.

How do you create a UX case study?

If you are still not entirely sure how to go about creating a distinctive UX case study, here are a few simple steps to walk you through the entire process from start to finish:

Step  1.  Figure out your purpose

The final outcome will depend on what it is you are trying to achieve. So, before you start writing a UX design case, you should first figure out in detail what its purpose is. Ask yourself some basic questions:

• Is it for a job interview?
• Is it for improving your personal portfolio?
• Is it designed to show off your design talents on social media?
• Is it just created to practice your design skills?
• Is it made to share design experiences with other designers?

In short, figuring out your purpose and setting a goal can make the entire design process so much easier.

Step   2.   Plan or outline your case study

Whatever you want to do, it is always a good idea to start with a plan. When it comes to writing a UX case study, you should also outline your entire UX case study and decide on what sections you want to include.

For example, nowadays, a good UX design case study often covers:

• Overview : Start with a short paragraph that introduces your project.
• Challenges  and  goals : Explain the project background and point out the biggest challenges or problems you've encountered. Explain the goals you want to achieve and how you will overcome the challenges you have identified. 
• Roles  and  responsibilities : Tell readers what role you play in the project and the specific features of your role that will help create a better product.
• Design process : Introduce the entire design process in detail so that readers can see clearly what you have done to make life easier for users. Many employers check this part very carefully to see whether you have the basic skills and abilities they are looking for. So, never underestimate the importance of this section. 
• Solutions  and  outcomes : No matter what problems you have faced, the solutions and the final outcomes achieved are what really matters. So, always use this section to showcase your skills and achievements. 

You might also want to add further sections:

• User research :   Some full-stack designers also include this to give a more comprehensive view of their design skills.
• UI designs : Some experienced designers also display their relevant UIs, and UI flow, along with low- and high-fidelity prototypes to enrich the content.

Of course, if you are a newbie, and you still have questions, why not go online and search for UX case study templates that you can study and follow.

Step 3.  Explain the design process clearly

As we've explained above, the design process is always one of the most important parts of a good UX case study. You should always introduce clearly as many of the relevant parts of the process as possible. For example: show how you and your team communicate and collaborate effectively; demonstrate how you have developed ideas to address user problems; explain how you and your team have dealt with emergencies or mishaps.  

You can also introduce the UX design tools that you have chosen to simplify the entire design process. Mockplus, is an online product design platform, enabled us to adapt quickly and effectively to working from home during the recent Coronavirus lockdown. Prototyping our designs, sharing ideas, working together in an effective team, taking the process from design to handoff, it all works smoothly with this single tool.

Step  4. Improve readability and visual appeal

The content should be the main focus of your case study—but not the only focus. To make the case study as good as possible, you also need to think about its readability and visual appeal. Here are some suggestions to follow:

• Explain everything as clearly as possible.
• Add images, illustrations, charts, cards, icons, and other visuals.
• Create a clear storytelling structure or layout.
• Choose an immersive color scheme.
• Add eye-catching animations and interactions.
• Use vivid video, audio, and other multimedia resources.

The final visual effect can be make-or-break for whether your UX case study is going to stand out from the crowd. You should always take it seriously.

Step   5. Summarize

Every UX case study can be a good chance to practice and improve your design skills. So, in your conclusion, don’t forget to analyze the entire process and summarize the outcomes. Always take a minute to figure out what lessons you should take away from the process, what tips should be remembered, what should be improved, and—most important—what your next steps are going to be.

UX case studies are one of the most essential parts of a UX designer's portfolio. The ability to write a well-structured UX case study is also one of the basic skills that a competent UX professional should have. So, UX case studies play a very important role in UX designer's life.

We hope our picks of the best UX design case studies along with our step-by-step guide will help you create a stunning UX case study.

In- house content editor, specialize in SEO content writing. She is a fruit lover and visionary person.

Uploads design files from Sketch, Figma, Axure, Photoshop, and Adobe XD into our design handoff tool.

A free online prototyping tool that can create wireframes or highly interactive prototypes in just minutes.

A vector-based UI design tool enables you design in the way you want to.

Your single source of truth to build, maintain and evolve design assets in one place.

Related Content

Design Faster. Collaborate Better.

Designing the best user experience. Mockplus does it all!

Interactive prototyping

Unified collaboration

Scalable design systems

© 2014-2023 Mockplus Technology Co., Ltd. All rights reserved.

InVisionApp, Inc.

Inside Design

How to write a UX case study

Sarah doody,   •   jul 19, 2019.

H ave you ever been told your UX portfolio lacks depth, or what you did is unclear, or that it doesn’t seem like you have enough experience, even though you know you do?

Or maybe you landed an in-person interview, it didn’t go very well because you stumbled through presenting and answering questions about your projects. 

These are all symptoms of an underlying problem: your UX case studies are not written well enough. 

After doing at least 100 hours of my own research through talking to UX candidates one-on-one, reviewing portfolios, and analyzing survey data, one thing became clear: UX professionals put too much emphasis on learning how to make deliverables, and not enough on articulating their design decisions. 

When you can’t articulate your design decisions, it will make your day to day role harder, because you won’t know how to deal with pushback. And it will also limit your career options because your ability to write a strong case study is the foundation for creating a strong portfolio and doing well in interviews.

We’re going to go into:

• The role of case studies in your portfolio
• The anatomy of a case study
• The steps to writing a thorough, readable case study

Case studies are the UX application differentiator

It’s no longer enough to just show your work. According to the  Center Centre , the job growth of UX designers is expected to rise 22% over the next 10 years. UX is a hot field, and there’s a lot of competition. 

Your portfolio, therefore, can’t simply be a curation of sexy-looking deliverables. Recruiters and hiring managers need you to articulate your process and design decisions. A key skill for UX professionals is the ability to communicate; in any UX role, you’ll find yourself not just doing UX, but explaining it over and over. 

If you don’t have well-written UX case studies, then how can recruiters and hiring managers trust that you’ll be able to communicate what you did and why you did it if they hire you? 

Writing is a skill that we know is important, but as designers rarely practice or study enough. When it comes to UX case studies, though, the quality of your writing is one of the most important variables in the success of your portfolio.

Let’s be real, writing about your UX projects is not an easy task. However, the good news is that by following the steps that follow, you will clearly understand how to write more clearly.

Anatomy of a UX case study

When approaching your UX portfolio and case studies, my advice is to think like a lawyer. Because how do lawyers win legal cases? With strong communication, and even stronger evidence. 

The projects inside your portfolio are like evidence in a legal case. And that’s why you must choose the projects for your portfolio very carefully. 

Here’s what I recommend including in your UX case study:

• Problem statement
• Users and audience
• Roles and responsibilities
• Scope and constraints
• Process and what you did
• Outcomes and lessons

Want to download a copy of this template? Sign up for Sarah Doody’s newletter and get a free download.

How to write your ux case study.

As you write your case studies, don’t worry about length. Once you get it all on paper you can decide what to put into your portfolio. As you transition your written case studies to something more visual, you will edit them down and also consider how some of the text can be communicated visually.

Step 1. Give your project a title

The big mistake that people make is not giving the project title enough detail when a strong title can give context for the project.

Good: Home Depot user research for mobile app checkout

So-so: Home Depot user research

Bad: Home Depot

Step 2. Write an outline

Lay out your thoughts before you start giving up the details. An outline’s purpose is to help you understand the “big picture” of your project, so you can decide how to structure your case study or if the project is big enough to merit more than one case study.

Start your outline with the seven sections listed above, and start filling in bullet points under each section. Don’t worry about sentence structure; just write and get it out of your head. If you’ve been  documenting your projects as you work on them , then you may have some of this already written.

Step 3. Fill in the details

Now that you have an outline and you see the big picture, you can start filling in details. 

Give the “Process and what you did” section the bulk of your effort. This is where you’ll document the steps you took, just like documenting science experiments in high school. 

You should be answering these questions:

• What did you do? For example, what research method did you use?
• Why did you do it?  For example, why did you choose that research method?
• What was the result?  For example, did you achieve your research goals?
• What did you learn? For example, what would you do differently next time?

Continuing with our (completely fictional) Home Depot example:

BAD: “ We did usability testing on the checkout of the Home Depot mobile app.”

Why is this weak? Because it only tells the reader what you did. It doesn’t address why you did it, what happened, and what you learned.

GOOD: To evaluate the new checkout on the Home Depot mobile app, we relied on usage metrics in conjunction with 8 usability tests. This allowed us to gain deeper understanding through combining both qualitative and quantitative information. Although users were able to get through the checkout more quickly, they continued to struggle with the shipping section. Discussions with users discussion revealed that often times, products in one order have different shipping addresses, which was possible, but difficult in the current checkout.

This version is much stronger because it goes beyond just talking about what was done. Providing this depth is what will set you apart; articulating your design decisions and process will help position you as a more mature and thoughtful professional.

Step 4. Write headlines

At this point, you’re probably thinking something like “Who would ever read this novel?” Which is a good point. That’s why the next step will help you start to distill everything down so that you are focusing on the key highlights of the story.

The best way to do this is to pretend that you have to write your case study only in tweets. It sounds crazy, but it works.

For each section of the outline we’re working with, write a single headline or sentence—except for the Process section, where you’ll be focusing your energies. For the Process section, you’ll want to have a headline for each step. Using our previous fictitious Home Depot user research example, some of the headlines for the Process section might be:

• Step: What type of research you did and why you did it. Example: Analytics revealed customers struggled, and sometimes abandoned, checkout at the shipping section. To understand why, we conducted eight usability tests.
• Step: Findings from the research. Usability tests revealed that business customers, versus residential, had different shipping needs, which were not being addressed in the current checkout experience.
• Step: Impact of research on product development. We prototyped two new versions of the checkout, allowing customers to choose shipping address on a per-product basis.

By sticking to a 140 character limit, you’ll force yourself to identify the most important points of the case study—which will then become headlines when you create your actual portfolio. 

A good way to test whether or not you have strong headlines is to ask yourself if someone would understand the main points of your project by skimming the headlines. If not, then re-write your headlines—because if you want the users of your UX portfolio to quickly understand your project, those are the most important points.

Step 5. Distill the text from your case study into your actual portfolio

Regardless of the format you choose for your portfolio , your writing needs to be clear and succinct. 

It won’t happen in one edit! Let’s say you’re working in Keynote with slides, your process will look like this:

• Take the headlines you wrote and place one headline per slide in Keynote. 
• Consider that you might merge some bits of information into one slide. For example, you might combine your overview and problem statement. It’s subjective, so you decide! 
• Now, you need to go back and start to pull the most important and relevant details from your case study and put them on each slide, as supporting details or evidence. 

Examples in action

Simon Pan’s UX portfolio website went viral because he had awesome case studies. Yes, he’s also a visual designer so it looks beautiful. But what you need to focus on is the content. His Uber case study is an excellent example, let’s take a look at why it works:

• Clear problem and framing of the project. Simon’s case study clearly states the problem and frames the project. So even if I’d never heard of Uber before, I’d have enough context to understand the project.
• Explanation of the process. Simon does this with a story. It’s easy to read and keeps my attention. It feels like a cool article that’s well thought out … not to mention the visual design helps draw key points out. In the screenshot below, he is explaining part of the Discovery process. It sounds like I’m reading an article, therefore it keeps my attention. And the use of a user research quote helps bring the story to life even more.
• Thoughtful conclusions and reflection. At the end, Simon concludes the case study with some results, reflections, and insights. People don’t just want to know what you did, they want to know the impact of what you did.

What comes next?

If you follow all these steps, you will have a longform case study edited down into something that’s more readable and scannable for the user of your UX portfolio. 

And remember, the UX case studies you write serve many purposes. Of course, they are the foundation of your portfolio, but they also can feed into your resume, LinkedIn, cover letters, and what you say in an interview. 

Want to read more by Sarah Doody?

• Seriously, you need to start documenting your UX work
• 4 steps for choosing the right projects for your UX portfolio
• How to create a UX portfolio without UX experience

by Sarah Doody

Sarah Doody is a User Experience Designer, Entrepreneur, and Educator. She is the founder of The UX Portfolio Formula, a UX career accelerator that helps UX professionals learn how to articulate their work so they can create an awesome portfolio. In 2011, she created the curriculum for and taught General Assembly’s first 12-week UX immersive, the genesis of their popular UX programs which are now taught worldwide.

Collaborate in real time on a digital whiteboard Try Freehand

Get awesome design content in your inbox each week, give it a try—it only takes a click to unsubscribe., thanks for signing up, you should have a thank you gift in your inbox now-and you’ll hear from us again soon, get started designing better. faster. together. and free forever., give it a try. nothing’s holding you back..

11 Inspiring UX Case Studies That Every Designer Should Study

A UX case study is a sort of detailed overview of a designer's work. They are often part of a UX designer's portfolio and showcase the designer's skill in managing tasks and problems. From a recruiter's perspective, such a UX portfolio shows the skill, insights, knowledge, and talent of the designer.

Therefore, UX case studies play an important role in the recruitment and demand for designers.

What Makes a Powerful Case Study

Building a UX case study includes showing the design process through compelling stories. They will use plain language to demonstrate how they handled key design issues, offering a comprehensive view of their process. Well done case studies often include:

• A  problem statement and solutions with real applications.
• Relevant numbers, data, or testimonials to demonstrate the work and efforts.
• A story that directly connects the problem to the solution.

Any competent UX professional will know that creating a stunning UX case study is about the little details.

11 Best UX Case Studies for Designers

The best way to understand what a good case study looks like is to go over other examples. Each of these UX case study examples shows a designer's insights, basic skills, and other designers' lessons learned through their experience.

1. Promo.com web editor

For this video-creation platform , UX designer Sascha was brought on to revamp v2.0, adding new features that could work alongside the existing UX design. The point was to work on interface details that would help create a user friendly platform, and that users could find simple enough to use.

User personas mapped by the UX designer revealed the most common confusion to be the process of inserting particular features into the video, such as subtitles. The designer's goal, therefore, was to create a platform with improved editor controls.

The designer then used a common text-editor layout to include top and side navigation bars that made it easy to access and implement text editing.

Key Learnings from Promo.com

This case study focuses on addressing a particular problem that customers were currently facing. Its main theme is to show a problem, and how the product designer addressed this problem. Its strength points include:

• clearly highlighting the problem (i.e. inaccessible and limited video-text editor options)
• conduction research to understand the nature of the problem and the kind of solutions customers want
• implementing research insights into the redesign to create a platform that actively served customer needs

2. Productivity tracker app

The main concept behind this UX case study is to address a pre-existing problem through the design of the app. Immediately from the start, the study highlights a common pain point among users: that of a lack of productivity due to device usage.

This UX case study example addressed some of the main problems within existing productivity apps included:a poor UI and UX that made navigation difficult

• a poorly-built information architecture
• limited functions on the mobile application

Key Learnings from the Productivity app case study

The case study highlights the simple design process that was then used to build the app. Wireframes were created, a moldboard developed, and finally, individual pages of the app were designed in line with the initial goals.

3. Postmates Unlimited

This case study clearly identifies the improvements made to the Postmates app in a simple overview before jumping into greater detail. The redesign goal, which it achieved, was to improve the experience and other interface details of the app.

The problems identified included:

• usability that led to high support ticket volume.
• technical app infrastructure issues that prevented scalability.
• lack of efficient product management, such as batching orders.

A UX research course can help understand the kind of research needed for a case study. The app redesign involved bringing couriers in and running usability testing on improvements. The final model, therefore, had input from real users on what worked and what caused issues.

Key Learnings from Postmates

The Postmates redesign works as a great UX case study for the simple way it approaches problem-solving. Following an overview of the work, it addresses the problems faced by users of the app. It then establishes research processes and highlights how changes were made to reduce these issues.

4. TV Guide

Addressing the fragmentation of content across channels, this case study sought to redesign how people consume media. The key problems identified included:

• the overabundance of content across various TV and streaming platforms
• the difficulty in discovering and managing content across all platforms

To deliver on the key goals of content personalization, smart recommendations, and offering cross-platform content search, the design process included conducting interviews, surveys, and checking customer reviews.

The design of TV Guide enables users to get custom recommendations sourced from friends' and family's watchlists.

Key Learnings from TV Guide

Like previous UX design case studies, this one tackled the issue head-on. Describing the research process, it goes into detail regarding the approach used by the UX designers to create the app. It takes readers on a journey, from identifying pain points, to testing solutions, and implementing the final version.

5. The FlexBox Inspector

Designer Victoria discusses how she developed the investigator tool for the Mozilla Firefox browser. Surveys into understanding the problems with the existing CSS Flexbox tool revealed a need for a user-friendly design. Interviews with a senior designer and other designers helped developers understand the features design-focused tools ought to have. A feature analysis revealed what most users look for in such tools.

The final result of the development process was a design that incorporated several new features, including:

• a new layout
• color-coded design
• multiple entry points to make workflow management efficient

Key Learnings from the Flexbox

This UX design case study starts with a clear goal, then addresses multiple user needs. It clearly defines the design process behind each feature developed by the time, and the reasoning for including that feature. To give a complete picture, it also discusses why certain features or processes were excluded.

6. The Current State of Checkouts

This Baymard UX design case study looks into the checkout process in over 70 e-commerce websites. Through competitive analysis, it isolates problem points in the UX design, which, if addressed, could improve the customer's checkout process.

The study found at least 31 common issues that were easily preventable. The study was designed and conducted on a large scale, over 12 years, to incorporate changing design patterns into the review.

Recommendations based on findings include:

• prominent guest checkout option
• simple password requirements
• specific delivery period
• price comparison tool for shipping vs store pickup

Key Learnings from Checkout Case Study

Each identified issue is backed up by data and research to highlight its importance. Further research backs up each recommendation made within the case study, with usability testing to support the idea. As far as UX case studies go, this one provides practical insight into an existing, widely used e-commerce feature, and offers practical solutions.

7. New York Times App

Using a creative illustration website, the designers proposed a landing page feature "Timely" that could counter the problems faced by the NYT app . Its major issues included too much irrelevant content, low usage, and undesirable coverage of content.

The goal behind Timely was to improve user incentives, build long-term loyalty, and encourage reading. Design mapping for the app covered:

• identifying the problem
• understanding audience needs
• creating wireframes
• designing and prototyping

The end result was an app that could help readers get notifications regarding news of interest at convenient moments (at breakfast, before bed). This encouraged interaction and improved readability with short-form articles.

Key Learnings from NYT App

The UX case study proposes a problem solution that works with an existing information architecture, instead adding custom graphics to the mobile app. It leads from a simple problem statement to discuss the project that could address these issues without changing was customers already loved.

UX case studies focused on redesign include the FitBit redesign, which started off by understanding personas and what users expect from a fitness tracker. Developing use cases and personas, Guerilla usability testing was employed to assess pain points.

These pain points were then ranked based on their importance to users and to app performance. They were addressed through:

• Highlighting essential parts and features of the app
• Changing easily missed icons to more recognizable icons
• relabelling tracking options to guide users better to its usage

Key Learnings from Fitbit

While the case study maps user experiences and offers solutions, it does not begin with an intensive research-based approach. The prototype is successful in testing, but problem factors are not identified with research-based statistics, meaning key factors could have been ignored.

9. Rating System UX

The designer behind the rating system UX redesign sought to solve issues with the 5-star rating system. Highlighted issues included:

• the lack of subjective accuracy of a 5-point rating system
• the issue of calculating the average of a zero-star rating
• average ratings are misleading

Better alternatives include:

• 5-star emoticon rating that relates the user experience
• Like/dislike buttons that make approval/disapproval simple

The final design incorporated both these styles to make full use of the rating system.

Key Learnings from Rating System UX

The UX case study stemmed from insight into the limitations of the existing rating system. The new design addressed old issues and incorporated better efficiencies.

The Intuit redesign was focused on making content readable, more engaging, and accessible. Looking into product personalization, the content was found to be lacking aesthetic value, as well as being hard to find. The goal was to create content that was easy to find, clear, and consistent.

The implemented solutions included:

• increased readability with increased body text and header spacing
• table of contents on the sidebar for easier navigation
• visible and prominent search bar
• illustrations and designs for pretty visuals

Key Learnings from Intuit

The Intuit case study approaches the problem from a practical point of view. It begins with isolating problems with the interface, in particular with the content. This is an example of a case study that breaks down problems into broader categories, and solves each problem with a practical solution.

This UX case study about a social platform tackles a commonly-faced problem from existing platforms. It addresses the issue of recognizing non-monetary user engagement, to help creators identify their user base.

The case study addresses the problem statement and establishes the design process (building wireframes and prototypes) as well as conducting user testing. The final result is to develop "Discover" pages, engaging layouts, and animated interactions to increase usability.

Key Learnings from Jambb

The study goes into detail regarding problem identification, then moves on to propose solutions that take into account the perspective of all stakeholders involved. It then explains why each design decision was made, and proves its efficacy through testing and prototyping.

Key Takeaways

Developing good UX case studies examples is as much about the details you include as the ones you leave out. Going over UX courses can give you a better understanding of what your case study should look like. A good case study should provide an overview of the problem, include numbers and statistics, and offer practical solutions that directly address the problem. The above-discussed UX case studies provide a good example of the dos and don'ts of a well-structured UX design case study that should be part of every UX portfolio .

Additional Resources

Check out these resources to learn more about UX case studies:

8 UX Case Studies to Read

UX Design Case Study

Frequently Asked Questions

Upskill your design team effectively.

Equip your design team with the best-in-class design training that sticks.

Do you know your design team skill level? Send them this quick test & see where their skills stand among 300K+ designers worldwide.

Level up your design career

Get step-by-step guide how to build or advance your UX design career.

Do you know your design skills level? Take a quick test & see where you stand among 300K+ designers worldwide.

Continue reading

Top 7 resources for ux/ui designers for meaningful design inspiration, how to write a ux case study in 10 steps, the impact of ux design on application success: exploring costs and trends, cookie settings 🍪.

• Interactive UX learning for all levels
• 20+ UX courses and career paths
• Personalized learning & practice

Design-first companies are training their design teams. Are you?

• Measure & identify team skill gaps
• Tailor learning for your team’s needs
• Unlock extensive learning library
• Visualize team growth over time
• Retain your designers

Need help with your portfolio? Try Folio Pharmacy

Inspiration

How to Write a UX Case Study: A Simple Step-by-Step Guide

Learn the step-by-step process of writing a compelling UX case study that will elevate your online portfolio

As a digital product designer, one of the most effective ways to showcase your skills and expertise is by creating a compelling UX case study for your online portfolio.

A well-crafted case study not only demonstrates your design process but also highlights your problem-solving abilities and the value you bring to the table.

In this blog post, we'll briefly touch on what a UX case study is, we'll then walk you through the essential steps how to write a UX case study that will impress potential clients and employers.

Let's get started!

What is a UX case study?

A UX case study is like a story that designers tell to explain how they solved a design problem.

It's a way to show others how they researched , planned, and created a digital product or experience that is user-friendly and effective.

It includes details about the project's goals , the people they designed for, the steps they took, and the final design they came up with.

A UX case study helps designers demonstrate their skills and expertise in making things easy to use and enjoyable for users.

It's a friendly and simple way for them to share their design journey and showcase their problem-solving abilities.

Video on how to write a UX case study:

8 simple steps to creating a ux case study:, 1. choose the right project:.

Selecting the right project for your case study is crucial. Aim for a project that best represents your skills and aligns with the type of work you want to attract. It should be a project where you had a significant impact and can showcase your problem-solving abilities and design thinking process effectively.

2. Define the Problem:

Start your case study by clearly defining the problem you were trying to solve. Explain the context, the pain points, and the goals of the project. Highlight the challenges you faced, as well as any research or data that supported your problem identification process.

3. Describe the Research and Discovery Phase:

In this section, describe your research methodologies, including user interviews, surveys , and competitive analysis. Share insights you gained from your research and how they influenced your design decisions. This demonstrates your ability to empathize with users and make informed design choices based on their needs.

4. Outline the Design Process:

Present your design process in a structured and coherent manner. Include wireframes , prototypes, and iterations that show the evolution of your design. Explain the rationale behind your design decisions and how they addressed the identified problem. Be sure to highlight any user testing or feedback loops that helped refine your solution.

‍5. Showcase the Visual Design:

This section is an opportunity to showcase your visual design skills. Include high-fidelity mockups or screenshots that highlight the aesthetics, typography, color schemes, and overall visual appeal of your design. Explain the reasoning behind your design choices and how they enhance the user experience .

6. Present the Final Solution:

Describe the final solution you arrived at and how it effectively addresses the initial problem. Include metrics or key performance indicators (KPIs) to demonstrate the success of your solution. Whenever possible, provide real-world results , such as increased user engagement, improved conversion rates , or positive user feedback.

7. Reflect and Share Learnings:

Take a moment to reflect on the project and share any lessons or insights gained during the design process . Discuss what worked well, what challenges you encountered, and how you overcame them. This demonstrates your ability to learn and grow as a designer.

8. Present the Case Study Effectively:

Pay attention to the presentation and formatting of your case study. Use clear headings, subheadings, and bullet points to make it easy to read and skim. Include relevant visuals, such as images , diagrams , and charts, to enhance the visual appeal. Make sure your case study is concise, engaging, and aligned with your personal brand.

Frequently asked questions on how to write a UX case study:

Why are UX case studies important?

UX case studies are important for several reasons. They provide insights into the design process , showcase a designer's skills and abilities, and demonstrate how user-centered design principles were applied to solve a specific problem. They are also useful for sharing knowledge, building credibility, and securing job opportunities.

How long should a UX case study be?

The length of a UX case study can vary depending on the complexity of the project and the information you want to convey. However, it's generally recommended to keep it concise and focused, aiming for a length of 800 to 1,500 words. Including visual elements like images , diagrams, or prototypes is also encouraged to enhance understanding and engagement.

What are some tips for creating an effective UX case study?

Here are a few tips to create an effective UX case study:

Clearly define the problem: Start by clearly articulating the problem statement and why it is important to address.

Show the design process: Walk through the design process, highlighting key decisions, iterations, and insights gained along the way.

Include visuals: Incorporate visual elements like wireframes , prototypes, and user interface designs to provide a visual context and make the case study more engaging.

Share the impact: Demonstrate the impact of your design solution by including user feedback, success metrics, or before-and-after comparisons.

Be concise and organized: Keep the case study concise and well-structured, making it easy for the reader to follow your thought process and understand the project's evolution.

Tailor it to the audience: Adapt your case study to the audience you're targeting, focusing on aspects that are most relevant and impactful to them.

Can I include confidential or proprietary information in a UX case study?

It's generally advised to avoid including confidential or proprietary information in a public UX case study. If you need to showcase sensitive information, consider anonymizing or obfuscating the data to protect the privacy and confidentiality of the individuals or organizations involved. Always respect any non-disclosure agreements or intellectual property rights you may have signed.

Should I include negative feedback or challenges faced in a UX case study?

Yes, it's important to be transparent about the challenges and obstacles encountered during a UX project. Including negative feedback or hurdles you faced demonstrates your ability to navigate difficulties and adapt your approach. Highlighting how you addressed and overcame challenges can also provide valuable insights into your problem-solving skills and resilience as a designer .

Can I use visuals created by others in my UX case study?

If you use visuals created by others, such as stock photos , icons , or illustrations , make sure you have the necessary permissions and licenses to use them in your case study. It's important to respect copyright laws and intellectual property rights. When in doubt, it's best to create your own visuals or use resources that are explicitly licensed for free or commercial use.

How should I present my UX case study?

UX case studies can be presented in various formats, depending on the context and requirements. Common formats include a written document, a slide deck presentation, or a web page . Consider the needs of your audience and the platform where you plan to showcase your case study. Ensure it is well-organized, visually appealing, and easy to navigate , allowing the viewer to understand your design process and the outcomes clearly.

Writing a compelling UX case study is an essential skill for any digital product designer. 

It allows you to showcase your problem-solving abilities, design process, and the impact you have made on real-world projects. 

By carefully selecting the right project, highlighting your research and design decisions, and presenting your case study effectively, you can create a captivating narrative that will impress potential clients and employers. 

Remember, a well-crafted case study is not just a reflection of your design skills, but also an opportunity to tell a compelling story about your expertise and approach to UX design.

Showcase your work with a stunning portfolio template

Looking to update your design portfolio? Check out the amazing portfolio templates for Framer at FolioPharmacy.

Get my portfolio template!

You may also like

The Anatomy of High Converting Landing Pages

User Interface Design: The Ultimate Guide for Beginners

Optimize Conversion Rates Like a Pro: 20 Expert Tips

Product designers

Get inspiration, resources and knowledge sent to your inbox.

One email per week

Easy unsubscribe

Inspiration, resources and knowledge for digital product designers

Bookmark CursorUp: ⌘ + D

Folio Pharmacy

Crazy Conversions

Suggest inspiring site

Suggest a resource

• mindful design
• student success
• product design
• ui/ux design
• watch me work
• design careers
• design inspiration

7 Best UX Case Study Generators (and how to use them)

If you're looking for UX case study ideas, topics or challenges, these UX case study generators can help you create portfolio pieces and improve your UX/UI skills. Here are some of the best ones and the pros and cons of using them.

What is a case study generator?

A UX Case Study Generator is a tool that serves up hypothetical UX design project ideas, problems, challenges or exercises that you can complete on your own to practice your UX skills or use to create UX Case studies and projects for UX/UI portfolio.

UX Case Study Generators

1. UX Challenge

UX challenge provides prompts and exercises that allows you to practice your problem-solving skills and create one-off projects for your portfolio. The Challenges presented here have been created by UX Designer Yachin and are based on real-world problems.

You can browse through a few different industries or categories on the homepage and then view the details of the project brief.

With more than 15 millions prompts available, there are lots of UX/Product Design prompts to choose from. To start, click on 'Product/UX' and then Click ‘New Challenge’. If you like certain elements of the brief you can lock those in place and then click New Challenge again to regenerate the unlocked parts until you find something you like.

3. Designercize

This fun arcade game-like interface lets you choose the level of difficulty and gives you a timer so that you can test your speed. While this tool doesn’t allow you to select a specific category, you can regenerate exercises until you find one that appeals to you.

4. UX Tools Challenges

If you need practice creating specific UX deliverables or applying certain user research methods this is a great option. You can browse through a number of UX prompt cards and click on a UX challenge to view a hypothetical scenario, instructions and tutorials on how to approach the challenges.

5. Uplabs Challenges

Uplabs hosts open design challenges that you can enter for prizes. They have deadlines in place and submissions are reviewed via voting. Check out their active listings to see on-going challenges and see the submission details and requirements. You can also view past challenges and try using them as practice on your for use as UX case study ideas.

6. 100Daysofproductdesign

100 Days of Product is a series of design challenges that help you learn to tackle specific problems that arise in UX and product design roles (such as running a design sprint) and prompts you to create deliverables around them. There is also a separate set of whiteboarding challenges that you can take in preparation for interviews.

7. DesignerUp

Our Product Design course is home to one the best UX and Product Design case study creators you can find...yourself! You get to ideate on original concepts yourself from scratch, is completely unique, perfectly suited to who you are as a designer, shows your process and ensures you stand out from the crowd. You also get free access to our portfolio builder for Notion that has helped our students easily create product design case studies and land their dream roles!

UX Case Study Usage

There are 4 main ways we recommend applying these generator prompts and challenges based on your goals:

Option 1: Self-Practice - Use these as practice for yourself to develop your problem-solving skills, thinking on your toes, learning to manage your time and refining your workflow. You don’t need to show it in your portfolio but you can share it on social media and other places to get some feedback and get into the hang of doing projects and getting to know your own timing and process.

Option 2: UX Case Study Creation - Use these for your UX portfolio to create UX case studies . Give yourself a deadline, deliberately choose a project and document the process as you go. Be mindful of the projects you choose and make sure that they align with your own unique positioning as a designer and with the opportunities you want to attract.

Option 3: Whiteboard Challenge - Work on the prompts in 45 min sessions using a whiteboard like Figjam to show and tell your process. Record your screen so that you can replay it and share it with others for critique. This video could even be an incredible addition to your portfolio to showcase how you think and solve problems on the fly.

Option 4: Take-home Exercise - To simulate an interview take-home challenge or test, you can tackle a prompt or brief over the course of 8-10 hours.

Pros and Cons of Using UX Case Study Generators

There a few pros and cons about using case study generators that you should know about:

If you can do them, so can everyone else

Firstly, remember that if you have access to these design challenges and briefs so do all the other designers. That means that there is a good chance your work might end up looking similar to their work if you’re not careful. If you want to stand out, try customizing the prompts and challenges and adding your own unique spin.

Treat them as real UX projects

If you plan to feature these UX case studies in your portfolio, make sure to treat them as real UX projects; not just hypothetical exercises. Conduct actual research, analyze your findings and document your process. This will go a long way in helping you differentiate yourself from those that simply complete the challenge at face value.

Not consider real-world experience

Keep in mind that these generated UX case study projects and prompts are not considered 'real-world or ‘real- work experience’ by employers, but rather self-directed projects. They are a good first step for new UX designers to start practicing their problem solving skills on their own and refining their UX design process, but you'll have to go the extra mile if you want to use them in your portfolio to impress during interviews.  

Choose the right one

If you are looking to use these ideas as UX Case studies in your portfolio, I reccomend reading this article on how to choose which case studies you should do and how to Create a Magnetic UX Case Study that will actually get you noticed and hired.

Move into doing real projects

These projects are also no substitute for doing real-world projects such as things you design and build yourself, freelance jobs, client work or open-source projects. Generated prompts and challenges cannot introduce the ambiguity of business requirements, changing stakeholder needs and team dynamics that are most sought after in a hirable UX designer. So think of these as a stepping to help you jump into the real thing as soon as possible. Here are some examples of stellar UX/UI and Product Design portfolios that we love!

The best design resources, in your inbox

Tips, tricks, articles and freebies. It's all happening in the DesignerUp Newsletter. View the archives →

We'll only send the occasional email and promise not to spam.

© Copyright 2022 DesignerUp. All Rights Reserved.

Get a free custom homepage design for your new website.

Design, UI, UX , Inspiration

15 excellent ux case studies every creative should read.

• By Sandra Boicheva
• October 21st, 2021

In a previous article, we talked about UX portfolios and how they carefully craft a story of how designers work. Interestingly enough, recruiters decide if a UX freelance designer or an agency is a good match within 5 minutes into the portfolio . In order to persuade these recruiters, the portfolio needs to present an appealing story that showcases the skill, the thought process, and the choices taken for key parts of the designs. With this in mind, today we’ll talk about UX case studies and give 15 excellent examples of case studies with compelling stories.

The Storytelling Approach in UX Case Studies

An essential part of the portfolio of a UX designer is the case studies that pack a showcase of the designer’s skills, way of thinking, insights in the form of compelling stories. These case studies are often the selling point as recruiters look for freelancers and agencies who can communicate their ideas through design and explain themselves in a clear and appealing way. So how does this work?

Photography by Alvaro Reyes

Just like with every other story, UX case studies also start with an introduction, have a middle, and end with a conclusion .

• Introduction: This UX case study example starts with a design brief and presents the main challenges and requirements. In short, the UX designer presents the problem, their solution, and their role.
• Middle: The actual story of the case study example explains the design process and the techniques used. This usually starts with obstacles, design thinking, research, and unexpected challenges. All these elements lead to the best part of the story: the action part. It is where the story unveils the designer’s insights, ideas, choices, testing, and decisions.
• Conclusion: The final reveal shows the results and gives space for reflection where the designer explains what they’ve learned, and what they’ve achieved.

Now as we gave you the introduction, let’s get to the main storyline and enjoy 15 UX case studies that tell a compelling story.

1. Car Dealer Website for Mercedes-Benz Ukraine by Fulcrum

This case study is a pure pleasure to read. It’s well-structured, easy to read, and still features all the relevant information one needs to understand the project. As the previous client’s website was based on the official Mercedes Benz template, Fulcrum had to develop an appealing and functional website that would require less time to maintain, be more user-friendly, and increase user trust.

• Intro: Starts with a summary of the task.
• Problem: Lists the reasons why the website needs a redesign.
• Project Goals: Lists the 4 main goals with quick summaries.
• Project: Showcases different elements of the website with desktop and mobile comparison.
• Functionality: Explains how the website functionality helps clients to find, and order spare parts within minutes.
• Admin Panel: Lists how the new admin panel helps the client customize without external help.
• Elements: Grid, fonts, colors.
• Tech Stack: Shows the tools used for the backend, mobile, admin panel, and cloud.
• Client review: The case study ends with a 5-star review by the marketing director of Mercedes Benz Ukraine, Olga Belova.

This case study is an example of a detailed but easy to scan and read story from top to bottom, featuring all relevant information and ending on the highest note: the client’s review.

Advertisement

2. Galaxy Z Flips 5G Website by DFY

This is a big project that covers every aspect of the website, including the UX strategy. The creative studio aimed to fully illustrate and demonstrate the significant upgrades over previous models and to enable two-way communication with the customers through an interactive experience.

• Intro: Summary of the project and roles.
• Interactive Experience: The main project goal.
• Demonstration: Explains the decision to feature 360-degree views and hands-on videos instead of technical terms.
• Screens: Includes high-quality screenshots of significant pages and features.
• Ecosystem: Highlight a page with easy navigation across different products as a marketing decision that makes cross-selling seamless.
• Essentials: Showcases a slider of all products with key features that provide ample information.
• Showroom: Interactive experience that helps the user “play around” with the product.
• Credits: As a conclusion, DFY features the stakeholders involved.

A strong presentation of a very ambitious project. It keeps the case study visual while still providing enough insight into the thought process and the most important decisions.

3. Jambb Social Platform by Finna Wang

Here we have a beautiful case study for a platform that aims to help creators grow their communities by recognizing and rewarding their base of supporters. It tackles a curious problem that 99% of fans who contribute in non-monetary ways don’t get the same content, access, and recognition they deserve. This means the creators need a way to identify their fans across all social platforms to grow their business and give recognition. To get a clear picture of what the design has to accomplish, Finna Wang conducted stakeholder interviews with the majority of the client’s team.

• Intro: Listing roles, dates, team, and used tools.
• Project Overview: The main concept and the reasons behind it.
• Exploration: What problem will the platform solve, preliminary research, and conclusions from the research.  The section includes the project scope and problem statement.
• Design Process: A thorough explanation of the discoveries and the exact steps.
• User Flows:  3 user flows based on common tasks that the target user/fan would do on the site.
• Design Studio: Visualization process with wireframes, sitemap, prototypes.
• Design Iterations: The designer highlights the iterations they were primary behind.
• Style Guide: Typography, colors, visual elements breakdown.
• Usability Testing: Beta site vs Figma prototype; usertesting.com, revised problem statement.
• Prototype: Features an accessible high fidelity prototype in Figma you can view.
• Takeaways: Conclusions.

An extremely detailed professionally made and well-structured UX case study. It goes a step further by listing specific conclusions from the conducted research and featuring an accessible Figma prototype.

4. Memento Media by Masha Keyhani

This case study is dedicated to a very interesting project for saving family stories. It aims to help users capture and record memories from their past. To do so, the design team performed user research and competitive analysis. The entire project took a 6-week sprint.

• Overview: Introducing the client and the purpose of the app.
• My Role: Explaining the roles of the designer and their team.
• Design Process: A brief introduction of the design process and the design toolkit
• Home: The purpose of the Homepage and the thought process behind it.
• Question Selection: The decision behind this screen.
• Recording Process: Building the recording feature and the decisions behind it.
• User research: a thorough guide with the main focuses, strategies, and competitor analysts, including interviews.
• Research Objectives: The designer gives the intent of their research, the demographics, synthesis, and usability testing insights.
• Propositions: Challenges and solutions
• User Flow: Altering the user flow based on testing and feedback.
• Wireframes: Sketches, Lo-Fi wireframing.
• Design System: Typography, colors, iconography, design elements.
• The Prototype: It shows a preview of the final screens.

This UX study case is very valuable for the insights it presents. The design features a detailed explanation of the thinking process, the research phase, analysts, and testing which could help other creatives take some good advice from it for their future research.

5. Perfect Recipes App by Tubik

Here we have a UX case study for designing a simple mobile app for cooking, recipes, and food shopping. It aims to step away from traditional recipe apps by creating something more universal for users who love cooking with extended functionality. The best idea behind it is finding recipes based on what supplies the user currently has at home.

• Intro: Introducing the concept and the team behind it.
•  Project: What they wanted to make and what features would make the app different than the competitors.
• UI design: The decisions behind the design.
• Personalization: Explaining how the app gives the user room for personalization and customizing the features according to their personal preferences.
• Recipe Cards and Engaging Photos: The decisions behind the visuals.
• Cook Now feature: Explaining the feature.
• Shopping List: Explaining the feature.
• Pantry feature:  The idea to sync up the app with AmazonGo services. This case study section features a video.
• Bottom Line: What the team learned.

This UX case study is a good example of how to present your concept if you have your own idea for an app. You could also check the interactive preview of the app here .

6. SAM App by Mike Wilson

The client is the Seattle Art Museum while the challenge is to provide engaging multimedia content for users as well as self-guided tours. Mile Wilson has to create an experience that will encourage repeat visits and increase events and exhibition attendance.

• Intro: Listing time for the project, team members, and roles.
• The Client: A brief introduction of Seattle Art Museum
• The Challenge: What the app needs to accomplish.
• Research and Planning: Explaining the process for gathering insights, distributing surveys, interviews, and identifying specific ways to streamline the museum experience.
• Sloane: Creating the primary persona. This includes age, bio, goals, skills, and frustrations.
• Designing the Solution: Here the case study features the results of their research, information architecture, user flows, early sketching, paper prototypes, and wireframes.
• Conclusion: Explaining the outcome, what the team would have done differently, what’s next, and the key takeaways.

What we can take as a valuable insight aside from the detailed research analysis, is the structure of the conclusion. Usually, most case studies give the outcome and preview screens. However, here we have a showcase of what the designer has learned from the project, what they would do differently, and how they can improve from the experience.

7. Elmenus Case Study

This is a case study by UX designers Marwa Kamaleldin, Mario Maged, Nehal Nehad, and Abanoub Yacoub for redesigning a platform with over 6K restaurants. It aims to help users on the territory of Egypt to find delivery and dine-out restaurants.

• Overview: What is the platform, why the platform is getting redesigned, what is the target audience. This section also includes the 6 steps of the team’s design process.
• User Journey Map: A scheme of user scenarios and expectations with all phases and actions.
• Heuristic Evaluation: Principles, issues, recommendations, and severity of the issues of the old design.
• First Usability Testing: Goals, audience, and tasks with new user scenarios and actions based on the heuristic evaluation. It features a smaller section that lists the most severe issues from usability for the old design.
• Business Strategy: A comprehensive scheme that links problems, objectives, customer segment, measurements of success, and KPIs.
• Solutions: Ideas to solve all 4 issues.
• Wireframes: 4 directions of wireframes.
• Styleguide: Colors, fonts, typeface, components, iconography, spacing method.
• Design: Screens of the different screens and interactions.
• Second Usability Testing: Updated personas, scenarios, and goals. The section also features before-and-after screenshots.
• Outcome: Did the team solve the problem or not.

A highly visual and perfectly structured plan and process for redesigning a website. The case study shows how the team discovers the issues with the old design and what decisions they made to fix these issues.

8. LinkedIn Recruiter Tool by Evelynma

A fresh weekend project exploring the recruiting space of LinkedIn to find a way to help make it easier for recruiters to connect with ideal candidates.

• Background Info: What made the designer do the project.
• Problem and Solution: A good analysis of the problem followed by the designer’s solution.
• Process: This section includes an analysis of interviewing 7 passive candidates, 1 active candidate, 3 recruiters, and 1 hiring manager. The designer also includes their journey map of the recruiting experience, a sketch of creating personas, and the final 3 personas.
• Storyboard and User Flow Diagrams: The winning scenario for Laura’s persona and user flow diagram.
• Sketches and Paper Prototypes: Sticky notes for paper prototypes for the mobile experience.
• Visual Design: Web and mobile final design following the original LinkedIn pattern.
• Outcome: Explaining the opportunity.

This is an excellent UX case study when it comes to personal UX design projects. creating a solution to a client’s problem aside, personal project concepts is definitely something future recruiters would love to see as it showcases the creativity of the designers even further.

9. Turbofan Engine Diagnostics by Havana Nguyen

The UX designer and their team had to redesign some legacy diagnostics software to modernize the software, facilitate data transfers from new hardware, and improve usability. They built the desktop and mobile app for iOS and Android.

• Problem: The case study explain the main problem and what the team had to do to solve it.
• My Role: As a lead UX designer on a complicated 18-month project, Havana Nguyen had a lot of work to do, summarized in a list of 5 main tasks.
• Unique Challenges: This section includes 4 main challenges that made the project so complex. ( Btw, there’s a photo of sketched wireframes literally written on the wall.)
• My Process: The section includes a description of the UX design process highlighted into 5 comprehensive points.
• Final Thoughts: What the designer has learned for 18 months.

The most impressive thing about this case study is that it manages to summarize and explain well an extremely complex project. There are no prototypes and app screens since it’s an exclusive app for the clients to use.

10. Databox by FireArt

A very interesting project for Firearts’s team to solve the real AL & ML challenges across a variety of different industries. The Databox project is about building scalable data pipeline infrastructure & deploy machine learning and artificial intelligence models.

• Overview: The introduction of the case study narrows down the project goal, the great challenge ahead, and the solution.
• How We Start: The necessary phases of the design process to get an understanding of a product.
• User Flow: The entire scheme from the entry point through a set of steps towards the final action of the product.
• Wireframes: A small selection of wireframe previews after testing different scenarios.
• Styleguide: Typography, colors, components.
• Visual Design: Screenshots in light and dark mode.

A short visual case study that summarizes the huge amount of work into a few sections.

11. Travel and Training by Nikitin Team

Here’s another short and sweet case study for an app with a complete and up-to-date directory of fitness organizations in detailed maps of world cities.

• Overview: Explaining the project.
• Map Screen : Outlining the search feature by categories.
• Profiles: Profile customization section.
• Fitness Clubs: Explaining the feature.
• Icons: A preview of the icons for the app.
• App in Action: A video of the user experience.

This case study has fewer sections, however, it’s very easy to read and comprehend.

12. Carna by Ozmo

Ozmo provides a highly visual case study for a mobile application and passing various complexities of courses. The main goal for the UX designer is to develop a design and recognizable visual corporate identity with elaborate illustrations.

• Intro: A visual project preview with a brief description of the goal and role.
• Identity: Colors, fonts, and logo.
• Wireframes: The thinking process.
• Interactions: Showcase of the main interactions with animated visuals.
• Conclusion: Preview of the final screens.

The case study is short and highly visual, easy to scan and comprehend. Even without enough insight and text copy, we can clearly understand the thought process behind and what the designer was working to accomplish.

13. An Approach to Digitization in Education by Moritz Oesterlau

This case study is for an online platform for challenge-based learning. The designer’s role was to create an entire product design from research to conception, visualization, and testing. It’s a very in-depth UX case study extremely valuable for creatives in terms of how to structure the works in their portfolio.

• Intro: Introducing the client, project time, sector, and the designer’s role.
• Competitive Analysis: the case study starts off with the process of creating competitive profiles. It explains the opportunities and challenges of e-learning that were taken into consideration.
• Interviews and Surveys: Listing the goals of these surveys as well as the valuable insights they found.
• Building Empathy: The process and defining the three target profiles and how will the project cater to their needs. This section includes a PDF of the user personas.
• Structure of the Course Curriculum: Again with the attached PDF files, you can see the schemes of the task model and customer experience map.
• Information Architecture: The defined and evaluated sitemap for TINIA
• Wireframing, Prototyping, and Usability Testing :  An exploration of the work process with paper and clickable prototypes.
• Visual Design: Styleguide preview and detailed PDF.
• A/B and Click Tests: Reviewing the usability assumptions.
• Conclusion: A detailed reflection about the importance of the project, what the designer learned, and what the outcome was.

This is a very important case study and there’s a lot to take from it. First, the project was too ambitious and the goal was too big and vague. Although the result is rather an approximation and, above all, at the conceptual level requires further work, the case study is incredibly insightful, informative, and insightful.

14. In-class Review Game by Elizabeth Lin

This project was never realized but the case study remains and it’s worth checking out. Elizabeth Lin takes on how to create an engaging in-class review game with a lot of research, brainstorming, and a well-structured detailed process.

• Intro: What makes the project special.
• Research: Explaining how they approached the research and what they’ve learned.
• Brainstorming: the process and narrowing all How Might We questions to one final question: How might we create an engaging in-class math review game.
• Game Loop and Storyboarding: Sketch of the core game loop and the general flow of the game.
• Prototyping: Outlining basic game mechanics and rounds in detail.
• Future Explorations: The case study goes further with explorations showing how the product could look if we expanded upon the idea even further.
• What Happened?:  The outcome of the project.

This case study tells the story of the project in detail and expands on it with great ideas for future development.

15. Virtual Makeup Studio by Zara Dei

And for our last example, this is a case study that tells the story of an app-free shippable makeover experience integrated with the Covergirl website. The team has to find a way to improve conversion by supporting customers in their purchase decisions as well as to increase basket size by encouraging them to buy complementary products.

• Intro: Introducing the project and the main challenges.
• Discovery and Research: Using existing product information on the website to improve the experience.
• Onboarding and Perceived Performance: Avoiding compatibility issues and the barrier of a user having to download an app. The section explains the ideas for features that will keep users engaged, such as a camera with face scan animation.
• Fallback Experience and Error States: Providing clear error messaging along with troubleshooting instructions.
• Interactions: explaining the main interactions and the decisions behind them.
• Shared Design Language: Explaining the decision to provide links on each product page so users could be directed to their preferred retailer to place their order. Including recommended products to provide users with alternatives.
• Outcome and Learning: The good ending.
• Project Information: Listing all stakeholders, the UX designer’s role in a bullet list, and design tools.

In Conclusion

These were the 15 UX case studies we wanted to share with you as they all tell their story differently. If we can take something valuable about what are the best practices for making an outstanding case study, it will be something like this.

Just like with literature, storytelling isn’t a blueprint: you can write short stories, long in-depth analyses, or create a visual novel to show your story rather than tell. The detailed in-depth UX case studies with lots of insights aren’t superior to the shorter visual ones or vice versa. What’s important is for a case study to give a comprehensive view of the process, challenges, decisions, and design thinking behind the completed project .

In conclusion, a UX case study should always include a summary; the challenges; the personas; roles and responsibilities; the process; as well as the outcomes, and lessons learned.

Video Recap

Take a look at the special video we’ve made to visualize and discuss the most interesting and creative ideas implemented in the case studies.

In the meantime, why not browse through some more related insights on web development and web design?

• The 30 Best UX Books Every Creative Should Read in 2022
• Great UI Animation Examples to Make Your Jaw Drop [+Tips and Freebies]
• 60 Superb App Design Inspiration Examples

Popular Posts

• 20 UI/UX Design Trends that will Rock 2023 [Updated]
• Best 15 UI Color Palette & Scheme Generators for the Perfect Interface Design
• 10 Golden UI Design Principles and How To Use Them
• GET A QUICK QUOTE

Subscribe for our newsletter

We hate boring. Our newsletters are relevant and on point.  Excited? Let’s do this!

Skip navigation

World Leaders in Research-Based User Experience

Creating a ux design portfolio case study.

Summary:  A 7-step process to creating a case study for your portfolio: how to describe your design, the UX process that led to this specific user interface, and the business impact of the design.

3 minute video by 2019-11-08 3

• Rachel Krause

Share this article:

• Share this video:

You must have javascript and cookies enabled in order to display videos.

Video Author

Rachel Krause is a Senior User Experience Specialist with Nielsen Norman Group. Her areas of expertise include storytelling, UX in agile, design thinking, scaling design, and UX leadership. She has also planned and conducted research on careers, UX maturity, and intranets for clients and practitioners in numerous industries.

• Share: 

Subscribe to the weekly newsletter to get notified about future articles.

UX Portfolio Updates: A New Year's Resolution

5 minute video

UX Portfolios: What Hiring Managers Look For

4 minute video

UX Portfolios: Preparing for Interviews

2 minute video

UX Portfolios

3 minute video

• 5 Steps to Creating a UX-Design Portfolio
• Portfolios for UX Researchers: Top 10 Recommendations
• Pilot Testing: Getting It Right (Before) the First Time
• Typography Terms Cheat Sheet
• Case Study: Iterative Design and Prototype Testing of the NN/g Homepage

Research Reports

• Intranet Design Annual: 2020
• Intranet Design Annual: 2019
• User Experience Careers

UX Conference Training Course

• UX Basic Training
• Persuasive and Emotional Design
• Omnichannel Journeys and Customer Experience
• Lean UX and Agile
• Personas: Turn User Data Into User-Centered Design

• Victor Yocco
• Jun 5, 2024

Presenting UX Research And Design To Stakeholders: The Power Of Persuasion

• 25 min read
• UX Research , Communication , UX
• Share on Twitter ,  LinkedIn

About The Author

Victor Yocco, PhD, has over a decade of experience as a UX researcher and research director. He is currently affiliated with Allelo Design and is taking on … More about Victor ↬

Email Newsletter

Weekly tips on front-end & UX . Trusted by 200,000+ folks.

For UX researchers and designers, our journey doesn’t end with meticulously gathered data or well-crafted design concepts saved on our laptops or in the cloud. Our true impact lies in effectively communicating research findings and design concepts to key stakeholders and securing their buy-in for implementing our user-centered solutions. This is where persuasion and communication theory become powerful tools, empowering UX practitioners to bridge the gap between research and action .

I shared a framework for conducting UX research in my previous article on infusing communication theory and UX. In this article, I’ll focus on communication and persuasion considerations for presenting our research and design concepts to key stakeholder groups.

A Word On Persuasion: Guiding Understanding, Not Manipulation

UX professionals can strategically use persuasion techniques to turn complex research results into clear, practical recommendations that stakeholders can understand and act on. It’s crucial to remember that persuasion is about helping people understand what to do, not tricking them . When stakeholders see the value of designing with the user in mind, they become strong partners in creating products and services that truly meet user needs. We’re not trying to manipulate anyone; we’re trying to make sure our ideas get the attention they deserve in a busy world.

The Hovland-Yale Model Of Persuasion

The Hovland-Yale model, a framework for understanding how persuasion works, was developed by Carl Hovland and his team at Yale University in the 1950s. Their research was inspired by World War II propaganda, as they wanted to figure out what made some messages more convincing than others.

In the Hovland-Yale model, persuasion is understood as a process involving the Independent variables of Source, Message, and Audience . The elements of each factor then lead to the Audience having internal mediating processes around the topic, which, if independent variables are strong enough, can strengthen or change attitudes or behaviors. The interplay of the internal mediating processes leads to persuasion or not, which then leads to the observable effect of the communication (or not, if the message is ineffective). The model proposes that if these elements are carefully crafted and applied, the intended change in attitude or behavior (Effect) is more likely to be successful.

The diagram below helps identify the parts of persuasive communication. It shows what you can control as a presenter, how people think about the message and the impact it has. If done well, it can lead to change. I’ll focus exclusively on the independent variables in the far left side of the diagram in this article because, theoretically, this is what you, as the outside source creating a persuasive message, are in control of and, if done well, would lead to the appropriate mediating processes and desired observable effects.

Effective communication can reinforce currently held positions. You don’t always need to change minds when presenting research; much of what we find and present might align with currently held beliefs and support actions our stakeholders are already considering.

Over the years, researchers have explored the usefulness and limitations of this model in various contexts. I’ve provided a list of citations at the end of this article if you are interested in exploring academic literature on the Hovland-Yale model. Reflecting on some of the research findings can help shape how we create and deliver our persuasive communication. Some consistent from academia highlight that:

• Source credibility significantly influences the acceptance of a persuasive message. A high-credibility source is more persuasive than a low-credibility one.
• Messages that are logically structured, clear, and relatively concise are more likely to be persuasive.
• An audience’s attitude change is also dependent on the channel of communication. Mass media is found to be less effective in changing attitudes than face-to-face communication.
• The audience’s initial attitude, intelligence, and self-esteem have a significant role in the persuasion process. Research suggests that individuals with high intelligence are typically more resistant to persuasion efforts, and those with moderate self-esteem are easier to persuade than those with low or high self-esteem.
• The effect of persuasive messages tends to fade over time, especially if delivered by a non-credible source. This suggests a need to reinforce even effective messages on a regular basis to maintain an effect.

I’ll cover the impact of each of these bullets on UX research and design presentations in the relevant sections below.

It’s important to note that while the Hovland-Yale model provides valuable insight into persuasive communication, it remains a simplification of a complex process. Actual attitude change and decision-making can be influenced by a multitude of other factors not covered in this model, like emotional states, group dynamics, and more, necessitating a multi-faceted approach to persuasion. However, the model provides a manageable framework to strengthen the communication of UX research findings , with a focus on elements that are within the control of the researcher and product team. I’ll break down the process of presenting findings to various audiences in the following section.

Let’s move into applying the models to our work as UX practitioners with a focus on how the model applies to how we prepare and present our findings to various stakeholders. You can reference the diagram above as needed as we move through the Independent variables.

Applying The Hovland-Yale Model To Presenting Your UX Research Findings

Let’s break down the key parts of the Hovland-Yale model and see how we can use them when presenting our UX research and design ideas.

Revised: The Hovland-Yale model stresses that where a message comes from greatly affects how believable and effective it is. Research shows that a convincing source needs to be seen as dependable , informed , and trustworthy . In UX research, this source is usually the researcher(s) and other UX team members who present findings, suggest actions, lead workshops, and share design ideas. It’s crucial for the UX team to build trust with their audience, which often includes users, stakeholders, and designers.

You can demonstrate and strengthen your credibility throughout the research process and once again when presenting your findings.

How Can You Make Yourself More Credible?

You should start building your expertise and credibility before you even finish your research. Often, stakeholders will have already formed an opinion about your work before you even walk into the room. Here are a couple of ways to boost your reputation before or at the beginning of a project:

Case Studies

A well-written case study about your past work can be a great way to show stakeholders the benefits of user-centered design. Make sure your case studies match what your stakeholders care about. Don’t just tell an interesting story; tell a story that matters to them. Understand their priorities and tailor your case study to show how your UX work has helped achieve goals like higher ROI, happier customers, or lower turnover. Share these case studies as a document before the project starts so stakeholders can review them and get a positive impression of your work.

Thought Leadership

Sharing insights and expertise that your UX team has developed is another way to build credibility. This kind of “thought leadership” can establish your team as the experts in your field. It can take many forms, like blog posts, articles in industry publications, white papers, presentations, podcasts, or videos. You can share this content on your website, social media, or directly with stakeholders.

For example, if you’re about to start a project on gathering customer feedback, share any relevant articles or guides your team has created with your stakeholders before the project kickoff. If you are about to start developing a voice of the customer program and you happen to have Victor or Dana on your team, share their article on creating a VoC to your group of stakeholders prior to the kickoff meeting. [Shameless self-promotion and a big smile emoji].

You can also build credibility and trust while discussing your research and design, both during the project and when you present your final results.

Business Goals Alignment

To really connect with stakeholders, make sure your UX goals and the company’s business goals work together. Always tie your research findings and design ideas back to the bigger picture. This means showing how your work can affect things like customer happiness, more sales, lower costs, or other important business measures. You can even work with stakeholders to figure out which measures matter most to them. When you present your designs, point out how they’ll help the company reach its goals through good UX.

Industry Benchmarks

These days, it’s easier to find data on how other companies in your industry are doing. Use this to your advantage! Compare your findings to these benchmarks or even to your competitors. This can help stakeholders feel more confident in your work. Show them how your research fits in with industry trends or how it uncovers new ways to stand out. When you talk about your designs, highlight how you’ve used industry best practices or made changes based on what you’ve learned from users.

Methodological Transparency

Be open and honest about how you did your research. This shows you know what you’re doing and that you can be trusted. For example, if you were looking into why fewer people are renewing their subscriptions to a fitness app, explain how you planned your research, who you talked to, how you analyzed the data, and any challenges you faced. This transparency helps people accept your research results and builds trust.

Increasing Credibility Through Design Concepts

Here are some specific ways to make your design concepts more believable and trustworthy to stakeholders:

Ground Yourself in Research. You’ve done the research, so use it! Make sure your design decisions are based on your findings and user data. When you present, highlight the data that supports your choices.

Go Beyond Mockups. It’s helpful for stakeholders to see your designs in action. Static mockups are a good start, but try creating interactive prototypes that show how users will move through and use your design. This is especially important if you’re creating something new that stakeholders might have trouble visualizing.

User Quotes and Testimonials. Include quotes or stories from users in your presentation. This makes the process more personal and shows that you’re focused on user needs. You can use these quotes to explain specific design choices.

Before & After Impact. Use visuals or user journey maps to show how your design solution improves the user experience. If you’ve mapped out the current user journey or documented existing problems, show how your new design fixes those problems. Don’t leave stakeholders guessing about your design choices. Briefly explain why you made key decisions and how they help users or achieve business goals. You should have research and stakeholder input to back up your decisions.

Show Your Process. When presenting a more developed concept, show the work that led up to it. Don’t just share the final product. Include early sketches, wireframes, or simple prototypes to show how the design evolved and the reasoning behind your choices. This is especially helpful for executives or stakeholders who haven’t been involved in the whole process.

Be Open to Feedback and Iteration. Work together with stakeholders. Show that you’re open to their feedback and explain how their input can help you improve your designs.

Much of what I’ve covered above are also general best practices for presenting. Remember, these are just suggestions. You don’t have to use every single one to make your presentations more persuasive. Try different things, see what works best for you and your stakeholders, and have fun with it! The goal is to build trust and credibility with your UX team.

The Hovland-Yale model, along with most other communication models, suggests that what you communicate is just as important as how you communicate it. In UX research, your message is usually your insights, data analysis, findings, and recommendations.

I’ve touched on this in the previous section because it’s hard to separate the source (who’s talking) from the message (what they’re saying). For example, building trust involves being transparent about your research methods, which is part of your message. So, some of what I’m about to say might sound familiar.

For this article, let’s define the message as your research findings and everything that goes with them (e.g., what you say in your presentation, the slides you use, other media), as well as your design concepts (how you show your design solutions, including drawings, wireframes, prototypes, and so on).

The Hovland-Yale model says it’s important to make your message easy to understand , relevant , and impactful . For example, instead of just saying,

“30% of users found the signup process difficult.”

you could say,

“30% of users struggled to sign up because the process was too complicated. This could lead to fewer renewals. Making the signup process easier could increase renewals and improve the overall experience.”

Storytelling is also a powerful way to get your message across. Weaving your findings into a narrative helps people connect with your data on a human level and remember your key points. Using real quotes or stories from users makes your presentation even more compelling.

Here are some other tips for delivering a persuasive message:

• Practice Makes Perfect Rehearse your presentation. This will help you smooth out any rough spots, anticipate questions, and feel more confident.
• Anticipate Concerns Think about any objections stakeholders might have and be ready to address them with data.
• Welcome Feedback Encourage open discussion during your presentation. Listen to what stakeholders have to say and show that you’re willing to adapt your recommendations based on their concerns. This builds trust and makes everyone feel like they’re part of the process.
• Follow Through is Key After your presentation, send a clear summary of the main points and action items. This shows you’re professional and makes it easy for stakeholders to refer back to your findings.

When presenting design concepts, it’s important to tell , not just show, what you’re proposing. Stakeholders might not have a deep understanding of UX, so just showing them screenshots might not be enough. Use user stories to walk them through the redesigned experience. This helps them understand how users will interact with your design and what benefits it will bring. Static screens show the “what,” but user stories reveal the “why” and “how.” By focusing on the user journey, you can demonstrate how your design solves problems and improves the overall experience.

For example, if you’re suggesting changes to the search bar and adding tooltips, you could say:

“Imagine a user lands on the homepage and sees the new, larger search bar. They enter their search term and get results. If they see an unfamiliar tool or a new action, they can hover over it to see a brief description.”

Here are some other ways to make your design concepts clearer and more persuasive:

• Clear Design Language Use a consistent and visually appealing design language in your mockups and prototypes. This shows professionalism and attention to detail.
• Accessibility Best Practices Make sure your design is accessible to everyone. This shows that you care about inclusivity and user-centered design.

One final note on the message is that research has found the likelihood of an audience’s attitude change is also dependent on the channel of communication . Mass media is found to be less effective in changing attitudes than face-to-face communication. Distributed teams and remote employees can employ several strategies to compensate for any potential impact reduction of asynchronous communication:

• Interactive Elements Incorporate interactive elements into presentations, such as polls, quizzes, or clickable prototypes. This can increase engagement and make the experience more dynamic for remote viewers.
• Video Summaries Create short video summaries of key findings and recommendations. This adds a personal touch and can help convey nuances that might be lost in text or static slides.
• Virtual Q&A Sessions Schedule dedicated virtual Q&A sessions where stakeholders can ask questions and engage in discussions. This allows for real-time interaction and clarification, mimicking the benefits of face-to-face communication.
• Follow-up Communication Actively follow up with stakeholders after they’ve reviewed the materials. Offer to discuss the content, answer questions, and gather feedback. This demonstrates a commitment to communication and can help solidify key takeaways.

Framing Your Message for Maximum Impact

The way you frame an issue can greatly influence how stakeholders see it. Framing is a persuasion technique that can help your message resonate more deeply with specific stakeholders. Essentially, you want to frame your message in a way that aligns with your stakeholders’ attitudes and values and presents your solution as the next logical step. There are many resources on how to frame messages, as this technique has been used often in public safety and public health research to encourage behavior change. This article discusses applying framing techniques for digital design.

You can also frame issues in a way that motivates your stakeholders. For example, instead of calling usability issues “problems,” I like to call them “opportunities.” This emphasizes the potential for improvement. Let’s say your research on a hospital website finds that the appointment booking process is confusing. You could frame this as an opportunity to improve patient satisfaction and maybe even reduce call center volume by creating a simpler online booking system. This way, your solution is a win-win for both patients and the hospital. Highlighting the positive outcomes of your proposed changes and using language that focuses on business benefits and user satisfaction can make a big difference.

Understanding your audience’s goals is essential before embarking on any research or design project. It serves as the foundation for tailoring content, supporting decision-making processes, ensuring clarity and focus, enhancing communication effectiveness, and establishing metrics for evaluation.

One specific aspect to consider is securing buy-in from the product and delivery teams prior to beginning any research or design. Without their investment in the outcomes and input on the process, it can be challenging to find stakeholders who see value in a project you created in a vacuum. Engaging with these teams early on helps align expectations, foster collaboration, and ensure that the research and design efforts are informed by the organization’s objectives.

Once you’ve identified your key stakeholders and secured buy-in, you should then Map the Decision-Making Process or understand the decision-making process your audience goes through, including the pain points, considerations, and influencing factors.

• How are decisions made, and who makes them?
• Is it group consensus?
• Are there key voices that overrule all others?
• Is there even a decision to be made in regard to the work you will do?

Understanding the decision-making process will enable you to provide the necessary information and support at each stage.

Finally, prior to engaging in any work, set clear objectives with your key stakeholders . Your UX team needs to collaborate with the product and delivery teams to establish clear objectives for the research or design project. These objectives should align with the organization’s goals and the audience’s needs.

By understanding your audience’s goals and involving the product and delivery teams from the outset, you can create research and design outcomes that are relevant, impactful, and aligned with the organization’s objectives.

As the source of your message, it’s your job to understand who you’re talking to and how they see the issue. Different stakeholders have different interests, goals, and levels of knowledge. It’s important to tailor your communication to each of these perspectives. Adjust your language, what you emphasize, and the complexity of your message to suit your audience. Technical jargon might be fine for technical stakeholders, but it could alienate those without a technical background.

Audience Characteristics: Know Your Stakeholders

Remember, your audience’s existing opinions, intelligence, and self-esteem play a big role in how persuasive you can be. Research suggests that people with higher intelligence tend to be more resistant to persuasion, while those with moderate self-esteem are easier to persuade than those with very low or very high self-esteem. Understanding your audience is key to giving a persuasive presentation of your UX research and design concepts. Tailoring your communication to address the specific concerns and interests of your stakeholders can significantly increase the impact of your findings.

To truly know your audience, you need information about who you’ll be presenting to, and the more you know, the better. At the very least, you should identify the different groups of stakeholders in your audience. This could include designers, developers, product managers, and executives. If possible, try to learn more about your key stakeholders. You could interview them at the beginning of your process, or you could give them a short survey to gauge their attitudes and behaviors toward the area your UX team is exploring.

Then, your UX team needs to decide the following:

• How can you best keep all stakeholders engaged and informed as the project unfolds?
• How will your presentation or concepts appeal to different interests and roles?
• How can you best encourage discussion and decision-making with the different stakeholders present?
• Should you hold separate presentations because of the wide range of stakeholders you need to share your findings with?
• How will you prioritize information?

Your answers to the previous questions will help you focus on what matters most to each stakeholder group. For example, designers might be more interested in usability issues, while executives might care more about the business impact. If you’re presenting to a mixed audience, include a mix of information and be ready to highlight what’s relevant to each group in a way that grabs their attention. Adapt your communication style to match each group’s preferences. Provide technical details for developers and emphasize user experience benefits for executives.

Let’s say you did UX research for a mobile banking app, and your audience includes designers, developers, and product managers.

• Focus on: Design-related findings like what users prefer in the interface, navigation problems, and suggestions for the visual design.
• How to communicate: Use visuals like heatmaps and user journey maps to show design challenges. Talk about how fixing these issues can make the overall user experience better.

Developers:

• Focus on: Technical stuff, like performance problems, bugs, or challenges with building the app.
• How to communicate: Share code snippets or technical details about the problems you found. Discuss possible solutions that the developers can actually build. Be realistic about how much work it will take and be ready to talk about a “minimum viable product” (MVP).

Product Managers:

• Focus on: Findings that affect how users engage with the app, how long they keep using it, and the overall business goals.
• How to communicate: Use numbers and data to show how UX improvements can help the business. Explain how the research and your ideas fit into the product roadmap and long-term strategy.

By tailoring your presentation to each group, you make sure your message really hits home. This makes it more likely that they’ll support your UX research findings and work together to make decisions. “

The Effect (Impact)

The end goal of presenting your findings and design concepts is to get key stakeholders to take action based on what you learned from users. Make sure the impact of your research is crystal clear. Talk about how your findings relate to business goals, customer happiness, and market success (if those are relevant to your product). Suggest clear, actionable next steps in the form of design concepts and encourage feedback and collaboration from stakeholders . This builds excitement and gets people invested. Make sure to answer any questions and ask for more feedback to show that you value their input. Remember, stakeholders play a big role in the product’s future, so getting them involved increases the value of your research.

The Call to Action (CTA)

Your audience needs to know what you want them to do. End your presentation with a strong call to action (CTA). But to do this well, you need to be clear on what you want them to do and understand any limitations they might have.

For example, if you’re presenting to the CEO, tailor your CTA to their priorities. Focus on the return on investment (ROI) of user-centered design. Show how your recommendations can increase sales, improve customer satisfaction, or give the company a competitive edge. Use clear visuals and explain how user needs translate into business benefits. End with a strong, action-oriented statement, like

“Let’s set up a meeting to discuss how we can implement these user-centered design recommendations to reach your strategic goals.”

If you’re presenting to product managers and business unit leaders, focus on the business goals they care about, like increasing revenue or reducing customer churn. Explain your research findings in terms of ROI. For example, a strong CTA could be:

“Let’s try out the redesigned checkout process and aim for a 10% increase in conversion rates next quarter.”

Remember, the effects of persuasive messages can fade over time , especially if the source isn’t seen as credible. This means you need to keep reinforcing your message to maintain its impact.

Understanding Limitations and Addressing Concerns

Persuasion is about guiding understanding, not tricking people. Be upfront about any limitations your audience might have , like budget constraints or limited development resources. Anticipate their concerns and address them in your CTA. For example, you could say,

“I know implementing the entire redesign might need more resources, so let’s prioritize the high-impact changes we found in our research to improve the checkout process within our current budget.”

By considering both your desired outcome and your audience’s perspective, you can create a clear, compelling, and actionable CTA that resonates with stakeholders and drives user-centered design decisions.

Finally, remember that presenting your research findings and design concepts isn’t the end of the road . The effects of persuasive messages can fade over time. Your team should keep looking for ways to reinforce key messages and decisions as you move forward with implementing solutions. Keep your presentations and concepts in a shared folder, remind people of the reasoning behind decisions, and be flexible if there are multiple ways to achieve the desired outcome. Showing how you’ve addressed stakeholder goals and concerns in your solution will go a long way in maintaining credibility and trust for future projects.

A Tool to Track Your Alignment to the Hovland-Yale Model

You and your UX team are likely already incorporating elements of persuasion into your work. It might be helpful to track how you are doing this to reflect on what works, what doesn’t, and where there are gaps. I’ve provided a spreadsheet in Figure 3 below for you to modify and use as you might see fit. I’ve included sample data to provide an example of what type of information you might want to record. You can set up the structure of a spreadsheet like this as you think about kicking off your next project, or you can fill it in with information from a recently completed project and reflect on what you can incorporate more in the future.

Please use the spreadsheet below as a suggestion and make additions, deletions, or changes as best suited to meet your needs. You don’t need to be dogmatic in adhering to what I’ve covered here. Experiment, find what works best for you, and have fun.

Figure 3: Example of spreadsheet categories to track the application of the Hovland-Yale model to your presentation of UX Research findings.

Foundational Works

• Hovland, C. I., Janis, I. L., & Kelley, H. H. (1953). Communication and persuasion. New Haven, CT: Yale University Press. (The cornerstone text on the Hovland-Yale model).
• Weiner, B. J., & Hovland, C. I. (1956). Participating vs. nonparticipating persuasive presentations: A further study of the effects of audience participation. Journal of Abnormal and Social Psychology, 52(2), 105-110. (Examines the impact of audience participation in persuasive communication).
• Kelley, H. H., & Hovland, C. I. (1958). The communication of persuasive content. Psychological Review, 65(4), 314-320. (Delves into the communication of persuasive messages and their effects).

Contemporary Applications

• Pfau, M., & Dalton, M. J. (2008). The persuasive effects of fear appeals and positive emotion appeals on risky sexual behavior intentions. Journal of Communication, 58(2), 244-265. (Applies the Hovland-Yale model to study the effectiveness of fear appeals).
• Chen, G., & Sun, J. (2010). The effects of source credibility and message framing on consumer online health information seeking. Journal of Interactive Advertising, 10(2), 75-88. (Analyzes the impact of source credibility and message framing, concepts within the model, on health information seeking).
• Hornik, R., & McHale, J. L. (2009). The persuasive effects of emotional appeals: A meta-analysis of research on advertising emotions and consumer behavior. Journal of Consumer Psychology, 19(3), 394-403. (Analyzes the role of emotions in persuasion, a key aspect of the model, in advertising).

Smashing Newsletter

Tips on front-end & UX, delivered weekly in your inbox. Just the things you can actually use.

Front-End & UX Workshops, Online

With practical takeaways, live sessions, video recordings and a friendly Q&A.

TypeScript in 50 Lessons

Everything TypeScript, with code walkthroughs and examples. And other printed books.

An official website of the United States government

Here's how you know

Official websites use .gov A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS A lock ( Lock A locked padlock ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

• The Attorney General
• Organizational Chart
• Budget & Performance
• Privacy Program
• Press Releases
• Photo Galleries
• Guidance Documents
• Publications
• Information for Victims in Large Cases
• Justice Manual
• Business and Contracts
• Why Justice ?
• DOJ Vacancies
• Legal Careers at DOJ
• Our Offices

MENU Case Studies

• Bankruptcy Meetings
• Pardon Application

Increasing Access to Required Bankruptcy Meetings

How might we increase access to Section 341 bankruptcy meetings, especially for people without legal representation?

In partnership with the U.S. Trustee Program (USTP)

USTP in the U.S. Department of Justice is responsible for overseeing the administration of bankruptcy cases and private trustees. Their mission is to promote the integrity and efficiency of the bankruptcy system for the benefit of all stakeholders–debtors, creditors, and the public.

Context: Dealing with Debt

Bankruptcy is a legal lifeline that helps hundreds of thousands of people and corporations each year to manage debt and pursue a fresh start on their finances. Common reasons people file for bankruptcy include losing a job, medical expenses, and unexpected emergencies.

Moment that Matters: 341 Meeting

Bankruptcy laws require everyone who files for bankruptcy (consumers) to attend a "meeting of creditors" or "341 meeting." The purpose of the meeting is to verify the person's identity and that the information in the bankruptcy petition is correct. A trustee, not a judge, holds the meeting. Creditors may attend, but do not in every case. For consumers, the meeting is a moment in the bankruptcy journey that can feel particularly stressful.

“The (341) meeting with creditors is probably the most stressful thing for consumers - they're fearful because they don't know what to expect.” -  Legal Aid Provider, Colorado

Prior to the COVID-19 pandemic, 341 meetings were held in-person with few exceptions. Participants often missed work, had to arrange for childcare, or incurred other travel expenses to attend the meetings which typically last 10 to 15 minutes. The burdens were greater for some people than others, such as those in rural areas, older adults, people with disabilities, and people from low-income communities.

The Opportunity: Breaking Down Barriers to 341 Meetings

During the COVID-19 pandemic, USTP shifted all 341 meetings from in-person to virtual meetings by phone. The virtual 341 meetings drew more participation from both consumers and creditors, minimized delays, and saved time and money for all involved.

Encouraged by these positive trends, USTP piloted virtual 341 meetings via Zoom for all bankruptcy cases for individuals and families (Chapters 7, 12, and 13) in the states of Colorado, Utah, and Wyoming.

Our Approach: Designing for Access to Justice

During the pilot, USTP collected feedback from trustees and bankruptcy attorneys, but wanted the perspective of consumers. USTP partnered with Access DOJ to facilitate a human-centered design process to hear from legal aid providers who regularly work with people unable to afford legal assistance. Access DOJ also reviewed access to justice research and innovations on virtual hearings.

Learn: What We Heard

Access DOJ organized a listening session with eight legal aid providers across seven locations in Colorado (both urban and rural) who support low-income people through the bankruptcy process.

The legal aid providers found that virtual 341 meetings significantly reduce the burdens associated with in-person meetings (time, money, effort, and other resources). Additionally, virtual 341 meetings help close the justice gap: legal aid providers could help more people because they no longer needed to travel long distances to attend 341 meetings.

They also identified three key pain points for low-income people without a lawyer:

Lack of access to internet and technology. Many low-income people struggle to find secure internet and technology to participate in the virtual 341 meetings. It is common for consumers to join in their car on a cell phone.

Uncertainty about what to expect. In-person 341 meetings, while less convenient than virtual, gave consumers a chance to watch cases while they waited their turn. Knowing what to expect reduced anxiety. The legal aid providers often encouraged their clients to arrive early. With virtual meetings, consumers only see their own session.

Need for more accessible information: Legal aid providers often simplify and break down the guidance about 341 meetings to make it more manageable for their clients. For consumers without a lawyer, the lack of added support may leave them even less prepared.

Create: Identifying Actionable Ideas

USTP and Access DOJ then brainstormed ideas to improve the experience of the virtual 341 meetings and address the problems raised by the legal aid providers.

How might we provide other ways for people, especially those without legal representation, to understand what to expect during the 341 meetings?

How might we ensure USTP materials are clear and easy to understand for consumers from all backgrounds, especially those without a legal background or legal representation?

In response, USTP is developing videos of mock 341 meetings for Ch. 7, 12, and 13 cases to help consumers know what to expect. They are also planning to revise guidance for consumers to make it easier to understand.

Evaluate: Collecting Feedback

By mid-2024, USTP expects virtual 341 meetings by Zoom to be the standard practice nationwide. USTP will continue to invite and incorporate feedback from stakeholders.

What our USTP colleagues said about the experience:

“It was very helpful to receive first-hand feedback from legal aid attorneys about the practical questions and difficulties their clients face accessing and interfacing with the Zoom platform." – USTP Staff

“Hearing the legal aid attorney's real life Zoom experiences, particularly in the rural areas [was helpful]." – USTP Staff

Special thanks to The Lab at OPM as well as the legal aid providers who gave feedback.  

What's Next?

For more information about this project, please contact [email protected].

Your company may already be a member. View our member list to find out, or create a new account .

Forgot Password?

Content Library

You can search our content library for case studies, research, industry insights, and more.

You can search our website for events, press releases, blog posts, and more.

8 Brands Poignantly Promoting Inclusivity

By Joanna Fragopoulos     June 7, 2024    

When strategizing and ideating on campaigns, it’s important to prioritize serving your audience effectively. What are the pain-points your brand and/or products are trying to address and alleviate? Taking this human approach is an integral step in marketing more inclusively and compassionately. Below are campaigns that successfully consider their audiences authentically and inclusively.

You're Almost There

Free content, premier events, training, industry leadership, and more — all the insights and resources you and your brand need to drive growth.

Sign in to see everything the ANA has to offer.

Already have an account? The industry's best insights and resources await:

No Account?

Use your business email address to create your free account ; if you're a member through your company, we'll know.

Members can access their benefits as soon as they sign up and log in.

Not a Member?

You can still create a free account to access the latest from our online publication, ANA Magazine , receive content and special event offers through our newsletters, get breaking industry updates, and so much more.

The content you're trying to see is available to:

• All Logged-In Visitors

Discover everything the ANA can do to help drive growth for your organization. Connect with our membership team.

• Reviews / Why join our community?
• For companies
• Frequently asked questions

How to Create Visuals for Your UX Case Study

As designers, one of the first things we think of when we create our UX case study is what visuals we can add to spice things up. But the visuals you add to your case study cannot just be pretty decorations—they have to help you sell your skills and thus get a job interview. That’s why you should also use visuals to show your design process and not only your final design. Let’s go through what visuals you can include in your UX case study and 3 important tips you should keep in mind when you create your visuals—including some handy tools you can use.

What Visuals Should You Include in Your UX Case Study?

When you think of visuals in your UX case study, you might jump straight into beautiful images of your final design. However, you’ll sell yourself short if you do that! Remember, your UX case study should tell a story of your journey from problem statement to final design. There’s therefore a lot more visuals you can include, besides just the final product!

Include Images of Your Works in Progress

Showcase your process through your visuals. You’ll demonstrate that you understand your design processes and workflows. Images of your works in progress also help you tell your story—it’s like a behind-the-scenes mini-documentary, if you will.

Some of the works in progress you can show include:

Sketches : of your design ideas, inspirations, paper prototypes, etc.;

Videos or photos of sessions: for instance, of user interviews or user testing sessions you’ve conducted;

Photos of your notes: of ideas, user feedback that you’ve jotted down during an interview, critique from colleagues, etc.;

Post-its or whiteboards: when you’ve used them in discussions or ideation sessions, images of Post-its or whiteboards allow you to show your hard work while also keeping your word count small; and

Wireframes : show the first few iterations of your design through the wireframes you’ve created.

Showcase your works in progress through visuals in your UX case study—they’ll help highlight the work you put in to reach your final design. Author/copyright holder: Teo Yu Siang and the Interaction Design Foundation. Copyright terms and license: CC BY-NC-SA 3.0

Balance between showing off your process on the one hand and spamming your photos on the other. Your images should not overwhelm a recruiter!

Illustrate or Visualize Your Process

Besides images, you can also create illustrations to help you tell the story of your design process. You could, for example:

Use charts and graphs to visualize the results of your user research , such as the results of an online survey with 50 users. This is a great way for you to summarize key points in an easy-to-digest format.

Draw timelines and journey maps to summarize your design process or illustrate your understanding of users. For instance, you can use a user journey map to highlight “a day in the life” of your user.

Use diagrams and graphs to demonstrate the impacts of your work in an aesthetically appealing way. Visually communicate how you’ve increased conversion rates, how well-received your app is, etc.

Charts, illustrations and diagrams are great ways to make your UX case studies more visually interesting and convey information more efficiently. Author/copyright holder: Teo Yu Siang and the Interaction Design Foundation. Copyright terms and license: CC BY-NC-SA 3.0

And, Of Course, Showcase Your Final Design

Don’t be shy to display your amazing final product in your UX case study. Show a few photos, a video or even an embedded interactive media of your prototype to wow recruiters. As with other visuals you include in your UX case study, take care not to go overboard with showing your final product. You want recruiters to get a good idea of what you’ve done, without being tired of seeing the 20th photo of your design.

Showcase images or videos of your final design to impress recruiters. Author/copyright holder: Gabriela Bryndal. Copyright terms and license: Fair use.

3 Tips for Creating Visuals in Your UX Case Study

Now that you have a clear idea of what kinds of visuals to include in your UX case study, let’s go through 3 essential tips that will help you create those visuals.

1. Focus on the Process Too, Not Just the Final Destination

Your UX case study is about your process as much as it’s about the final product. We can’t emphasize this enough.

Your visuals should showcase your entire journey from start to finish. You should therefore spread your visuals throughout your entire UX case study. If you find yourself adding a lot of photos to only one part of your design process, pause and see how you can cut down on the number of photos you add here, while you increase the number of visuals you add in other parts of your process.

Always remember to photograph and document your design process! In order to include visuals in each major step of your journey, you’d need to have first captured those visuals. You don’t want to be in a situation where you need photos of your user testing session, only to realize you’ve forgotten to take them! That said, if you do run into that situation, see if you can recreate some visuals. For instance, you can perhaps recreate some sketches that you’ve thrown away.

2. Make Your Visuals Tell Your Story

Remember that your visuals have a purpose: to help you tell the story of your design project. You should not add images, graphs and videos purely for aesthetic reasons. Think about how each visual helps you communicate your design process—and if it doesn’t, remove it.

For example, you can include a photo of a wall of Post-it notes to showcase an intense brainstorming session that you’ve conducted to ideate solutions to your users’ problem. You can also include multiple photos of hand-drawn sketches of a prototype—perhaps arranged in a collage—because they demonstrate your ability to quickly iterate your designs based on feedback. The point is, each visual you add needs to serve a purpose .

3. Use These Tools to Help You Create Visuals

If you don’t have a background in visual design , you might find the prospect of creating visuals for your UX case study intimidating. However, recruiters expect UX case studies to look good —even if you have a non-visual role such as a UX researcher . After all, your UX case study is a designed product itself and has to be as smooth and pleasant as possible.

Thankfully, you have a range of tools available to help you. The tools we highlight below are not commissioned, and they’re as bias -free as humanly possible. Of course, you’ll be able to find many more tools that can help you.

Use Canva to Edit Images and Create Charts

Canva is a free web-based tool that can help you touch up images and create charts for your UX case study.

Use Canva to create image collages, charts and more. Author/copyright holder: Canva. Copyright terms and license: Fair use.

For example, you can use Canva to create a collage containing a few photos of your user testing session. That way, you’ll be able to show multiple aspects of your session without filling your case study with too many images.

Create a collage of your user testing session—such as this one we’ve created—in a user-friendly interface with Canva. Author/copyright holder: Canva. Copyright terms and license: Fair use.

You can also create graphs and charts to visualize and summarize any data you want to show in your UX case study. For instance, you can create a pie chart of the responses to a survey question.

You can use Canva to create pie charts and line graphs, too. Author/copyright holder: Canva. Copyright terms and license: Fair use.

Use Illustrator to Create Custom Illustrations

Adobe Illustrator is an amazing tool to create custom illustrations with. However, the app is not free to use and has a learning curve.

If you’re already familiar with Illustrator, then it’s great for you to add that extra touch of customized look and feel to your visuals. For example, you could create illustrations that use the same colors and iconography as your UX design portfolio site.

We’ve used Adobe Illustrator to create the custom images you’ve seen here—similarly, you can use Illustrator to create highly customized visuals for your UX case study. Author/copyright holder: Teo Yu Siang and the Interaction Design Foundation. Copyright terms and license: CC BY-NC-SA 3.0

Use ImageOptim and TinyPNG to Optimize the File Size of Your Images

If there’s one thing we designers tend to forget about visuals on our UX case studies, it’s file size optimization! You need to make sure that the images you use are sufficiently high-quality, while also being light on data. You don’t want to sour your recruiter’s experience where they have to wait a few seconds for each image to load, do you?

This is where ImageOptim and TinyPNG come in. We recommend that you use ImageOptim to optimize JPEG images and TinyPNG to optimize PNG images .

ImageOptim is a web app that uses an advanced algorithm to optimize your images.

ImageOptim’s web app doesn’t have a pretty interface, but its powerful image compression algorithm will help you greatly cut down on file size. Author/copyright holder: ImageOptim. Copyright terms and license: Fair use.

TinyPNG is a similar web app that’s more user-friendly but focused on PNGs.

TinyPNG uses a cute panda mascot and has an easy-to-use interface. It’s great for compressing PNG images with transparency. Author/copyright holder: TinyPNG. Copyright terms and license: Fair use.

In general, we recommend that you keep each image below 100KB. However, image optimization is all about a balance between image quality and file size. The more you optimize your images to be lightweight, the more details you’ll lose. You’ll have to use your own judgement to choose the level of quality you can accept at a small-enough file size.

The Take Away

Visuals are a key part of your UX case study—even if you have a non-visual UX role. To be truly impactful, you should make sure your images demonstrate your progress from starting point to finish line. This means you should include visuals of your works in progress as well as your final design. You can also use visuals to make data—for instance, results for a survey you conducted—more interesting.

We have 3 tips for creating visuals for your UX case study:

Focus not only on the final design but also on your process.

Make sure every single visual you include helps tell the story of your project.

Use tools such as Canva and ImageOptim to create amazing visuals for your UX case study.

Happy visualizing!

References and Where to Learn More

Here are the websites of the tools we’ve recommended above:

Illustrator

Hero image: Author / Copyright holder: Teo Yu Siang. Copyright terms and license: CC BY-NC-SA 3.0.

Interaction Design for Usability

Get Weekly Design Tips

Topics in this article, what you should read next, the grid system: building a solid design layout.

• 1.2k shares
• 3 years ago

The Key Elements & Principles of Visual Design

• 1.1k shares

Test Your Prototypes: How to Gather Feedback and Maximize Learning

The Ultimate Guide to Understanding UX Roles and Which One You Should Go For

Flow Design Processes - Focusing on the Users' Needs

Symmetry vs. Asymmetry - Recalling basic design principles

Physiological Needs: Maslow's Hierarchy of Needs

The persuasion triad — Aristotle Still Teaches

• 8 years ago

Consistency: MORE than what you think

Methods to Help You Define Synthesise and Make Sense in Your Research

Open Access—Link to us!

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.

If you want this to change , cite this article , link to us, or join us to help us democratize design knowledge !

Privacy Settings

Our digital services use necessary tracking technologies, including third-party cookies, for security, functionality, and to uphold user rights. Optional cookies offer enhanced features, and analytics.

Experience the full potential of our site that remembers your preferences and supports secure sign-in.

Governs the storage of data necessary for maintaining website security, user authentication, and fraud prevention mechanisms.

Enhanced Functionality

Saves your settings and preferences, like your location, for a more personalized experience.

Referral Program

We use cookies to enable our referral program, giving you and your friends discounts.

Error Reporting

We share user ID with Bugsnag and NewRelic to help us track errors and fix issues.

Optimize your experience by allowing us to monitor site usage. You’ll enjoy a smoother, more personalized journey without compromising your privacy.

Analytics Storage

Collects anonymous data on how you navigate and interact, helping us make informed improvements.

Differentiates real visitors from automated bots, ensuring accurate usage data and improving your website experience.

Lets us tailor your digital ads to match your interests, making them more relevant and useful to you.

Advertising Storage

Stores information for better-targeted advertising, enhancing your online ad experience.

Personalization Storage

Permits storing data to personalize content and ads across Google services based on user behavior, enhancing overall user experience.

Advertising Personalization

Allows for content and ad personalization across Google services based on user behavior. This consent enhances user experiences.

Enables personalizing ads based on user data and interactions, allowing for more relevant advertising experiences across Google services.

Receive more relevant advertisements by sharing your interests and behavior with our trusted advertising partners.

Enables better ad targeting and measurement on Meta platforms, making ads you see more relevant.

Allows for improved ad effectiveness and measurement through Meta’s Conversions API, ensuring privacy-compliant data sharing.

LinkedIn Insights

Tracks conversions, retargeting, and web analytics for LinkedIn ad campaigns, enhancing ad relevance and performance.

LinkedIn CAPI

Enhances LinkedIn advertising through server-side event tracking, offering more accurate measurement and personalization.

Google Ads Tag

Tracks ad performance and user engagement, helping deliver ads that are most useful to you.

Share Knowledge, Get Respect!

or copy link

Cite according to academic standards

Simply copy and paste the text below into your bibliographic reference list, onto your blog, or anywhere else. You can also just hyperlink to this article.

New to UX Design? We’re giving you a free ebook!

Download our free ebook The Basics of User Experience Design to learn about core concepts of UX design.

In 9 chapters, we’ll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more!

New to UX Design? We’re Giving You a Free ebook!