what is case study in ux design

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.

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

Creating a User Experience Survey: Your Ultimate Guide

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

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
• Journal of UX Leadership
• 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.

Learn the principles of content design, from mastering 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

Read stories from our students who have made successful careers in UX after completing our course

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.

The State of UX Hiring Report 2024

Learn how to start your UX career with hard facts and practical advice from those who have gone before you. In this report, we look at UX hiring trends in 2024 to help you break into the industry.

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

The ultimate guide to usability testing for UX in 2024

A beginner’s guide to typography design

How to conduct a heuristic evaluation in UX design: a step-by-step guide

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.

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..

UX Case Study Guide

Case studies can often feel like a hefty, impenetrable task. Where do you even start? Compressing, structuring, and organizing a few weeks or even months of work in a few hundred words can be quite challenging to many of us. 

Fortunately, creating one isn’t really that complicated once you’ve learned the basics—and this is precisely what this article is all about. 

Read on to learn about the purpose of a case study and how you should go about creating one. Also, we’ll take a closer look at some valuable tips to get you through your first case study that’ll safeguard you from the most common pitfalls. 

UX Case Studies

Take a look at the UX case studies we've created.

Okay, so what are case studies?

Basically, a case study is an in-depth exploration of the decision-making of a person or group of people. The idea behind them is to document the subject’s actions in a particular setting and analyze their behavior and choices. 

When writing one, think of yourself as a protagonist in a story or novel. While this may sound somewhat pompous to some, it’s actually a helpful approach to take when creating a case study, and there are a couple of reasons for that. 

First off, the point of a case study is to present your thought process and reasoning skills within your field of expertise. While most projects are undoubtedly different, they all have relatively similar phases they go through—the same goes for the types of decisions you make throughout these phases. Being descriptive and analytical about the types of issues you’ve faced as a designer and the solutions you’ve come across is an awesome way of showcasing your skills. 

Secondly, storytelling is an extremely powerful persuasion tool—and there’s an extensive body of research to support these claims. People are passionate about stories. We empathize with the characters in the novels we read and the movies we see, to a point where we can drop an occasional tear once in a while. We’ve never seen or known these people, but we still happen to care. 

Well, this is all fine and dandy, but why even create a case study in the first place? 

What might you need them for?

Case studies are a great way of outlining your qualities as a designer and decision-maker. However, these documents can take a wide array of shapes and sizes.  

Designers will often create case studies to showcase their creativity, analytical skills, quantitative reasoning skills, and communication skills during job interviews. 

On the other hand, design firms or agencies typically create them to highlight the quality of the services delivered and the impact that they had on the client’s bottom line, market share, or overall success. 

What does a UX case study include?

Before discussing structure, we’d like to mention that when working on the first of your case study, don’t focus on length too much. Later, you’ll have the opportunity to trim things down with some visual support. But for now, be as descriptive as you can be with the information that’s relevant to your input in the project at hand. Alright, let’s talk about structure.  

1. Outline the task at hand

The purpose of the outline is to provide your reader with a “big picture” understanding of the project. Typically, this section should be fairly brief—think of it as a really quick onboarding.

Here’s a fictitious example: 

Project title: Headspace App Redesign

Problem: The Headspace app is continuously losing engagement from its users. Their main areas of concern are:

High uninstall rates

Dwindling MAU

Solution: Rethink Headspace’s content strategy. Design better push notifications. Gamify the experience to create long-lasting meditation streaks.

2. Highlight your role and the process 

This section gives you the chance to expand on how you or your team has planned on delivering the solutions outlined above and what your personal contribution was in the grand scheme of things. 

For instance, you can state that your responsibilities on this project predominantly revolved around interaction design and visual design.  

Then, you can follow it up with a process outline that allows you to highlight the quality of your decision-making. Ideally, the process should abide by modern industry standards. 

3. Expand on the outcomes

It’s always a great idea to focus on hard numbers when speaking about outcomes. Of course, the quality of your design will play a significant role in how your work will be appreciated, but at the same time, the people reviewing your case studies are organizations or clients that need solid results. The more specific you can get about the impact your design has had on the clients’ bottom line, the better. 

Here are a few examples of outcomes that we’ve presented in some of our case studies: 

78% increase in conversion rates. Thanks to better usability, the schools are a lot more likely to upgrade their trial accounts and become paying customers.

4x increase in perceived value. Good-looking apps look more trustworthy and valuable, which is why we’ve invested our time in creating a modern and sleek interface.

Acquisition of new clients. Based on new tailored features and interactive prototypes, we helped acquire big Governmental and Corporate clients.

Reduced costs by 3x: Increased developers’ efficiency and reduced costs by having a user-centered design approach.

It’s always best to focus on actual numbers rather than arbitrary improvements. Your viewpoint as a designer is quite different from a client who probably has a different background and different goals in mind. By sticking with hard numbers, you’ll be able to accentuate the objective value your team or yourself can produce. 

Tips for writing a great case study

On the surface, writing a case study may appear simple. I mean, a project outline, the process, and the outcome—nothing complicated there. That’s only partly true. The hard part is creating an impactful and engaging case study. Below, you’ll find some useful recommendations to make your project overview captivating and legible. 

Storytelling

We mentioned storytelling above, and we’re going to do it again. Yes, storytelling is an incredibly overlooked part of creating a case study. Your goal here is to be descriptive—you want to get your readers to empathize with you. You want them to feel what you felt at the beginning of the project. Don’t hesitate to create some dramatic tension where you can (but don’t go overboard). 

Clear structure

Given that you don’t get too excited with the dramatic tension, you should think of a very clear and easy-to-scan structure for your case study. The person reading it should have a clear understanding of what section they’re reading at all times. 

Use bullet points where you can. They help organize the text, make the information much more accessible , and provide your case study with clear information architecture. 

