ui ux case study generator

UX Case Study Kit

Get started

Join 500+ designers

Craft exceptional UX/UI case studies

Struggling to start your UX/UI design case study?

Eliminate the fear of a blank canvas with this all-in-one kit that provides

everything you need to create compelling case studies.

Get the all-in-one kit →

How it works

AI chat for case study content creation

Case study templates for Figma

Collection of 50+ top case studies

Eliminate the fear of a blank canvas with this all-in-one kit that provides everything you need to create compelling case studies.

How it works?

Create content with the AI Chat Assistant

This is the hardest part for most of us, but this product is here to make it easy.

Use the Figma template to structure your case study

Gives you a solid foundation to structure your case studies before diving into detailed design.

Find inspiration with the 50+ case studies collection

These live examples from top designers will inspire you to create standout case study.

Try for free

AI chat for UX/UI case study content creation

Powered by ChatGPT from OpenAI, this AI chat assistant asks the right questions, guiding you to transform effortlessly your details into a coherent, polished story.

Learn more →

Time efficiency

Saves hours of manual effort by extracting key details.

Professional structure

Helps present your work clearly and professionally.

Guided clarity

Breaks down your projects into six manageable sections.

UX/UI case study

Templates for figma.

30+ unique section templates that act as wireframes, giving you a solid foundation to structure your case studies before diving into the nitty-gritty design.

Flexible customization

Provides a variety of templates for each section.

Visual consistency

Ensures your case studies have a cohesive look.

Enhanced presentation

Simplifies the process of structuring your content.

Collection of 50+ top UX/UI design case studies

Discover an expertly curated collection of 50+ inspirational UX/UI design case studies that will empower you to create outstanding case studies for your own portfolio.

Inspiration and insight

Features diverse perspectives and approaches.

Comprehensive tagging

Easily filter and find case studies that match your needs.

Must-see examples

Highlights 10 case studies that set the benchmark.

Get the full UX case study kit

Creating case studies doesn’t have to be time-consuming. This kit streamlines the process, helping you work smarter, not harder.

All-in-one bundle

/ one time, forever

One time, forever

Lifetime access

AI chat assistant guides you in organizing, writing, and refining your content.

Figma templates make it easy to design a polished layout.

Curated examples inspire and help elevate your design.

Creating your first case study

Meet Lisa 👋

A recent design graduate, Lisa is eager to land her first full-time role. She has completed a few projects and wants to showcase them in her portfolio, but she’s overwhelmed and doesn’t know where to start.

Step 1: Guided by the AI Chat Assistant 💬

Lisa starts with the AI Chat Assistant, which asks simple yet insightful questions. This helps her break down her projects into clear, organized sections, turning scattered notes into a cohesive narrative.

Step 2: Easy Content Creation 📝

Lisa copies her project details into the chat, and the AI Assistant transforms them into polished case study content, making the writing process effortless.

Step 3: Ready-to-Use Figma Templates 🎨

With her content ready, Lisa uses the customizable Figma templates to structure her case study visually, choosing from 30+ layout options.

Step 4: Final Touches ✨

Lisa personalizes the templates by tweaking colors, typography, and adding images, ensuring her case study reflects her unique style.

Step 5: Get Inspired 📚

Before finalizing, Lisa explores curated case studies for inspiration, helping her refine her work and ensure it stands out.

Portfolio Ready! 🎉

In no time, Lisa’s first case study is complete, and she’s ready to showcase her skills with confidence. With the UX Case Study Kit, creating your first case study is simple, streamlined, and stress-free.

Download now

Elevate your case studies to the next level

Not sure where to start? This kit guides you through every step,

making even the most tiring tasks feel easy.

Not sure where to start? This kit guides you through every step, making even the most tiring tasks feel easy.

See what's included and how it works.

Limited AI chat

10 Figma templates only

10 case studies collection

Complete bundle

Unlock your full case studies' potential.

