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

The Ultimate UX Case Study Template

ui case study template

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

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

ui case study template

About UX case studies in general:

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

What are UX case studies?

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

How are they different from UX portfolios?

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

How are they different from resumés?

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

How many case studies should be in a portfolio?

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

What to feature in your UX case studies?

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

The story of your design

Design decisions, visuals with explanations.

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

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

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

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

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

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

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

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

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

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

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

Image of a case study template generator

How long should be a case study?

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

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

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

What’s the point of UX case studies?

1. applied designer skills.

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

2. Presentation skills

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

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

3. The impact of your design

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

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

4. Navigating in a team

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

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

5. Showcase of your taste

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

Password protection feature for portfolios and case studies

A simple yet effective UX case study template

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

UX case study template/skeleton:

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

1. Hero section

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

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

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

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

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

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

ui case study template

2. Project overview

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

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

Screenshot of a project overview section in a UX case study

3. Exploration/discovery

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

  • Competitive analysis,
  • Interviews, and

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

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

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

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

Screenshot of a survey section in a UX case study

4. UX design process

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

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

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

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

ui case study template

5. Final design

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

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

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

  • 2-3 short paragraphs.

Screenshot of UIs presented in a grid gallery

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

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

6. Learnings

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

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

ui case study template

Alternate UX case study templates

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

UI focused case study template

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

Here’s how that template would go:

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

Impact driven case study template

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

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

Build your UX case studies with UXfolio!

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


ui case study template

UX Design Mastery

Get started with a career in UX Design

ui case study template

UX Case Study Example #1 plus free template

In my last article , I shared the free UX Portfolio Case Study template that I developed based on over 60 portfolios of successful design hires from Facebook, Amazon, Uber, Twitter, Apple, Google, LinkedIn, Dropbox and the insights of top design recruiters.

We explored what recruiters look for in UX job applications/portfolios and then dived into successfully structuring any UX case study, even conceptual projects .

What you are going to learn

Today I wanted to go a step further and walk you through how to fill in the UX Portfolio Case Study template from scratch and I will use an example UX case study from my portfolio. 

ui case study template

The core idea is to try to break down your case study creation process into a writing component and designing component so that you can tackle each one without getting stuck or overwhelmed.

The template ensures that your case study has a good narrative and understandable structure. 

This also allows you to plan more effectively what design artifacts you will need in your case study. It’s a system by which you can then rapidly roll out multiple case studies without forgetting anything that’s relevant to a recruiter or client.

The UX Portfolio Case Study template has 8 critical sections that recruiters are looking for.

UX Portfolio Case Study template sections

  • Project Title & Subtitle (A headline and subtitle that indicates the name and goal of the project)
  • Client/Company/Project type
  • Project date (When did you work on the project)
  • Your role (What you were responsible for on the project)
  • Project Summary/About this Project (An overview that summarizes the project, goal and results)
  • The challenge (What specific problem, user needs, business requirements and/or pain points that the project solves. Were there any technical constraints or business KPIs you had to keep in mind? Who are you users and what are their specific needs)
  • Solution (What method/process were used to solve specific problem, user needs, business requirements and/or pain points? How did features address the objectives?)
  • Results (Project success metrics, awards, reflections, project next steps and/or lessons learnt)

Let’s begin.

The project

The UX portfolio project I will use is one I did as a Senior Designer at a digital marketing agency. The brief was to create a responsive website/microsite for an annual financial publication for an Asset Management company. 

Now let’s walk through each section of the UX Portfolio Case Study template and fill it in.

1. Project Title & Subtitle

Length: Project Title (1 line) & Subtitle (1–2 lines)

This one is pretty simple. I used the name we had for the project at the agency. It’s brief enough to fit any case study cover but does show the brand name, and the nature of the product, a journal. I added a sub-title to further explain what the heading means, and give more context around the project title.

ui case study template

2. Client/Company/Project type

Length:1 line

Unless stated in the title, this helps build more background to who the project was for. This was a commercial project for a client so I wrote the name of the client’s brand.

ui case study template

3. Project date/duration

When or how long the project was helps the recruiter establish whether this is your most recent work and most importantly, to gauge where your skill level is. Always try to put up work that is recent because it’s an accurate reflection of your skills. This one was a bit of an old one that I had not drafted a case study for.

ui case study template

4. Your role