Avoid large blocks of text

This is critical. There’s nothing more dissuading than a wall of text with no paragraphs. You’ve probably been there as well, reading something mildly interesting where you see a 20-line paragraph, thinking to yourself “Nah.”

Typically, it’s a good idea to keep your paragraphs up to 5 lines in length, but in a case study, it’s reasonable to even go with less. 

Add visuals where you can

Remember the wall of text we mentioned above? That applies to content that doesn’t have visual support as well. There are many reasons why you’d want to include some images in your case study, but the most important ones are:

After all, this is a highlight of your design skills;

You’re providing visual support to your storytelling, making it more compelling and captivating;

You make the text much more accessible by watering down all that text with some media while allows the eyes to rest a bit; 

Pet projects work too

Case studies don’t necessarily have to be about “Headspace-tier” redesigns. Feel free to write one about a pet project of yours—the most important part here is highlighting your thought process between a problem and a solution. 

Even if you can’t code, you can still showcase, come up with an idea, validate it, and come up with a UX solution. These ideas or problems don’t have to be anything too drastic either. We would suggest picking a struggle that you yourself are dealing with so that you have some insight into it right off the bat.

Seek inspiration

Check out the links below for inspiration:

https://growth.design/

https://adamfard.com/ux-project

The bottom line

By following the steps above, you’ll be able to knock out an awesome case study while also avoiding the most common pitfalls first-timers face. However, bear in mind that case studies have a wide array of purposes, and you should always adjust them to your particular needs.

Don't forget to share this post:

Want to improve your App?

We help you to resolve Usability, Retention Rate and Conversion issues:

Related Stories

Ai in business intelligence.

Curious about how AI in Business Intelligence is changing the game? Dive into how advanced analytics, machine learning, and natural language processing are not just buzzwords but real tools reshaping strategic decision-making and operational efficiency in the business world. Let's explore the transformative journey of AI-driven BI tools together.

AI in Business Operation: Maximizing Efficiency

Discover how AI in business operations is revolutionizing efficiency and innovation, from predictive analytics enhancing supply chain management to AI-driven tools transforming customer experiences. Explore the transformative power of artificial intelligence as it reshapes decision-making, operational streamlining, and customer engagement across industries.

Crafting UX Maps with AI Magic

Ever wondered how AI transforms UX design? Dive into the transformative world of AI in UX design with this comparison guide on using the most innovative AI tool for UX mapping. Learn how to leverage the best AI design tool to create intuitive and impactful user experiences, enhancing your design projects with efficiency and creativity

Exclusive UX Articles & Strategies

for Startups, UX Designers & Entrepreneurs

Inspiration

UX Case Studies: The Ultimate Guide for Product Designers

Learn why UX case studies are essential for designers, discover powerful tools and techniques, and get inspired by remarkable examples

Welcome to the exciting world of UX case studies!

In the realm of digital product design, these fascinating narratives take center stage, unlocking valuable insights into the user experience and shaping the future of user-centric design.

In this blog post, we will delve into the essence of UX case studies , explore their significance, discover essential tools to create them, and showcase some remarkable examples.

Let's crack on!

What is a UX Case Study?

A UX case study is a detailed account of a user experience design project, documenting the process, methods, and outcomes.

It allows designers to share their problem-solving approaches, decisions, and the impact of their work.

A well-crafted case study tells a compelling story , presenting the challenges faced, the strategies employed, and the solutions that were implemented.

Why Do We Create UX Case Studies?

1. Reflection and Improvement

UX case studies provide designers with an opportunity to reflect on their work, analyze their decisions, and identify areas for improvement. It's a chance to learn from both successes and failures, fostering growth and professional development.

2. Knowledge Sharing

By sharing UX case studies, designers contribute to the collective knowledge of the design community. These stories inspire and inform others, opening up a world of possibilities and encouraging best practices.

3. Building a Portfolio

UX case studies serve as powerful additions to a designer's portfolio . They showcase the designer's skills, expertise, and problem-solving abilities to potential employers or clients.

Video explainer on UX case studies:

Design and Prototyping Tools:

Popular tools like Figma , Sketch, and Adobe XD help designers create visually appealing and interactive case study presentations. These tools enable the seamless integration of design assets, prototypes, and user flows into the narrative.

User Research and Analytics Tools:

Tools such as Google Analytics, Hotjar , and UsabilityHub provide valuable data and insights to back up the decisions made during the design process. They help designers validate their assumptions and make data-driven choices.

Collaboration and Documentation Tools:

Tools like Notion, Trello, and Asana aid in organizing research findings, design iterations, and project timelines. They facilitate collaboration within teams and ensure smooth communication throughout the project lifecycle.

Frequently Asked Questions about Case Studies in UX Design:

What is a case study in UX design?

A case study in UX design is a detailed examination and presentation of a specific project or problem that a UX designer has worked on. It provides a comprehensive overview of the design process, methodologies used, challenges faced, and the ultimate outcomes. Case studies help UX designers showcase their skills, problem-solving abilities, and the impact of their work.

Why are case studies important for new UX designers?

Case studies are essential for new UX designers as they offer a platform to demonstrate their abilities and build a strong portfolio. They allow designers to showcase their expertise, critical thinking, and problem-solving skills to potential employers or clients. Additionally, case studies provide valuable learning opportunities by analyzing real-world projects and gaining insights into the UX design process.

What should a case study include?

A comprehensive case study should typically include the following components:

Project overview: Provide a brief introduction to the project, its objectives, and the problem statement.

Research and analysis: Describe the research conducted, including user interviews, surveys, and competitor analysis. Explain how the findings influenced the design process.

Design process: Outline the design methodologies employed, such as wireframing, prototyping, and user testing. Discuss iterations and refinements made based on user feedback.