Full access AI chat

30+ Figma templates

50+ case studies collection

Free updates

Priority support

Get full access →

by Nadav Papay

Drop me a message at:

[email protected]

Boost your portfolio by skipping a few iced lattes ;)

Boost your portfolio by

skipping a few iced lattes

The no-code platform to build AI solutions. Learn more.

• API & Webhooks

Join Brainner

Enter your email address to continue:

Welcome to Brainner 👋

Complete your profile to start your free trial

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

The Ultimate UX Case Study Template

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

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

About UX case studies in general:

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

What are UX case studies?

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

How are they different from UX portfolios?

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

How are they different from resumés?

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

How many case studies should be in a portfolio?

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

What to feature in your UX case studies?

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

The story of your design

Design decisions, visuals with explanations.

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

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

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

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

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

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

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

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

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

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

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

How long should be a case study?

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

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

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

What’s the point of UX case studies?

1. applied designer skills.

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

2. Presentation skills

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

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

3. The impact of your design

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

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

4. Navigating in a team

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

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

5. Showcase of your taste

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

A simple yet effective UX case study template

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

UX case study template/skeleton:

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

1. Hero section

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

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

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

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

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

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

2. Project overview

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

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

3. Exploration/discovery

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

• Competitive analysis,
• Interviews, and

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

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

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

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

4. UX design process

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

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

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

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

5. Final design

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

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

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

• 2-3 short paragraphs.

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

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

6. Learnings

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

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

Alternate UX case study templates

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

UI focused case study template

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

Here’s how that template would go:

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

Impact driven case study template

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

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

Build your UX case studies with UXfolio!

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

Get inspired by design stories

Weekly UX and product design case studies. Trusted by designers from companies like Apple, Google and Spotify. It's 100% free.

"Such a valuable resource."

“Always appreciate it, truly.”

“This is lovely.”

Latest case studies

AI at Help Scout

Assemble — Compensation Cycle in a Nutshell

Templates in Google Docs

Designing a simpler, more inclusive Linkedin Home & Sharing experience

Popular categories, from the journal.

Adapting an outcome-centric mindset

Stop Trying to Fit in With Your Portfolio

Case Study Talk

How to Accelerate Your Design Career

How to Break Into the World of UX Consulting

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

No Experience? No Problem! 3 Ways to Find Projects for Your UX/UI Design Portfolio Case Studies

You’re new to UX design and on the hunt for your first job. You face a familiar paradox—to get a job, you need a portfolio, but to build a portfolio, you need a job. So, how do you solve the problem? It’s simple—even without UX experience, you can easily create job-landing case studies for your portfolio. We’ll show you three ways to find projects today.

How to Build a UX/UI Design Portfolio with No Experience

Who said you couldn’t build a UX (user experience) portfolio without professional experience? Don’t believe it! Design experts like Vitaly Friedman, Creative Lead at Smashing Magazine, and Niwal Sheikh, Product Design Lead at Netflix, value more than just experience. In this video, they share insights on what truly makes a job-winning portfolio:

• Transcript loading…

It’s easy to find exciting projects to work on and transform them into stand-out case studies. Want to break into UX design? Let’s get started!

1. Hypothetical Projects

Hypothetical projects can be based on a product or service you know or use, or you can make up your own product entirely. This approach is excellent for UX beginners and students, as it allows you to get started right away without the need to find an actual client.

Think about a design you use daily and create a project. For example, you can evaluate the usability of your local cinema’s website and prototype an improved design. Or you could study the experience of commuting on your local subway system and suggest how to make it more pleasant. Everything is designed so you’ll never run out of things to analyze and improve.

You may be tempted to pick products or services from major companies like Apple or Google, as they will sound impressive on your portfolio. However, these companies have large design teams and well-established practices, so you’re less likely to find real UX issues.

For a guided approach, many IxDF courses include case study projects you can include in your portfolio. For example:

Design Thinking: The Ultimate Guide : Using the design thinking methodology, you’ll create a smartphone fitness app.

Visual Design: The Ultimate Guide : You’ll choose any design you like and focus purely on the visual elements to improve it.

User Research – Methods and Best Practices : You’ll work on three different projects, each with a distinct focus— user interviews , contextual inquiries and observations.

IxDF case studies are an excellent way to build your portfolio. Thanks to our incredible community, you can also get feedback on your projects and inspiration from your fellow learners.

© Interaction Design Foundation, CC BY-SA 4.0

2. Volunteering, Hackathons, Student and Community Projects

Real-world projects are often more valuable for case studies than hypothetical ones. They show off your design skills, experience with real users and ability to work in a team. However, while it’s not unheard of to land a paying project before you have a portfolio, it is a challenge. After all, this is why you are here!

Given this, an excellent option is to exchange your design skills for high-quality case studies. Many people are against working for experience or exposure—and with good reason—many new and young designers are taken advantage of. However, there are several ways to contribute your skills and ensure everything remains ethical:

Many charity and non-profit organizations and events rely on the services of volunteers. For example, a non-profit music festival might need a UI designer for its app, or a charity event might need a service designer.

Hackathons are events where developers and designers work together over short periods (often 24 or 48 hours) to build a functioning product. Hackathons are both fun and demanding, and a case study from one of these events will demonstrate your ability to work efficiently.

If you are a student (or recently graduated), your student projects will make excellent case study material. Similarly, you can find community projects both locally and online that fit around your other commitments.

You can find opportunities like these through IxDF Local Groups . You can meet people who share your passion for design and see how conversations open doors. Your new contacts may lead to future work— networking gives you the best return on investment !

3. Reframe Your Non-Design Experiences

Previous non-UX experiences can make fantastic UX case studies . Did you use customer research to inform layout decisions in your supermarket job? That’s a perfect user research case study! Did you help organize a school fair for optimal visitor experience? Add it to your service design portfolio!

If you are transitioning from another industry or career, you can translate your years of non-UX experience into UX case studies. Think about all the new design methods you know and if you unknowingly used them in the past. Alternatively, explain how you would approach these past projects now that you’re a UX professional.

Transferable skills like problem-solving abilities, time management and teamwork are fundamental in design work. Highlight these skills to give yourself an edge over those with more design experience but less professional experience overall.

5 Top Tips to Make the Most of Your UX/UI Design Case Studies

If step one is finding a project, then step two is to get stuck in! Follow these best practices to maximize your case studies and build a stand-out portfolio.

Choose Your Path Wisely

You should use the design methods and techniques most relevant to the role you want to apply for. For example, if you’re a UX writer , you will want to focus on methods like A/B testing and content strategies. If you’re looking for a UX research role, show off your mastery of usability testing and user interviews.

In addition to your field, consider your stage on the UX career ladder. The case studies of an entry-level designer and a reskilled designer will differ based on the roles they’re applying for. Tailor your case studies to the roles you’re applying for to appeal to hiring managers.

Practical Beats Theory

The best approach for your portfolio projects is to do, do, do! Want to conduct user interviews? Get your friends’ help and ask them questions. Need to do user testing of an app? Sit down with your friends, neighbors or even strangers at a cafe. Start sketching your ideas on paper. Create a journey map based on your friend’s day as a commuter on the subway. Start small, use what you have access to and do.

Document, Document, Document!

When the time comes to assemble your case study, you may have forgotten important discoveries or why you made certain choices. For these reasons, it’s essential to document as much as possible —you will thank yourself later! Documentation is invaluable to a successful portfolio—it gives a deeper look into your process and shows hiring managers the design challenges you’ve overcome. Rough sketches, photos, videos and voice notes also make case studies visually appealing and interactive.