Length:1–2 lines

This is a section to state everything you did and were responsible for. Recruiters are looking to accurately assess your skills in the context of the entire project’s execution. I state that I was the Senior UX Designer on the project then note down all the activities I did on a high level, for the project over the course of several months.

ui case study template

5. Project Summary

Length: 1–2 paragraphs

This is a critical section for any reader who does not have a lot of time to read through the entire case study but wants a brief summary of the project, goals, and results. They may be going through a stack of applications and only have a few minutes to scan over one or two projects in your portfolio. 

I have kept my summary to three long sentences. The first is the context of the brand. The second touches on the challenge and problem we were attempting to solve. And the last sentence addresses how we would know we had done a good job.

ui case study template

6. The Challenge/Problem

Length: 2–3 paragraphs

This section specifically looks at the problems the project is trying to address. While keeping this paragraph concise I dive into the details of the problem that the client and their user were experiencing.

ui case study template

7. The Solution

Length: As long as needed

This is the longest and more time consuming section to fill in depending on how long ago the project was and how fresh in your mind it still is. For this section I outlined the design process steps and methods followed during the project. I wrote down the high level project steps but at this point I am already thinking of the the relevant design artifacts recruiters might want to see. Everything that I produced from sketches to visual mockups to prototypes.

ui case study template

Length: 1 paragraph

The critical last section concludes the case study by outlining any project success metrics that were achieved. I was fortunate that we wanted to report back to the client how well the site had performed so this information was dug up from the Google Analytics tracking. In most cases clients are happy with just a launch and its really up to you to follow up and get the project impact.

ui case study template

Okay, now that we have filled in our UX Portfolio Case Study template we can move on to getting our design artifacts together. I am happy with the content I put down and importantly, I have not missed any section. 

ui case study template

Putting it together

This part is really up to you and how you tackle it, is going to depend on where you are going to host your UX case study. If you have a portfolio site you can use the template content on a site page and fill in the gaps with images and project artifacts. 

I have a Behance account where I house my projects and merely need to upload images and write the text in, then publish the portfolio. Taking it a step further I integrate the text and imagery in Sketch/Photoshop then just upload the images.

How to enhance your UX Case Study

Key things that I always like to include in my case studies to make them more interactive and engaging:

  • A video or gif of the final product
  • A prototype
  • Brand imagery to create immersive narrative

UX Case Study Folder structure

I like to create a folder structure for housing everything I will need as follows.

  • RAW ( I collate screenshots of the final project, UI designs and wireframe exports in here)
  • Images (Relevant visual imagery that can be interlaced between project sections)
  • Videos (Optional. In most cases there won’t be one)
  • Behance submission (Final design exports for Behance upload)

ui case study template

Here are some of the final design screens with the text we filled out in the UX Portfolio Case Study template. Go to this link to view the full case study .

The intro has most of our UX case study sections covered in one go. Super important for recruiters without a lot of time.

ui case study template

The About and challenge sections come directly after that.

ui case study template

Then we can dive into the work. Here is a tiny bit of the Solution section showcasing a wireframe and UI design.

ui case study template

And lastly the results to round off the case study.

ui case study template

Here is the link to my portfolio and other UX case studies.

Calvin Pedzai on Behance I conduct website and mobile app usability audits, heuristic evaluations, user journeys, competitor analysis, user… www.behance.net

If you would like to get down to work, download my UX Portfolio Case Study template for free . Its included with the Design Portfolio Layout Guide , which including 20 online case studies and example scripts for each case study section.

ui case study template


What to read next:

ui case study template

Calvin Pedzai

Analytical problem solver who enjoys crafting experiences and currently is the Senior UX designer at an awarding winning agency.

Related Articles

ui case study template

UX Case Study Example #2 plus free template

In Getting started

Axure RP vs Sketch

Axure vs Sketch: What’s the best prototyping tool for a UX Designer

ui case study template

Is Axure RP the best prototyping tool for a UX Designer?

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

ui case study template

How to create the perfect structure for a UX case study

UX case studies form the core content of a UX professional’s portfolio. They are essential to getting you hired, because case studies are a window to your professional practice, by showing how you think, adapt, cooperate and ultimately solve challenges. A UX case study has to tell a story about you. Like all good stories, case studies benefit greatly from a solid structure that guides the reader through your thinking and experience. Here, we will explore how to craft the perfect structure for your UX case studies.