Challenges and solutions: Highlight any obstacles or constraints encountered during the project and how they were overcome.

Results and impact: Present the outcomes of the project, such as improved user satisfaction, increased conversions , or any measurable metrics.

Reflection and learnings: Share personal reflections on the project, lessons learned, and areas for improvement.

How can I make my case study engaging?

To make your case study engaging, consider the following tips:

Use visual elements: Include images, diagrams, and interactive prototypes to visually represent your design process and outcomes.

Tell a story: Structure your case study like a narrative, starting with a problem and guiding the reader through the journey of solving it.

Use clear language: Write in a concise and accessible manner, avoiding jargon or technical terms that may confuse readers.

Highlight impact: Emphasize the positive impact your design had on users, businesses, or other relevant stakeholders.

Be authentic: Share your thought process, challenges faced, and how you grew as a designer through the project.

How long should a case study be?

There is no strict rule on the length of a case study, but it's important to keep it concise and focused. Aim for a length that effectively communicates your process and findings without overwhelming the reader. A case study between 500 to 1500 words is generally a good range to aim for.

Can I include confidential or proprietary information in my case study?

It's important to respect confidentiality agreements or intellectual property rights you may have with clients or organizations. If you are unsure about what information can be shared, seek permission or consult with your client or employer before including any sensitive or proprietary details.

Remember, case studies are an excellent opportunity to showcase your skills, creativity, and problem-solving abilities as a UX designer. Make the most of them by presenting your work in an engaging and informative manner.

UX case studies serve as windows into the captivating world of digital product design . They allow designers to reflect on their work, share knowledge, and inspire others.

With the right tools and techniques, designers can craft compelling narratives that highlight their problem-solving skills and their dedication to creating outstanding user experiences .

So, go ahead and immerse yourself in the realm of UX case studies, unlock the power of storytelling, and shape the future of user-centric design!

You may also like

10 Best Framer Templates to Elevate Your Web Design in 2024

Explore our curated selection of the best Framer website templates to unleash your creativity and build remarkable websites in minutes.

How to Design a Website: A Step-by-Step Guide for Beginners

Learn how to design a website from scratch with this comprehensive guide for beginners

Reciprocity A Game-Changer in UX Design

Explore the principles of reciprocity in the world of digital products

Inspiration, resources and knowledge for digital product designers

Landing page playbook

Suggest a site

Suggest a resource

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

The impact of ux design on application success: exploring costs and trends, 7 top ux careers & specialisations: skills, paths & opportunities, 15 figma plugins to boost your design workflow, 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

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!

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

UX Case Study Structure: How to Follow UX Recruiters’ Logic in Your UX Portfolio

Anett Illés

In this article, you’ll find a tried-and-true UX case study structure that you can use as a basis for your own work. Throughout the article, you’ll also find inspiring examples to help you get started.

Great UX case studies have one thing in common: they tell engaging design stories. If you take a second look at them, you’ll find that they are built on a similar structure. A structure that reinforces each building block, making it a whole (and the story as a whole).

Before we get to this structure, let’s clarify the basics!

What are UX case studies?

UX case studies retell the design process of a product in written form, using relevant visual elements, such as sketches, wireframes, prototypes, and screens.

UX case studies are important for UX recruiters because they provide an insight into your design process, the methods you use, your thought processes, and your presentation skills. These are all important deciding factors in the hiring process of UX designers.

Why do you even need UX case studies?

As we stated above, case studies are an essential part of the hiring process. If well done, case studies can flaunt your problem-solving skills, seamless design process, the impact of your work, and your ability to advocate for UX best practices in high-stakes situations.

What’s more, they also prove that you are a good communicator, which is very important in this profession.

Think of it this way:

• Your resumé lists your skills,
• Your case studies present those skills in action.

Writing quality case studies will help put your work and worth into perspective, helping you in numerous ways.

First, you’ll have much more confidence in your applications, because you’ll be proud of the way your skills are presented.

Second, you’ll have a much easier time, when you’ll have to talk about your work, for example, during interviews and UX portfolio presentations.

While you are working on a case study, you’re forced to organize your thoughts and memories of the project. If you are basing your case studies on a structure, like the one in this article, you’ll end up with a case study that tells an engaging story professionally. And you’ll find it easy to retell that story anytime.

What are recruiters and design leads looking for in UX case studies?

When you are building your UX portfolio and writing up your case studies, you have to keep thinking like a UX designer. Keep your users in mind, and create a product that makes their life easier and answers their questions.

For this, you need to understand what your target audience – design leads and recruiters – are looking for in case studies:

• Do they have anything that’s relevant to our work?
• Do they use methods that we use?
• What is their taste level?
• Can they advocate for UX principles ?
• Can they advocate for the users?
• Are they good at communicating design concepts?
• Are they good at teamwork?
• What was the impact of their work?
• Are they willing to learn and evolve?
• Did they solve the problem set out at the beginning of the project?

Well-written and -structured case studies will answer all of these questions, advancing your application and helping the recruiters’ job.

What is the difference between UX case studies and UX portfolios?

Most designers use these terms interchangeably. The difference is subtle. Your portfolio is quite literally a ‘portfolio’: a file that contains your work samples, aka case studies. This distinction harkens back to days when portfolios were still printed. Nowadays, portfolios are expected to be online, kind of like a professional website, linking to your case studies.

How many case studies to include in your portfolio?

As a junior designer , you should show 2-3 projects in your portfolio. As a senior , that number increases to 4-5. Adding more is pointless because it’s unlikely that your audience will have the time to read each. In the end, they’ll just make your portfolio look cluttered for no good reason.

How to choose projects for your portfolio?