Finally, documentation will help you evaluate your performance and processes. When you include a performance evaluation in your case study, it communicates to potential employers your ability to be critical of your own work and improve upon it.

What’s the Magic Number?

Once you’ve finished your first project, don’t stop there! The ideal number of case studies to include in your portfolio is between three and six. This range is enough to show the breadth of your abilities but not overwhelm potential employers or clients. Additionally, if you have multiple case studies to choose from, you can tailor your portfolio to specific job applications.

For example, if you are applying for a role that requires some UX research skills, you can choose the case studies that best showcase your abilities in this area.

As for the types of projects, include a blend of approaches . For example, a hypothetical project shows your ability to evaluate and improve an existing design. In contrast, a community or hackathon project shows you can design from scratch and work in a team.

Treat all your case studies as a complete package. They should differ enough to show your diversity, but combined, paint a complete picture of you as a designer. Avoid case studies that are too similar or too wildly different—unless the role requires it.

Visuals Count

The last step is to arrange your case studies in a way that grabs the attention of hiring managers and keeps them engaged. Morgane Peng, Design Director at Societe Generale CIB, explains the best practices for the visual design of your portfolio:

The Take Away

Projects for your UX portfolio are easier to find than you think . You can make projects up, find exciting ways to use your skills for free and reframe past experience as UX case studies. Mix and match these approaches to craft three case studies that represent you as a designer . Use documentation and practical experience to show hiring managers your abilities and processes. Finally, arrange it all to grab attention and exemplify your attention to detail . Follow these practices, and you will create a stand-out portfolio that impresses potential employers and lands you your first UX role .

References and Where to Learn More

Take our course with Morgane Peng to Build a Standout UX/UI Portfolio and Land Your Dream Job .

Effortlessly create exciting case studies with the portfolio exercises in many IxDF courses :

User Research – Methods and Best Practices : You’ll work on three different projects, each with a distinct focus—user interviews, contextual inquiries and observations.

Discover 7 Design Portfolio Mistakes That Are Costing You Jobs! And How to Fix Them .

Find out what Nielson Norman Group discovered when they asked over 200 hiring managers what they look for in a UX portfolio .

Watch our on-demand Master Class, How to Elevate Your Portfolio: Sketching Your Design Process , with Mike Rohde.

Make meaningful connections that fast-track your career and join an IxDF Local Group .

Master AI Optimization to Create a Winning UX/UI Portfolio .

Hero image: © Interaction Design Foundation, CC BY-SA 4.0

Build a Standout UX/UI Portfolio: Land Your Dream Job

Get Weekly Design Tips

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

• 1.4k shares

How to Change Your Career from Marketing to UX Design

• 1.1k shares
• 4 years ago

How to Change Your Career from Web Design to UX Design

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

• 11 mths ago

How to write the conclusion of your case study

• 6 years ago

7 Tips to Improve Your UX Design Practice

How to create the perfect structure for a UX case study

7 Powerful Steps for Creating the Perfect Freelance CV

• 3 years ago

Tips for Writing a CV for a UX Job Application

How to Build a UX/UI Design PDF Portfolio That Hiring Managers Will Love

• 4 hours ago

Open Access—Link to us!

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

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

Privacy Settings

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

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

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

Enhanced Functionality

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

Referral Program

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

Error Reporting

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

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

Analytics Storage

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

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

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

Advertising Storage

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

Personalization Storage

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

Advertising Personalization

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

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

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

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

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

LinkedIn Insights

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

LinkedIn CAPI

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

Google Ads Tag

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

Share Knowledge, Get Respect!

or copy link

Cite according to academic standards

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

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

Download our free ebook The Basics of User Experience Design to learn about core concepts of UX design.

In 9 chapters, we’ll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more!

New to UX Design? We’re Giving You a Free ebook!

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. By designerup.co.

The article main sections and generators mentioned:

• UX Challenge
• Designercize
• UX Tools Challenges
• Uplabs Challenges
• 100Daysofproductdesign
• UX case study usage
• Pros and cons of using UX case study generators

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. Good read!