Let’s begin with a few quotes about case studies and interviews, from UX recruiters worldwide, compiled in 2017 by Cassandra Naji ( marketing content manager at Justinmind, the popular UX prototyping software):

”I want to see how you think strategically, how you connected the dots to land at the right solution. What does your process look like? What steps did you take to learn more about your users?” (Melissa Perri, Product Manager and UX Designer at Produx Labs) ”Having a really strong portfolio where you can talk through your whole process , not just showing research, user flows , wireframes, etc, but turning it into a story for example why you moved onto each part of the process so a hiring manager can really get inside your thought process.” (Tom Cotterill, UX Recruiter at Source LF) ” Storytelling is important. The interviewer wants to understand your process , your contribution to the team, and how your mind works.” (Rebecca Levi, UX/ UI / Product Design Recruiting Manager, The Joanne Weaver Group) “My tip would be, tell stories . When designers present a flat portfolio it doesn’t tell me about how they approach the work they do and how they deal with the ebbs and flows of design. Tell me how you navigate from start to end of a project, I like to see a case study approach.” (Sarah Bellrichard, SVP of Wholesale Internet Solutions & UX at Wells Fargo) “So, when I interview you, tell me a story about how you made something awesome even though it was super uncertain what it was going to turn out to be. And get meta and walk me through how you approach problems, how you navigate through idea generation and synthesis, and how you build solutions.” (Jeff Onken, Design Strategist & UX Manager at Northrop Grumman)

You might begin to see the pattern here: Recruiters from both large and small companies alike are all immensely interested in the same thing: your thinking and professional process. They want you to tell them a story about how you tackled previous UX challenges. To progress through to an actual interview, where you can elaborate on your stories in person, first you must pass the portfolio review obstacle – UX case studies in your portfolio are your first opportunity to tell recruiters your stories. These stories have to be tantalizing enough that the recruiter will want to invite you to learn more about them, and you. So, in order to get the recruiters’ attention, first we need to understand the power of stories, so we can understand why they are so much in demand by recruiters, and then see what story elements your UX case study should contain.

The power of storytelling in UX hiring

In our long history as a species, stories have always played an important role in our societies. Pick any time and any populated place on the planet, and some research into that culture during that era will bear this out as a fact. Writer and copyeditor Shannon Turlington (2010) offers some excellent insight from her 20+ years of experience in science and academic writing, about the importance of stories for humans.

“We use stories not only to learn but also to speculate, to pose questions and then find solutions.” - Shannon Turlington

Through storytelling, we pass on important information and lessons from generation to generation. Some stories are fictional; others are accounts of true events. But we don’t use stories just to learn. Stories are also an exercise in speculation and the exploration of possibilities. They are a great way to ask the “what if” questions in life, and find possible answers to these. In fact, storyboarding is one of the most well-known UX tools used to do just that!

Since we don’t know how the stories of our own lives will end, absorbing stories that have a beginning, middle and end can provide great satisfaction. Generally speaking, stories have the ability to provoke strong emotional responses , so they are an immensely powerful tool that can connect people to one another and, if sufficiently persuasive, bring about dramatic and profound changes in thinking.

ui case study template

Copyright holder: Gerd Leonhard, Flickr. Copyright terms and license: CC BY-SA 2.0

For UX professionals, telling the story of how they tackled the challenges of wicked UX design problems provides recruiters with the confidence that an applicant has great communication skills, matched with excellent technical skills and a deep understanding of methodological approaches to product development.

Assuming that you might be looking for a UX job in the near future, let’s take a look at who is going to be hiring you. They have a specific and immediate need in mind: to find a new member to join their UX team, someone brilliant who will bring inspiration, talent and hard work that will raise the team to new heights. We already know from their testimonials above that they are interested in your stories. Why?

Quite simply, by going through applicants’ portfolios, recruiters are subconsciously asking themselves a what-if question: “What if this person joined our team? What would it be like to work with this person?”. Therefore, what better way for you to answer this question for them than to provide a story? Telling a great story about your own experiences as a UX professional gives this satisfaction of having something come full circle: starting from somewhere and arriving somewhere else. It helps the recruiter see the world through your own eyes, and in the process, hopefully recognize someone who has fought a difficult challenge with skill, integrity, commitment, courage and perseverance – just the right kind of person to solve the wicked problems of design.