Choosing projects for your portfolio is a sensitive task, that needs careful and honest evaluation. The number one rule is that you should never-ever include mediocre work in your portfolio. Though this is echoed in all UX portfolio guides, many UXers ignore the advice, due to their fear of not having enough case studies. Consequently, they are reducing their own chances to land more interviews .

When you are choosing portfolio-worthy material, think about the aforementioned questions, and also ask yourself: Which projects can answer the questions of design leads and recruiters? Which projects demonstrate what I represent as a designer?

If you don’t stand for mediocre work, don’t put mediocre work in your portfolio. Not even if you are short on real-life projects. It’s better to have two great mock-projects than 3 subpar real-life projects.

The same applies to visuals. If, out of necessity, you’ve designed something rough, you shouldn’t include it in your portfolio. Most design leads will close a case study when they see something that implies that you have bad taste or taste that doesn’t align with the company.

For each of your past projects ask yourself:

• Am I proud of the work that I’ve done there?
• Can I present this proudly to anyone who’s an expert in this profession?

If you are not positive about these things, you shouldn’t include that project in your portfolio.

Preparations before writing case studies

• Scan hand-drawn material
• Collect and edit all the artifacts
• Make screenshots of the product
• Create the necessary diagrams and other visuals, such as personas, mockups

You can cut all that work in half with UXfolio, our portfolio builder. UXfolio comes with a built-in mockup feature that allows you to put any image into a mobile, desktop, or tablet device. Furthermore, you’ll find downloadable goodies all around UXfolio, including persona templates, user journey templates, and more!

UX Case Study Structure

You can apply this structure to all your case studies, and if you follow the rest of the advice in this guide, you’ll have yourself some well-rounded and engaging case studies.

Title and cover

• Project description

Team and roles

• Problem-solution pairs

First impressions matter in UX or UI designer portfolios too. It begins with your project thumbnails. Your readers will click if they get curious.

The next thing they’ll see is the cover photo and title of your UX case study. Don’t overcomplicate this. Make everything as clear as possible. Name the product and the work you did. Use product photos or an image that’s relevant to the product, and make sure that the title font is readable.

Project overview

Introduce the project first. Your readers probably haven’t heard about it yet. Include the most important general information here. Highlighting the product name and the job you did can help readers understanding. Use this technique throughout the whole case study.

The most important details are:

• The company
• The challenge/task

Next, introduce your role and the rest of the team. Don’t forget to share the glory, as it shows that you are a good team player.

Describe what you’ve done throughout the discovery phase. How did you map out the project scope? Did you do any market research? Did you have a kick-off? If yes, what type of tools did you use? Add a photo of the team to make it more personal.

Include any other part you find important. For example, if you made an information architecture diagram or user personas. Whatever you choose to add, make sure to describe it in a few sentences to make it easy to understand. This description should say why you decided to add that specific part to your case study.

Process (problem-solution pairs)

Design is about problem-solving. So, present the problems that you have solved and explain how. Here you can mention UX design methods, and use the artifacts that go with them. In UXfolio you can embed your prototypes, upload wireframes into mockups, and more. Choose at least two to five problem-solution pairs.

If you’ve done UI design as well, go into detail. You can include sections like mood boards, Look & Feel, illustrations, and the final design. Use galleries to showcase your screens in an organized fashion.

Always end your case studies with learnings or takeaways to show an eagerness to learn and grow as a designer. UX recruiters and UX leads search for problem-solvers, motivated to explore and learn new things. So, go ahead and show your thirst for knowledge.

You probably faced some unexpected challenges during your project. Share these too! We all make mistakes. The important thing is to learn from them so you can do it better next time. Recruiters appreciate those with the courage to communicate honestly.

3 of the most common UX case study mistakes

We’ve been interviewing world-renowned design leaders as well as recruiters for a long time. Their most common case study complaints are the same, so make sure that you don’t commit them:

1. Artifacts out of context

The best example of this is the gimmicky ‘whiteboard with post-its’ photo. We are not exaggerating, almost everyone mentions this as a huge NO in case studies.

The problem is that 99% of the time the post-its are incomprehensible, so the photo is but decoration. (For decoration though, you have better options.) This image became synonymous with UX, and it might serve some purpose as a landing page illustration. But it has no place in your UX case studies, unless

• It is used in a way that makes it possible for the post-its to be read.
• You give context and explain how and why was this part of the design process.

The same rules apply to all the photos and images that go into your case studies.

Choose artifacts that are relevant to your copy. Present them in context at the right time, so they can aid the readers’ comprehension of the copy. This will allow you to wave a refined story.

Let’s say you are showing sketches. When doing so, point out how and why sketching was important for that project at that phase. How did it contribute to the progress of the project, to the solution? It’s really that simple.

2. Pointless declarations and design method definitions

“We proceeded to do user testing to find opportunities to improve the user experience of the product.” Such declarative, standalone sentences are very common in UX case studies. The issue is that everyone and their mother know that usability testing could reveal opportunities to improve the UX of a product.

What they don’t know are the specific opportunities that you’ve found while doing usability testing for that particular product. Once you clarify that, the next step is to detail how did you use those findings in the next stages of the project. With all that covered, you’ll have an interesting and relevant section about usability testing.

Another widespread – and insulting – mistake is when designers define design methods instead of talking about how they were employed throughout the project.

Design leads, who’ll be reviewing your case studies, are probably aware of what user personas are and how they contribute to product design. So, stating that personas “help to better understand users” is like stating that “grass is green”.

We understand the notion that definitions can help establish the importance and legitimacy of a UX method, but case studies are not the right place for that discourse. ‘Case study’ stands for the study of one particular case, and not all cases. So, instead of generalization, go for specificity.

3. Overlong case studies

Finally, we must talk about the ideal length of case studies. Let’s bring out our target audience again.

They are busy people, with work to do and places to be. Also, they are human, with the attention span of other humans. Considering all that, you could guess that they won’t spend a good 15 minutes reading your case study.