Tags ux web-development management miscellaneous learning

• ← Previous Post
• Next Post →

Member-only story

How I Create My UX Case Studies

Guide for creating personal ux/ui case studies in 2023.

Vikalp Kaushik

Creating UX/UI case studies is a crucial part of showcasing your design skills and demonstrating the impact of your work to potential clients and employers.

In this article, I will share my personal approach to creating compelling and effective UX/UI case studies.

From conducting user research and defining the design problem to presenting the design solutions and demonstrating the impact, I will walk you through the process step-by-step.

Whether you are a seasoned designer or just starting out, this article will provide you with insights and practical tips for creating impactful UX/UI case studies that showcase your design skills and expertise.

1. Choose the Platform First

The first step in creating a personal UX case study is deciding on a design platform, such as iOS, Android, or the Web.

After choosing it, I turn to the guidelines like Apple’s HIG and Google Material Guidelines.

2. Creating Problem Statements

Written by Vikalp Kaushik

Helping you create better designs and grow faster as a designer | FREE Ebooks & Play "The UI Game": betterdesigning.com

Text to speech

Generating UX/UI Ideas and Case Studies

• View  UX/UI Case Study Inspiration and Generators  👉🏽

Product Design Course

Go deeper in our full Product (UX/UI) Course and master the skills you need to become a great Product Designer!

Related Videos

Presenting Your Work For Stakeholder Buy-In: ADPlist live session

In this round table discussion, we’ll be talking about how to prepa...

Do you need to know these things to become a UI/UX or Product Designer?

There's a lot that you need to know to become a UI/UX or Product de...

Becoming an Entrepreneur with Andrew Hutton

My guest today is Andrew Hutton. Andrew was a former adjunct profes...

The best design resources, in your inbox

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

© Copyright 2024 DesignerUp. All Rights Reserved.

• Case Studies

UX Case Study Template

Showcase the impact of ctas using this case study template..

Edit this template with our  document creator !

Template Specifications

3 Pages, 8.5” X 11” (US Letter)

Customizable

This template can be fully customized. You can edit content, change image(s), apply custom colors, add or subtract pages.

Can be shared as public or private link, embedded to a site or blog, or downloaded as PDF or offline HTML5.

Compatibility

Related tags.

• case studies

More like this

SaaS Marketing Case Study

Showcase the amazing performance of top brands using this case study.

Real Estate Case Study

Present the overarching negative impacts of sound pollution on real estate sales with this case study template.

Financial Case Study

Show how skillfully the big brands utilize their resources with this case study template.

B2B Case Study

Use this case study template to showcase the qualities and results of your clients.

Social Media Case Study

Show the results of a successful social media campaign using this case study template.

Psychology Case Study

Raise awareness for common mental issues using this case study template.

Patagonia Case Study

Inspire clients with the success story of top brands using this case study template.

Neutrogena Case Study

Show the results your previous clients achieved using this case study template.

NVISIONCenters Case Study

Share the results clients have achieved due to your strategy with this case study template.

College For Adult Learning Training Organization Case Study

Share the excellent performance of your past clients using this case study template.

Fuji Xerox Australia Business Equipment Case Study

Use this case study template to show amazing results clients have had with your brand’s help.

Adobe Case Study

Share how your brand helped achieve remarkable goals for your clients using this case study template.

Bit.ly Case Study

Show future clients how your services can help them with this case study template.

Think With Google Case Study

Use this case study template to show the power of collaboration.

Design Case Study

Inspire future customers with the success of your previous clients using this case study template.

Search Marketing Case Study

Show the impact of using unique techniques with this case study template.

Case Study Templates by Visme

Case studies are a great way to attract attention to your products and services, build trust and credibility, and to show proof of how you’ve helped other businesses similar to potential customers achieve their goals. Use one of Visme’s case study templates to illustrate your business in action, and to help potential clients understand how you can help them grow.