Structuring a captivating story

Orson Scott Card, an American science-fiction writer, wrote in 2010 that most novels are dominated by four types of story structures: milieu, idea, character and event. From this classification, we can single out the “idea” structure because it accurately frames the type of experience that a UX professional has throughout his or her working life. In Card’s own words:

“Idea stories are about the process of seeking and discovering new information through the eyes of characters who are driven to make the discoveries. The structure is very simple: The idea story begins by raising a question; it ends when the question is answered.” – Orson Scott Card

Idea stories have a structure of discovery, so the question is naturally a “why”, “how” or “what if”, exactly the type of thing that UX professionals ask themselves daily. So, in this context, there is a question that begets an answer (that’s the design problem), the protagonist (i.e., you as a UX professional) tells the story of how he or she arrived at an answer for that question (helping the reviewer see the process through the protagonist’s eyes), and, finally, there is a conclusion, an answer to the question (that’s your final product and its impact).

ui case study template

Copyright holder: Smita Nair Jain, Flickr. Copyright terms and license: Public Domain

A good UX case study is the story of how you broke a design challenge down into its components, and then expertly put this knowledge together to deliver a superb user experience.

Turning a UX case study into a story

Of course, we’re not saying here that you need to write a whole novel to explain what happened in a UX project you undertook in the past. A case study has to be succinct, but all the crucial elements of the story need to be there: the starting question, the process, the answer. And remember that just like any project that you designed, your UX case study is also a product of design – something that you give shape and essence to, with care and attention to detail, attempting to solve a real need: the recruiter’s need to see how you think, and, through this, your own need to become employed. So, we can conclude that the perfect UX case study has three parts, which we will outline next.

The beginning of a UX case study

Here is where you should explain the question that you tried to answer, and the context. For example, look at how the following statement describes the goals, vision and challenges to be addressed by a project:

“We wanted to design a new app that reminds busy people to do important things. The challenge was that simple reminders are often issued at a place or time where the user can’t really act on them, like a reminder to buy milk, while the user is at the office. Wouldn’t it be better to issue that reminder as the user is walking past a supermarket, on the way home?”

If you were part of a larger UX team here, you should also state your role in the project – for example, you might write something like “ My role in the project was to undertake user research and evaluation of prototypes ”.

The process of the UX case study

This part of the case study explains the steps that you took to arrive at a solution. Here, you should highlight the activities that you took and illustrate those activities with sketches , photographs, diagrams or other design artifacts or deliverables that you produced. Bear in mind that the focus here is on the process , so emphasis on iterations, rising challenges, alternatives, decision points and conflict resolution is paramount.

You should always start with some user research that frames the problem. For example, you might write this:

“We analyzed the to-do lists of 140 users aged 18-40 for a period of 3 weeks and discovered that about 60% of their tasks were location-dependent. From this analysis, we made 4 user personas and defined their experiences in managing to-do lists with customer journey maps .”

You could show one persona and one journey map here to illustrate.

Then, show how you progressed into ideation for solutions – for example, putting in a sequence of sketches that shows a user interface design evolution from napkin drawing, to low-fidelity wireframes, then interactive low-fidelity prototypes and a final pixel-perfect design shows that you have progressed from early concepts to an end product.

It’s important to annotate these with information, too, which describes how the evolution took place through consultation and evaluation . For example, next to your napkin drawing, you might say “ we carried out a focus group with 20 users to co-design an early prototype based on this idea ” and then show 2-3 alternative low-fidelity UI sketches that emerged as an output of that process. Then you might show a wireframe emerge from these sketches and say something like “ undertaking heuristic and lab-based user evaluation, we selected Alternative 2 as the way forward, but improved it with features from Alternatives 1 & 3 which were found to work better in the lab ”.

The conclusion of the UX case study

This last part of the structure shows your final answer to the original question. It’s not enough here simply to show your final deliverable. In this section, you have to demonstrate impact – how did your designed product improve the situation? Remember that the final step in every Design-Thinking process is evaluation. So, mention what you learned through lab tests, field tests, analytics mining or other data you have – e.g., “ In a 3-week field trial with 30 users, we found that these location-sensitive reminders led to less cluttered to-do lists for our users, since they were able to act on the reminders and cross them off their list instead of postponing them. ” Charts and statistics are great for demonstrating this impact.