This means that your case studies must be:

• and skimmable.

For the brief part, you have to edit out everything that isn’t necessary for the understanding of the solutions that you came up with. You might have some fabulous sections with sexy visuals to go along. Still, if they are not necessary for understanding your design process or the solution, it’s better to “kill your darlings”.

For the skimmable part, you have to go heavy on headings and bulleted lists. Introduce each new stage in the process with an H2. The smaller sections under them with H3s or even H4s. Have a good mix of short paragraphs, bulleted, and numbered lists.

In UXfolio you can find some great sections to spice up your case studies. For example, a streamline statistics section, that puts the limelight on numbers. Also, carousel and masonry galleries with mockups, that encourage you reader to engage with the page.

Generate UX case studies with UXfolio!

With the help of these elements, your case study will be much lighter on the eye and way easier to digest overall.

This is only one example for a good UX case study structure. So feel free to do it on your own way or alter this one to your liking. We also created a UX portfolio template , check it out if you want to learn more.

Now, let’s put the knowledge you gained into practice!

What do you think? Sounds easy? Or hard? Maybe you think you don’t have time for it? Creating a similar case study doesn’t take much.

We created our tool, UXfolio , to help you create a meaningful UX portfolio, fast and easy. It generates a UX portfolio page and you can put your UX case studies together in just minutes.

If you liked what you read here, give UXfolio a try.

Click here to sign up and try it out!

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.

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

How to Write the Perfect Introduction to Your UX Case Study

It’s tough to write beginnings, isn’t it? It can be especially difficult to write the introduction of your UX case study, since it will determine the success of your job application. What should you include? How do you make a good first impression? Fret not! We’ve got you covered here. Your introduction should include 3 key components: a design problem that involves a business need, your approach to solving the problem as well as your role in the project. Let’s go through what exactly you should include in your UX case study’s introduction. We’ve even got a step-by-step exercise you can follow!

What’s the Role of Your UX Case Study’s Introduction?

Before we begin writing our UX case study introduction, we should first understand the role it plays. We can divide your UX case study into 5 parts, based on the German playwright Gustav Freytag’s 5-part dramatic structure:

Exposition : Where you introduce key information and set expectations for the rest of the story.

Rising action : Where you bring the reader through your strategies that lead to a climax.

Climax : The peak of your story, a “wow” moment where, for instance, you uncover an unexpected insight.

Falling action : Where things fall into place and lead to the final results.

Resolution : Where you reveal the final product of your project and round your story off in a satisfying conclusion.

Your UX case study should follow Freytag’s 5-part dramatic structure. Author / Copyright holder: Teo Yu Siang and the Interaction Design Foundation. Copyright terms and license: CC BY-NC-SA 3.0.

We can group Freytag’s 5 parts into 3 main sections: an introduction, a middle and a conclusion. As you can see from the image above, your UX case study’s introduction should include “exposition”, where you set the stage for the rest of your story to happen.

In other words, your UX case study’s introduction should let your recruiters know the problem you’re solving, the strategies you adopt and your role in the project. This way, you’ll provide all the context your recruiters need to evaluate your skills and appreciate what you’ve achieved in your project.

3 Essential Components of Your Case Study Introduction

Your UX case study introduction should thus contain:

A problem statement: Highlight the key problem you’re going to solve—preferably in relation to business objectives or metrics. What motivates you to take on this problem? What are your thoughts and feelings about it? If you’re revamping an existing webpage or app, then show some screenshots of how it looked and point out the problems.

Your solution: Run through your approach to solving the problem. Give your readers a taste of what to expect at the end of your story—what deliverables or final output will you produce?

Your role: Let your readers know how you have contributed to the project. Your role in the project should be linked to the job you apply for. For example, if you apply for a UX researcher job, then ideally you should have played a UX research role in your case study project.

Your introduction should be 4–5 sentences long. This ensures that your UX case study is short and sweet, since recruiters usually spend no more than 5 minutes reading your case study. However, as we’ll go through below, you shouldn’t worry about word count when you begin to write your introduction. Focus on content first, then cut down on words later.

Next, we’ll go through the best way to write the problem, the solution and your role in your introduction. After that, we’ll take a step-by-step walkthrough of how to write your introduction, so you can get started immediately. Let’s begin!

1. How to Write Your Problem Statement

Your problem statement should explain what you’re trying to solve, provide you with a strong motivation and outline the main challenge involved. It should read something like: “I wanted to [solve this problem], because [of my motivations]. This problem is particularly challenging since [describe my main challenge].”

Tie your problem statement to a business problem whenever possible. Remember, recruiters hire you to bring value to a business. Show you understand that a designer’s role is not only to provide a great experience for users but also to create value for an enterprise.

Here’s a problem statement that’s tied to a business problem:

“We launched a feature ‘X’ 2 months ago, but realized that many people were not using it because they didn’t know it even existed. I wanted to increase its discoverability , because ‘X’ will help open a new stream of revenue for our app .”

The bolded part in the example above provides a strong link between your project and the business value it provides. Compare this with the following bad problem statement:

“I set out to do a complete visual overhaul of the Podcast App so that it looks fresh and provides an exciting user experience .”

Notice what’s missing? This problem statement lacks a business-oriented “why” to it—as a result, the designer has an unclear (i.e., poor) motivation. Why did the designer do a visual overhaul of the app, other than to make it look “fresh”?

Let’s improve this problem statement by adding a compelling, business-centric motivation:

“The Podcast App is a leading podcast app, but its design looks outdated compared to its competitors . With such tight competition in the industry , a visual overhaul is long overdue. I thus set out to reimagine the Podcast App so it can maintain its lead in the years to come .”