Each case study template in Visme is designed to highlight your client’s basic information, their problem and how your company’s solution helped them overcome that problem. Customize your favorite case study layout from the options above with your own brand colors, or upload your exclusive brand fonts to use throughout the case study.

You can also upload your logo, resize or rotate it as you wish, and even upload any image of your choice to add to the document’s visual appeal. Or, browse through millions of free stock photo options that come built-in with the Visme editor. Download your case study as a PDF file or an image. You can also publish and share it online with a link, or embed it on your website. Get started with our document creator today.

Create Your Case Study Now

Member-only story

5 Project Idea Generators for Your Design Portfolio & Improving Your UX Skills

Zacharia C.

It can be a difficult step to decide what you want to design, especially in earlier stages of our design careers, so in this article I’ve compiled together for you 5 free generators that give you some much needed inspiration for creative project ideas, that not only can be taken forward to produce meaningful and useful case studies for your portfolio, but are also without a doubt the best way for any UX designer, at whatever level, to hone their skills!

#1 Sharpen Design

First on the list is Sharpen Design, which is a fantastic tool for the designer that wants a variety of prompts which can be either digital, physical or experimental. I particularly found the experimental option interesting, providing some unique examples such as chatbots for search and rescue teams, or mixed reality devices for NASA. Give it a play around, and try out all the different categories, see if there’s anything that sparks your design passion!

Another thing that I love about Sharpen.design is the freedom it gives to its users, as it should as a UX product, allowing for you to do such things as locking in…

Written by Zacharia C.

Bringing my passion for Behavioural Design, Psychology & UX to influence better experiences — Support me: https://medium.com/@ZachariaCurtis/membership

Text to speech

A rapid desktop prototyping tool

Top 22 Stunning UX Case Studies You Should Know in 2022

Table of contents, what is a ux case study.

• 22 Best UX case study examp

How do you create a UX case study?

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.

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.

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.

Share it on:

A free prototyping tool to create wireframes or interactive prototypes in minutes.

A free UI design tool to design, animate, collaborate and handoff right in the browser.

Related articles View all blog posts

25 best ux podcasts for ux designers: inspiration for 2020.

Competition is everywhere. A product with a poor user experience, will always struggle in the market. Similarly, a designer who doesn’t know how to please customers with great UX design will fin...

The Ultimate Guide of UX Design Process that You Must Know

Recently I noticed many new UX designers are asking how to do user experience design in the major social platform. I collected some useful information to help you complete a perfect user experience de...

40 Best UX Designer Portfolio Examples for Your Inspiration

A portfolio that shows off your best projects and designs in a creative way can be a real asset when applying for a good UX job. It could get you one one step closer to your dream position.However, wh...

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

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

How famous cartoons use colors for storytelling, top 7 resources for ux/ui designers for meaningful design inspiration, how to write a ux case study in 10 steps, 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

• Request a demo

All the space you need to spotlight your business or product’s value including success metrics in Tome’s comprehensive Case Study template.

About this template

Capture the attention of potential clients with Tome’s Case Study template, designed to highlight the heavy-hitting impact your product had. Create a compelling narrative with a look at the successful metrics and hard numbers you drove in this case study alongside eye-grabbing headlines. Fill in details about the challenge you faced, key info on the target audience or customer base, and the solution you provided with the product built. There is ample space for punchy headlines and images to further illustrate your business and/or product.

Template outline

• Checkmark Overview
• Checkmark Highlight Statistics
• Checkmark Challenge
• Checkmark Solution
• Checkmark Result
• Checkmark Text-Only Layout
• Checkmark Image-Only Layout

Tell a powerful story