However, don’t just stay stuck on the impact bit. It’s also important to highlight the lessons you learned and that you later reflected on your experience. What would you do differently if you had more time or resources to spend on the project? You might say this, for example: “ We found that 20% of the tasks in the to-do lists related to things that other people had to do, instead of the user. We didn’t have the budget or time to address this challenge, but in the future, we could revisit the project and focus on collaborative aspects of task managemen t.” Do remember to acknowledge your co-workers and collaborating stakeholders in the last section, too, as this shows a teamworking spirit.

“To design is to communicate clearly by whatever means you can control or master.” — Milton Glaser, celebrated American graphic designer

UX case studies are an exercise in communication

One of the most important skills for a UX professional is the ability to communicate. A UX case study is a demonstration of that ability, so writing good case studies doesn’t only demonstrate your technical and other professional skills; it also gives you a chance to prove how effective your communication skills are.

We will end this piece with a final note on UX case study structures. Many UX professionals believe that a great case study should end with a great product, but this is not always the case. First of all, remember that greatness is a relative attribute – what works well for you might be less than optimal for the person next to you and his/her own circumstances. It is also a temporary attribute: An app that was great back in 2005 was probably next to useless by 2017 – given that so much of the hardware and people’s lives had changed in the interim. However, what remains is the process – how you masterfully employed your critical thinking and knowledge of methodology to solve a difficult design problem, in the context and constraints that applied to the project at the time.

In this sense, don’t be shy to demonstrate those grand projects where the shining element was your approach to the work, even though the end product might have lost some of its luster.

The Take Away

A UX case study is an account of the events that led you to the discovery of some new knowledge, the answer to a UX design problem. Keeping in mind the recruiters’ need to answer their “what if” question (i.e., “What would it be like if this person joined our team and we had to work with him/her every day?”), structuring your case studies in the shape of an “idea” type of story will help recruiters get a glimpse of the world through your eyes, and provide a (hopefully) positive response to their question.

Your case study is a glimpse into your way of thinking: It is a demonstrator of process and critical reflection, rather than of the end product. There are only three parts to a UX case study structure (the beginning, the process and the conclusion), but knowing how much and what type of content is appropriate for each part will get you off to a good start on writing eye-grabbing case studies.

References & Where to Learn More

Hero Image: Copyright holder: Jacopo Romei, Flickr. Copyright terms and license: CC BY-SA 2.0

Course: “User Experience: The Beginner’s Guide”

Turlington, S. (2010). Why are stories so important?

Card, O. S. (2015). The 4 Story Structures that Dominate Novels

Naji, C. (2017). 8 tips for UX job interviews: questions & insights from UX managers

How to Create a UX Portfolio

ui case study template

Get Weekly Design Insights

Topics in this article, what you should read next, how to change your career from graphic design to ux design.

ui case study template


How to Change Your Career from Marketing to UX Design

ui case study template

  • 3 years ago

How to Change Your Career from Web Design to UX Design

ui case study template

The Ultimate Guide to Understanding UX Roles and Which One You Should Go For

ui case study template

How to write the conclusion of your case study

ui case study template

  • 5 years ago

7 Tips to Improve Your UX Design Practice

ui case study template

7 Powerful Steps for Creating the Perfect Freelance CV

ui case study template

Tips for Writing a CV for a UX Job Application

ui case study template

15 Popular Reasons to Become a Freelancer or Entrepreneur

ui case study template

  • 4 years ago

The Design Career Map – Learn How to Get Ahead in Your Work

ui case study template

Open Access—Link to us!

We believe in Open Access and the  democratization of knowledge . Unfortunately, world-class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.

If you want this to change , cite this article , link to us, or join us to help us democratize design knowledge !

Privacy Settings

Our digital services use necessary tracking technologies, including third-party cookies, for security, functionality, and to uphold user rights. Optional cookies offer enhanced features, and analytics.

Experience the full potential of our site that remembers your preferences and supports secure sign-in.

Governs the storage of data necessary for maintaining website security, user authentication, and fraud prevention mechanisms.

Enhanced Functionality

Saves your settings and preferences, like your location, for a more personalized experience.

Referral Program

We use cookies to enable our referral program, giving you and your friends discounts.

Error Reporting

We share user ID with Bugsnag and NewRelic to help us track errors and fix issues.