See how much more compelling it sounds? Now you understand why it’s so important to redesign the app—its market position will likely be overtaken by a better-designed competitor!

Of course, a personal motivation works, too. For instance, you might have designed a website to solve a personal problem you face every day. Personal motivations can be equally powerful drivers of your UX case study. However, we encourage you to include at least one case study in your portfolio that has a business-oriented motivation , because that’s what recruiters love to see.

Lastly, don’t be afraid to show your emotions ! Were you nervous to take on the project because of its high stakes or anxious because it was the first project you led? Showcase your humanity in your problem statement. A bit of vulnerability can make your story powerful and relatable.

2. How to Write Your Solution

In the solution portion of your introduction, give your readers a taste of what to expect. Since this is just the introduction, you don’t have to fully describe your design process or solution. Instead, briefly mention the design process you used.

Mention the key deliverables of the project. This serves as the light at the end of the tunnel, so readers know what to expect at the end. If you’ve created an interactive prototype , make it known right at the introduction to your UX case study.

Here’s a solution statement in the introduction of a case study:

“We ran 2 weeks of design sprints based on the design thinking methodology, which includes 5 stages: empathize , define, ideate , prototype and test. We eventually created and shipped a fully functional app where people can learn English in as little as 15 minutes a day.”

In the example above, we highlighted the design process we will use—namely, the design thinking methodology. We also briefly went through the 5 stages of the design thinking process and mentioned that the final product we created was a functional app. In 2 sentences, the reader can get a holistic summary of the project.

3. How to Write About Your Role in the Project

This is one of the most important parts of your introduction! If you remember just one thing, let it be this: clearly state your role . Your project might be amazing, but if the recruiter does not know how you’ve contributed to the final results, they’ll not know whether to hire you. In a field of equally qualified candidates, it can make that final difference as to whether you get invited to the interview or not. So, remember to include what you’ve contributed ( and what you did not contribute) to the project.

As UX designer Mike Curtis says, you’ve got to have a balance of “I” and “we” in your UX case studies . This means that in your introduction, you have to present yourself as a team player and also make it clear what you bring to the table. Your recruiter is going to hire you , not your team!

There’s a balance where you need to stay in the spotlight, but gracefully. So, don’t be overly generous with mentioning others (which looks fake), but don’t make yourself seem like a lone wolf. Recruiters like to see self-confident designers who can work well in teams. What if you’ve worked alone on a project? In such a case, give credit to anyone who’s helped you along the way—for instance, someone who critiqued your design.

At the same time, make sure your role in the project is crystal clear. For instance, if you helped to conduct user research and usability tests in a project, you could write something like:

“I conducted initial user research and defined key personas , and also helped evaluate our designs through usability tests before it was launched. The amazing Victor Johnson helped create the interaction design of the final product.”

A 5-Step Guide to Writing Your UX Case Study Introduction

Still feeling a little lost? Don’t worry, we’ve got your back. Follow these steps, and you’ll quickly get past the “blank page” wall that so many of us face when we start to write!

Step 1: Open an Empty Word Processor

Go ahead and open your favorite word processor.

Ah, the empty page: one of the most intimidating enemies of a writer. Author / Copyright holder: Google. Copyright terms and license: Fair use.

Step 2: Create 3 Subheadings

In your document, create the following subheadings:

The problem

The solution

As we’ve discussed above, these are the 3 main components you should include in your introduction. When you create the subheadings, you’ll not only guide yourself but also quickly move away from the blank slate of an empty document.

See? It’s much better already! Write down these subheadings to fight the “blank page” monster. Author / Copyright holder: Google. Copyright terms and license: Fair use.

Step 3: Fill the Subheadings Up

Start filling the 3 sections. Look at our guidelines for each section above or download our nifty template at the bottom. Type in full sentences. And, for the time being, don’t worry about your word count.

Remember to think about the visuals you can add to your introduction, too! For instance, if your case study is about a redesign of a page, it’ll be great if you include some screenshots of the existing design to highlight the design problem.

We’ll create a hypothetical UX case study introduction so you have a reference. In this made-up scenario, we want to write about a project where we created a new design system for a web-based app. We’ll focus purely on copywriting since we don’t have any visuals to provide (it is, after all, our hypothetical project), but you should also pay attention to screenshots and images in your introduction.

Here’s a rough draft of the introduction:

The problem: [Product] is one of the most established English-learning platforms in the world. However, the design of [Product] looks increasingly outdated when compared to its competitors, and parts of its user experience fell short of expectations. An overhaul feels long overdue and will help ensure that [Product] can remain competitive in the long run. The solution: We set out to completely overhaul [Product]’s look and feel and created a unifying design system that merges usability guidelines and aesthetic appeal. These changes impacted every corner of [Product]’s website, including key interactions. My role: I led the entire project and worked on creating the visual design of the new design system. I also revamped the UX of key pages and worked on motion design, while my developer colleagues applied their magic to help implement the entire project.

Step 4: Refine Your Draft

As you might have noticed, our first draft is a little long. Remember that we’re aiming for 4–5 sentences in the introduction. At this stage of the process, refine your draft. Cut down on words and improve your writing. Use the active voice and write in a conversational style. Add images and other visuals, if you haven’t already done so.

Here’s a second iteration of our introduction, this time polished and shortened to 5 sentences:

The problem: [Product] is an industry-leading English-learning platform, but its design looks outdated compared to its competitors and parts of its user experience are unpolished. An overhaul is overdue and will ensure [Product] remains competitive in the long run. The solution: We set out to create a brand-new design system to ensure [Product] encompasses best-in-class usability and aesthetics across all corners of the app. My role: I led the project and worked on all aspects of the new design system, including its visual, UX and motion design. I also revamped the UX of key pages while my developer colleagues helped implement my designs.

Step 5: Remove the Subheadings (Optional)