• Double Sparkle (tome icon) Editable with AI
• Text (tome icon) Beautiful typography
• Double Sparkle (tome icon) AI layout generation
• Page Portrait (tome icon) Narrative Guidance
• Multiple Pages (tome icon) Automatic mobile layout
• Reference (tome icon) AI reference sourcing
• Share (tome icon) Share or link anywhere
• Download (tome icon) Downloadable as a PDF
• Add Person (tome icon) Real-time collaboration

More templates

Consultancy Portfolio

RFP Response

User Research Plan

Seed Round Pitch Deck

Photo Album

1:1 Meeting

Product Design Review

Retro Theme

Expert tips, what is a case study.

A case study is an in-depth look at an individual or organization. Often they’re used to show the value of a product or service with real-life examples. Your company might walk potential customers through a breakdown of your current client’s success with a particular product. That can be a compelling way to market your products and grow your business.

Case studies are often found on company websites or white papers—or presented directly to potential clients. The key is creating an easily digestible document or presentation that succinctly conveys the value of your product or service. A case study template is a quick way to craft a compelling case study that’s ready to show to clients.

How long should a case study be?

Often a case study is a written document. This is the case when it’s embedded in a white paper or another promotional document. The traditional length for these case studies is 500–1,000 words. That length can provide enough detail without overwhelming the reader.

However, your case studies don’t need to be a full-length document. Instead, consider creating a visual presentation. This format can help you create a powerful narrative that’s going to stick with your audience. After all, images and numbers are more memorable. Utilizing them within your case study can help you capture the value you’re trying to show. Try this case study template to see how compelling your case study can become.

How to write a case study

Let’s dive into how to create your own case study using this Tome template.

Write a compelling headline.

• Start with a headline that immediately tells your audience exactly what they can expect. Think of it like an email subject line. You want to convey your main message in only a sentence—that way your readers understand exactly what’s inside even if they read no further. This case study template draws attention to the headline and makes it front and center.

Give an overview of the case study.

• Next up is the overview slide. This section is an opportunity to briefly summarize the main point of the entire case study. The overview is also your chance to introduce some key stats. Adding numbers is a powerful way to show the concrete value of your products. Potential buyers can see exactly what benefits the case study client experienced.
• The Tome case study template provides you with spaces for a brief paragraph, some key numbers, and context for the stats. It’s designed to give your clients a snapshot of the entire presentation.

Introduce the client.

• After setting the stage, it’s time to explain who the client in the case study is. Outline what they do and their target customers. You might even outline the demographics of their audience. Explain some key characteristics of their business strategy and how they were performing prior to working with your company. The Tome template provides an easy way to showcase your star customer.

Present the problem.

• Your products or services are designed specifically to solve problems. No case study is complete without explaining the challenge your client faced. That perfectly sets you up to illustrate exactly how your company can solve that problem.

Detail the solution.

• Once you’ve set everything up, it’s time to address how your product met the client’s specific needs. Outline your product details and how the customer utilized each one in their own business strategy. With Tome, you can add AI-generated images that make this section more impactful.

Show the results.

• Arguably the most important part of the entire case study is the results. This slide is where you sell your product. It’s where your audience sees how your product solves real-world problems. A well-made results slide can motivate your potential buyer to try your product because they can visualize what you can do for them. The Tome template makes this section the centerpiece of your entire presentation.

End with a call to action.

• Finally, give your audience something to do. After seeing the results, they’re likely motivated. Use that momentum and drive them to convert. You might encourage them to try a demo or to get in touch with your sales team. The Tome template provides an easy way to include your team’s information.

Transform your case study with AI

A well-designed case study can be a powerful tool to build your business and sell your services. It’s a way to show a potential buyer exactly what your team offers and the results they might expect. The key is creating an effective case study presentation. To save you time, Tome provides a case study template. This template gives you these advantages:

• Powerful AI that generates text and images
• Pre-built slides beautiful typography options
• Real-time collaboration and sharing capabilities

Improve your case studies with AI from Tome. Try the template.

Craft your next great idea.