Optimize your experience by allowing us to monitor site usage. You’ll enjoy a smoother, more personalized journey without compromising your privacy.

Analytics Storage

Collects anonymous data on how you navigate and interact, helping us make informed improvements.

Differentiates real visitors from automated bots, ensuring accurate usage data and improving your website experience.

Lets us tailor your digital ads to match your interests, making them more relevant and useful to you.

Advertising Storage

Stores information for better-targeted advertising, enhancing your online ad experience.

Personalization Storage

Permits storing data to personalize content and ads across Google services based on user behavior, enhancing overall user experience.

Advertising Personalization

Allows for content and ad personalization across Google services based on user behavior. This consent enhances user experiences.

Enables personalizing ads based on user data and interactions, allowing for more relevant advertising experiences across Google services.

Receive more relevant advertisements by sharing your interests and behavior with our trusted advertising partners.

Enables better ad targeting and measurement on Meta platforms, making ads you see more relevant.

Allows for improved ad effectiveness and measurement through Meta’s Conversions API, ensuring privacy-compliant data sharing.

LinkedIn Insights

Tracks conversions, retargeting, and web analytics for LinkedIn ad campaigns, enhancing ad relevance and performance.

LinkedIn CAPI

Enhances LinkedIn advertising through server-side event tracking, offering more accurate measurement and personalization.

Google Ads Tag

Tracks ad performance and user engagement, helping deliver ads that are most useful to you.

Share Knowledge, Get Respect!

or copy link

Cite according to academic standards

Simply copy and paste the text below into your bibliographic reference list, onto your blog, or anywhere else. You can also just hyperlink to this article.

New to UX Design? We’re giving you a free ebook!

The Basics of User Experience Design

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!

UX Design Case Study

Elevate your design storytelling with our UI & UX Case Study Presentation Template. Tailored to guide UI & UX professionals through every crucial phase of case study development, this template empowers you to showcase your design projects with precision and impact. Perfect for crafting in-depth narratives that chronicle the entire design journey, from initial research to compelling outcomes.

Who can benefit from the UX Case Study template?

The UX Case Study Template is designed for UX researchers, UI designers, product designers, and teams looking to document and present their design projects in a format that is both accessible and professional. Whether you are a seasoned professional or just starting your career in UX design, this template provides a structured framework to effectively communicate your design process, insights, and outcomes.

What the UX Case Study Template helps you accomplish:

1. detail each project phase:.

From defining the user problem to discussing your design process and showcasing the solution, each section of the template prompts you to delve into the specifics of your project, ensuring a thorough presentation. By following the provided structure, you can effectively communicate the key aspects of your UI & UX projects.

2. Guide your narrative:

Utilize the guided questions provided in each section to articulate the critical aspects of your design project. These prompts are designed to help you think critically and present your findings and decisions effectively. By answering these questions thoughtfully, you can create a compelling narrative that engages your audience and highlights the value of your work.

3. Showcase your design solutions:

With dedicated sections for challenges, solutions, and the overall design process, the template allows you to demonstrate the reasoning behind your design choices and the effectiveness of the final product. By incorporating visuals such as sketches, wireframes, and data visualizations, you can enhance the visual appeal of your case study and make it more engaging.

4. Reflect on results and learnings:

Capture the success and learnings of your project with sections focused on the results and next steps. This enables continuous improvement and forward-thinking, demonstrating your ability to iterate and enhance your designs based on user feedback and project outcomes.

How to use the UX Case Study template with step-by-step instructions:

Step 1: comprehensively answer guided questions:.

Reflect on each section of your project and provide detailed responses to the questions provided in the template. This will ensure a robust and insightful case study that covers all essential aspects of your design project.

Step 2: Assemble your narrative:

Collate your answers into the template, allowing the provided structure to guide the flow of your case study. Ensure a logical and impactful progression from problem identification to solution implementation. This will help your audience understand the journey of your UI & UX project and the value it brings.

Step 3: Utilize visuals and data:

Incorporate sketches, wireframes, and data visualizations to enrich your case study. Visual elements not only make your case study visually appealing but also help communicate complex ideas and concepts effectively.

Step 4: Review and finalize:

Ensure coherence and continuity in your narrative by reviewing each section and checking that they transition smoothly to the next. This will create a comprehensive story of your UI & UX journey, leaving a lasting impression on your audience.