You can choose to leave the subheadings (The Problem, The Solution, My Role) if you like, but we feel they aren’t necessary and should be removed. In any case, you’re done! Congratulations on writing a great introduction for your UX case study!

Here’s what our hypothetical introduction looks like:

[Product] is an industry-leading English-learning platform, but its design looks outdated compared to its competitors and parts of its user experience are unpolished. An overhaul is overdue and will ensure [Product] remains competitive in the long run. We set out to create a brand-new design system to ensure [Product] encompasses best-in-class usability and aesthetics across all corners of the app. I led the project and worked on all aspects of the new design system, including its visual, UX and motion design. I also revamped the UX of key pages while my developer colleagues helped implement my designs.

In 5 sentences, our introduction:

lays out the problem we want to solve;

provides a business-oriented motivation behind the project;

briefly describes the scope of the project and its end result; and

clearly delineates my role in the project while acknowledging the support of my team.

Do a few more rounds of iteration on your introduction if you have time. There’s always room for improvement! Our sample introduction, for instance, did not contain any emotional aspects of taking on the project. Could we include that while keeping the word count at 5 sentences?

Download Our Step-by-Step Guide to Get Started Now

We know that it can be difficult to start a writing project. But the best way to get started is to do it—now! Download our step-by-step template and start working on your UX case study today:

As you write your UX case study’s introduction, know that it will mark an important milestone in your lifelong journey of writing. That’s because you’ll not only create a key artifact that will help you get a new job but also hone your craft in one of the most important elements of design: writing.

Good luck, and we hope you’ll fall in love with writing!

The Take Away

Your UX case study’s introduction should set up the context required for the reader to understand your project and evaluate your skills. Given that, you should include these 3 components:

The problem you’re solving in your project. This should include your motivations for taking on the project, which should preferably involve a business need.

The solution to the problem. You should bring your reader briefly through how you’ll solve the problem, and mention the final deliverables you’ve produced.

Your role in the project. You’ll rarely be the only contributor to a project, so you must be sure to highlight the specific things you brought to the table and give credit to your team-mates where it’s due.

References and Where to Learn More

If you need a quick lesson on how to write effectively, check out our handy guide here .

Mike Curtis shares 10 tips on how to write great UX case studies , including the need to look for “I” and “we”.

Hero image: Author / Copyright holder: Kaitlyn Baker. Copyright terms and license: Unsplash License.

Creativity: Methods to Design Better Products and Services

Get Weekly Design Insights

What you should read next, 10 ui designer portfolio examples.

How to Succeed as a Designer on Agile Teams: Embrace Imperfection

Your Guide to Hamburger Menus

• 2 weeks ago

How to Design with AI: 5 Insights from the IxDF Course

Tree Testing: A Complete Guide

• 3 weeks ago

The Role of Micro-interactions in Modern UX

How to Design UI Forms in 2024: Your Best Guide

What is Eye Tracking in UX?

• 4 weeks ago

Bartle’s Player Types for Gamification

UX Storyboards: Ultimate Guide

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 the knowledge!

Share this content on:

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!

Skip navigation

• Log in to UX Certification

World Leaders in Research-Based User Experience

Ai ux-design tools are not ready for primetime: status update.

April 12, 2024 2024-04-12

• Email article
• Share on LinkedIn
• Share on Twitter

AI tools won’t be replacing UX designers any time soon. Currently available LLM-based tools are not shortcutting steps in the design process just yet.

In This Article:

Designers use ai, just not for design, existing ai tools for ux design are lacking, examples of ai tools for ux design, advice for ux designers using ai.

There’s so much marketing hype around AI that it’s hard to know what tools and strategies can help UX right now.

To find specific, useful ways in which practitioners integrate AI into their work, we conducted in-depth interviews in early 2024 with UX practitioners (researchers, designers, and managers).

We asked our participants to describe and show us how they currently use AI in their work. We focused on the uses of generative AI and of other tools branded as AI for the study. Our study participants were early adopters, were big proponents of AI, and had been using a variety of AI tools in their work for a while.

Among the practitioners we spoke with, UX designers were most limited in their use of AI in their work. While many AI-based design products exist, we did not identify any design-specific AI tools in active use by UX designers — or any that our participants would recommend to others.

UX designers actively engaged with text-based AI tools such as ChatGPT for brainstorming and ideation tasks, but we found zero design-specific AI tools in serious use by the professional UX designers we spoke with .

AI tools are capable of filling skill gaps, allowing practitioners to continue their work without needing to engage with a specialized team member or stakeholder. For example, a UX designer may turn to a text-based AI tool to generate UX copy for a prototype instead of reaching out to a copywriter and waiting for a response.

AI tools are also helpful as a brainstorming partner, providing suggestions for feature names, research approaches, or anything else that doesn’t require absolute precision or trust. We found that UX designers turn to AI for many nondesign tasks: writing emails, structuring communication, organizing and breaking down difficult tasks into manageable pieces.

We combined our findings from interviews with UX designers with our own evaluations of current AI-based UX-design tools. Our evaluation agreed with the impressions of the UX practitioners we interviewed: existing AI tools that are advertised for design are lacking, and the vast majority are not ready to be used in design workflows.

The UX designers we spoke with said they were not actively using design-specific AI tools (such as Figma Plugins). Our expert review of popular plugins and AI tools (examples included below) also found that they didn’t add much value to the design process.

Issues around these new tools often became magnified when deployed across medium-to-large scale organizations. One participant was particularly disappointed by the lack of customer support and guidance for use when he attempted to set up his agency in Midjourney. He also worried about ethical and legal risk if his team used AI-generated content in designs, due to potential copyright issues.

“There are folks over the past few decades have generated content that these tools are piggybacking on. Is it right to use that without attribution without licensing and royalty fees? We're thinking about the ethical use of it.”