By using our SEO-optimized UX Case Study Template, you can confidently illustrate the depth and breadth of your design projects, making a strong impact on potential clients, employers, or stakeholders. Follow the step-by-step instructions provided to create a compelling case study that showcases your expertise in UX design and demonstrates the value of your work.

Remember, a well-crafted case study can be a powerful tool to attract new opportunities and establish yourself as a skilled UX professional. Start using the UX Case Study Template today and elevate your design narratives to new heights.

  • Research & Design
  • Career Resources
  • UX & Design

Ruben Cespedes image

Submit your template →

Do you have a great board to share with the world? We' ll help you turn it into a template to share with the community.

Similar templates

Template cover of Super-Simple Portfolio Template

Super-Simple Portfolio Template

Gaby Turner image

Best ATS-Friendly Resume Template

Indeed image

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

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

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

What is a case study generator?

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

ui case study template

UX Case Study Generators

1. UX Challenge

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

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

UX challenge homepage white bg with UX prompt cards

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

Sharpen design homepage, pink with UX prompt sentences

3. Designercize

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

Arcade-style interface with UX prompts and timer

4. UX Tools Challenges

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

ui case study template

5. Uplabs Challenges

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

Uplabs challenges homepage with active UX challenges

6. 100Daysofproductdesign

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

100 days of product design prompts and challenges

7. DesignerUp

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

DesignerUp Product Design Course Homepage

UX Case Study Usage

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

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

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

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

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

Pros and Cons of Using UX Case Study Generators

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

If you can do them, so can everyone else

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

Treat them as real UX projects

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

Not consider real-world experience

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

Choose the right one

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

Move into doing real projects

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

The best design resources, in your inbox

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

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

© Copyright 2022 DesignerUp. All Rights Reserved.

UX/UI Case Study Presentation

UX/UI Case Study Presentation preview

Elevate your User Experience (UX) case study presentations with our comprehensive and visually engaging UX Case Study Presentation Kit. This meticulously crafted template is designed to streamline your storytelling, highlight design thinking, and showcase the impact of your UX solutions effectively. Whether you're a seasoned UX professional or a newcomer, this template is your go-to resource for creating compelling and informative presentations.

Download this UX Case Study Presentation Kit today and take the first step towards delivering impactful and persuasive UX presentations. Elevate your storytelling and showcase the transformative power of user-centered design.

Design Faster with Figma Auto Layout: 2023 Update Overview


  1. UI

    ui case study template

  2. 11 Best Case Study Templates

    ui case study template

  3. UX Case Study Template

    ui case study template

  4. UX Case Study Template

    ui case study template

  5. Free UI/UX Case Study Template

    ui case study template

  6. UX Case Study Example #1 plus free template

    ui case study template


  1. How to write UX/UI case studies for your design portfolio

  2. Laburario prototipo UX/UI

  3. How To Create An Effective UX Case study

  4. The Three Conditions of a Worker Case Study ایک مزدور کی تین شرائط سبق آموزواقعہ BY HAROON TV

  5. Story Boarding in UX (Part 8

  6. Watch me redesign and build my Portfolio


  1. 15+ Case Study Templates

    UX Case Study Template made to help UX Designers create and organize their case study without any struggle. Learn more. Case study presentation template. Case study presentation to frame key insights and outcomes. Learn more. UX Case study template. Long form research case study template with customizable styles. Learn more.

  2. UX Portfolio Case Study template (plus examples from successful

    If you would like to get down to work, download my UX Portfolio Case Study template for free. Its included with the Design Portfolio Layout Guide , that includes 20 online case studies and example scripts for each case study section.

  3. The Ultimate UX Case Study Template

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

  4. UI/UX Case Study Template

    This UI/UX Case Study Template will help you to build a stunning & magnetic case study for your portfolio. This case study covers almost all categories of UX research as well as UI design. This Case Study is 100% fully editable so that you can easily edit it as per your project need.

  5. How to Create a UX/UI Case Study: A Step-by-Step Guide

    Creating a compelling UX/UI case study is a vital step in showcasing your design skills and expertise. By following the steps outlined in this guide, you can craft a captivating case study that impresses potential employers, clients, or collaborators.

  6. UX Case Study Example #1 plus free template

    UX Case Study Example #1 plus free template. June 10, 2021 by Calvin Pedzai. In my last article, I shared the free UX Portfolio Case Study template that I developed based on over 60 portfolios of successful design hires from Facebook, Amazon, Uber, Twitter, Apple, Google, LinkedIn, Dropbox and the insights of top design recruiters.

  7. A UX Case Study Template Guide

    Feb 17, 2024. 1. In the dynamic world of UX design, a case study serves as a showcase of your skills, telling the story of a project from inception to completion. What is a UX Case Study?...

  8. UX Case Study Template

    UX Case Study Template. Use This Template. Showcase the impact of CTAs using this case study template. Edit this template with our document creator! Template Specifications. Dimensions. 3 Pages, 8.5” X 11” (US Letter) Customizable. This template can be fully customized.

  9. How to create the perfect structure for a UX case study

    UX case studies form the core content of a UX professional’s portfolio. They are essential to getting you hired, because case studies are a window to your professional practice, by showing how you think, adapt, cooperate and ultimately solve challenges. A UX case study has to tell a story about you.

  10. UX Case Study Template

    This template is perfect for designers, researchers, and UX professionals who want to present their work in a clear and engaging manner. Key Features: Overview Section: Start your case study with an attention-grabbing overview section. Introduce the project's background, goals, and key metrics to provide context for the reader.

  11. UX Case Study Example #2 plus free template

    The free UX Portfolio Case Study template is based on over 60 portfolios of successful design hires from Facebook, Amazon, Uber, Twitter, Apple, Google, LinkedIn, Dropbox and the insights of top design recruiters from around the world. What you are going to learn.

  12. UX Design Case Study Template

    Elevate your design storytelling with our UI & UX Case Study Presentation Template. Tailored to guide UI & UX professionals through every crucial phase of case study development, this template empowers you to showcase your design projects with precision and impact.

  13. UI UX Case Study Template Free Presentation For Behance

    UI UX Case Study Template Free Presentation For Behance. The Xd file is fully layered and editable, you are free to use this file in whatever you want. #ui #ux #uidesign #uikits. 611.

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

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

  15. UI/UX Designer Case Study

    6 templates. About this template. This template helps UX/UI/product designers save hours of work trying to set up their own case studies. By using this framework, you’ll maximize your progress in your design story, and you’ll have your very own case study in no time. It contains 20+ questions to frame a design story that sells. Categories.

  16. Casey

    Casey is a UX Case Study template made to help UX designers seamlessly organize their case studies. It is made up of a large number of the UX research methods, making it a desirable tool for designers. It has a rich set of components that are easily editable and includes a dark mode version, so you can make your presentation stand out.

  17. UI

    UI | UX Case Study Free Template. Free case study template of user experience design process, you will find: 1- Scope of work 2- Persona 3- User flow with content and functional Read More. 185. 8.1k. 2. Published: June 10th 2020.

  18. UI UX Case Study Projects :: Photos, videos, logos ...

    Multiple Owners. 112 908. UI/UX Case Study App: Art Museum. Yuliia Dovha. 221 382. Medlink Web Template. Rana Roy. 217 4.2k. Behance is the world's largest creative network for showcasing and discovering creative work.

  19. UI Case Study designs, themes, templates and downloadable graphic

    UI Case Study designs, themes, templates and downloadable graphic elements on Dribbble. 120 inspirational designs, illustrations, and graphic elements from the world’s best designers. Want more inspiration? Browse our search results ... MoRas . 397. 64.7k. 1. Fateme Zafarpour. 201. 27.6k. Zuzanna. 1. 3.4k. Kesavan V. 17. 2.9k. Arbind Das. 1.7k.

  20. UX/UI Case Study Presentation

    1k users. Open in Figma. About. Comments 0. Elevate your User Experience (UX) case study presentations with our comprehensive and visually engaging UX Case Study Presentation Kit. This meticulously crafted template is designed to streamline your storytelling, highlight design thinking, and showcase the impact of your UX solutions effectively.

  21. UX Case Study designs, themes, templates and downloadable graphic

    UX Case Study designs, themes, templates and downloadable graphic elements on Dribbble. 803 inspirational designs, illustrations, and graphic elements from the world’s best designers. Want more inspiration? Browse our search results ... Lolo Gladys. 14. 2.4k. Design Picko Team. 13. 3.5k. Milton Debnath. 80. 27.5k. Ikram. 214. 24k. Fawaz Reh Pro.