Right now, AI tools, especially in the context of UX design, are a solution in search of a problem. There are many problems and points of friction that cause UX designers to be inefficient and unproductive in their work, but working to develop solutions to those problems wouldn’t necessarily lead you to AI.

AI developers hope to insert AI into the design process, applying it to existing design challenges and inefficiencies. But, for a tool to be useful enough to integrate into a workflow consistently, the interaction with that tool must be consistent.

Unfortunately, AI-based tools are not deterministic at this point. For example, a single ChatGPT 4 prompt for an example of front-end design featuring Google’s Material Design components resulted in three drastically different designs. While this variety in output is valuable for ideation, it isn’t so helpful for the end-to-end, replicable AI-powered design solutions that some products promise.

It remains to be seen whether AI’s opaque and unreliable nature is an inherent characteristic of the technology or could be overcome with future products. Current AI chatbots based on large language models are probabilistic, relying on a statistical dice roll to determine the sequence of words that make up the response to a prompt.

The current state of AI tools, text-based or otherwise, presents an inconsistent, unreliable, and low-value attempt to solve existing design problems. As prompt engineering, community knowledge, and implementation of AI tools progresses, we may see an improvement in the control and precision that these tools allow, potentially crossing the threshold in reliability and trustworthiness for professional workflows.

In our assessment of various AI-based tools for design, we found that most produced basic results that don't add much value to the design process in their current states.

Below we discuss three such tools. These were frequently mentioned by our study participants or in design communities.

Wireframe Designer: A Figma Plugin

AI-based wireframing tools often generated generic layouts that weren’t helpful or creative even with very specific prompts.

The free version of the Figma plugin Wireframe Designer by Chenmu Wu generates low-fidelity wireframes when the design needs and context are met. To test the limits of this tool, we generated screens using a variety of prompts varying in length and detail.

We noted that, even when ample contextual information was provided about design needs and target users, the plugin generated generic, seemingly templatized outputs.

Even when we tried a variety of prompts corresponding to different contexts and business needs, the generated outputs were fairly similar, with the main difference being the placeholder text pulled from the prompt. The Wireframe Designer plugin also didn’t offer a straightforward method for generating several variations from a single prompt, making it harder to get a variety of ideas.

Uizard: An AI-Assisted Design Tool

Uizard is an AI-assisted design tool that integrates AI wireframing, image generation, theme generation, and UI-copy assistance.

Unlike the Wireframe Designer plugin, Uizard requires text prompts to be 300 characters or less. While still basic in its output, Uizard’s screen generator offered more variety and options in comparison to the Wireframe Designer Figma plugin.

When using Uizard’s Autodesigner , the generated screens aligned better with our prompts than those created by the Wireframe Designer. However, the AI-based outputs still varied significantly in quality. Even though Uizard seemed more promising as an AI-assisted prototyping-and-design application, its interface was clunkier than that of more-popular design tools like Figma.

UX Pilot: AI-Driven Toolkit

UX Pilot is a subscription-based, AI-driven toolkit designed to help designers create color schemes, wireframes, and questions for user and stakeholder interviews, as well as plan and analyze workshops.

WHile this toolkit shows some promise for aiding in UX research, it is less helpful for design-specific tasks. For instance, its Color & Gradient AI Figma plugin generated color schemes that didn’t work well together for interface design.

This plugin was good for ideating color schemes quickly, but it did require that the designer understand some color theory when narrowing down color choices.

While our study did not yield specific tool recommendations for designers, it did generate plenty of good advice for UX designers trying to navigate emerging AI tools.

Familiarize yourself with the potential benefits of AI for ideation, brainstorming, and copywriting tasks. Artificial-intelligence tools are currently most effective with text-related tasks and, with effective prompts, can serve as beneficial partners in ideation and brainstorming exercises. UX writing and copywriting are also strong opportunities for AI to streamline work.

Lean on existing methods for design tasks. Current AI offerings cannot meaningfully enhance those visual and design-heavy workflows. Currently, the work necessary to get a high-quality result from an AI design tool is too time-consuming to justify its use. Stick to tried and true methods for visual design, wireframing, and prototyping.

Do not use AI to generate user data, user-research findings, or user personas. Using AI to generate artificial research data is unethical, deceitful, and potentially harmful to a final product and your professional reputation.

Don’t panic about missing the boat on AI. Developers and companies are still figuring out whether AI can meaningfully improve the experience of being a UX designer, and there aren’t any “killer apps” right now. Take time to play and tinker with AI tools to stay current, but don’t expect them to return much value at the moment.

Related Courses

Practical ai for ux professionals.

Leverage artificial intelligence tools to enhance your UX work and save valuable time

Interaction

Related Topics

• Artificial Intelligence Artificial Intelligence

Learn More:

AI on Intranets: 5 Valuable Features

Anna Kaley · 3 min

ELIZA Effect: Why We Fall in Love With AI

Caleb Sponheim · 3 min

Is Aggressive Marketing Influencing the UX of AI Agents?

Jakob Nielsen · 2 min

Related Articles:

Planning Research with Generative AI

Maria Rosala · 7 min

New Users Need Support with Generative-AI Tools

Feifei Liu · 8 min

Generative UI and Outcome-Oriented Design

Kate Moran and Sarah Gibbons · 6 min

AI Chat Is Not (Always) the Answer

Sarah Gibbons and Kate Moran · 5 min

The UX of AI: Lessons from Perplexity

Kate Moran · 5 min

Response Outlining with Generative-AI Chatbots

Tarun Mugunthan · 3 min

Illustrator

El Ezaby Mobile App (Official): UI/UX Design Case Study

Creative Fields

Interaction Design

• user experience
• Modern Design
• user interface

No use is allowed without explicit permission from owner