ui ux case study presentation

UX/UI Case Study Presentation

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.

A rapid desktop prototyping tool

Mockplus - Design Faster. Collaborate Better.

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

Top 22 Stunning UX Case Studies You Should Know in 2022

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

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

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

What is a UX case study?

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

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

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

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

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

22 Best UX case study examp le s you should learn

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

1. Perfect Recipe -UX design for cooking and shopping

Designer s : Marina Yalanska and Vlad Taran

Case Study : Perfect Recipe

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

Why d id  we choose this  one?

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

Extra tips :

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

View details

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

Designer : Marina Yalanska and Olga Zakharyan

Case Study : GnO Well Being

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

Why d id  we choose this ?

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

3. Splitwiser - UI/UX case redesign

Designer : Chethan KVS (a Product designer at Unacademy)

Case Study : Splitwise

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

Why do we choose this ?

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

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

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

4. Deeplyapp.com - UX & visual improvements

Designer : Sladana Kozar

Case Study : Deeplyapp

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

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

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

5. Talent Envoy - improving the recruitment process 

Designer : Enes Aktaş (Experienced UX designer)

Case Study : Talent Envoy

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

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

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

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

6. My Car Parking - UI/UX case study

Designer : Johny Vino (Experienced UX and interaction designer)

Case Study : My Car Parking

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

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

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

7. Parking Finder App - UI/UX case study

Designer : Soumitro Sobuj

Case Study : Parking Finder App

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

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

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

8. Pasion Del Cielo - coffee ordering experience

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

Case Study : Pasión del Cielo

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

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

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

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

9. Workaway App - UX redesign

Designer : Rocket Pix (UXUI, web designer )

Case Study : Workaway App

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

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

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

10. Receipe App - UI/UX design process

Designer : Dorothea Niederee (UX, UI designer   )

Case Study : Recipe App

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

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

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

11. Hobbfyy - a social and discovery app UX design

Designer : Mustafa Aljaburi (UX, UI designer   )

Case Study : Hobbfyy

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

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

12. Bee Better - habit tracker app UX case study

Designer :   Anastasiia Mysliuk (UX, UI designer   )

Case Study : Bee Better

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

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

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

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

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

Case Study : Sit My Pet

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

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

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

14. Groad - food ordering system UX case study

Designer : Phap (UI designer )

Case Study : Groad

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

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

15. iOS VS Android UI/UX Case Study

Designer : Johanna Rüthers

Case Study : Econsy

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

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

More UI/UX case studies & designs:

16.Timo Bank - UI/UX Case Study

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

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

17. Endoberry Health App Design

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

18. Job Portal App

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

19. Cafe Website - UI/UX Case Study

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

20. Ping - the matchmaker app case study

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

21. Hubba Mobile App - UI/UX Case Study

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

22. Music App - music for children

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

How do you create a UX case study?

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

Step  1.  Figure out your purpose

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

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

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

Step   2.   Plan or outline your case study

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

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

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

You might also want to add further sections:

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

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

Step 3.  Explain the design process clearly

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

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

Step  4. Improve readability and visual appeal

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

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

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

Step   5. Summarize

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

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

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

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

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

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

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

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

Related Content

Design Faster. Collaborate Better.

Designing the best user experience. Mockplus does it all!

Interactive prototyping

Unified collaboration

Scalable design systems

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

Researched by Consultants from Top-Tier Management Companies

Powerpoint Templates

Icon Bundle

Kpi Dashboard

Professional

Business Plans

Swot Analysis

Gantt Chart

Business Proposal

Marketing Plan

Project Management

Business Case

Business Model

Cyber Security

Business PPT

Digital Marketing

Digital Transformation

Human Resources

Product Management

Artificial Intelligence

Company Profile

Acknowledgement PPT

PPT Presentation

Reports Brochures

One Page Pitch

Interview PPT

All Categories

Top 5 UX Case Study Templates with Examples and Samples

Siranjeev Santhanam

The age of empty promises and flashy advertisements is over. Today's customers demand more. They want products that deliver on their promises and businesses that can prove it. As marketing expert John Jantsch once said, 'The customers of this day, saturated with advertising on virtually all online and offline spaces, want the goods to back up what they see, and case studies give you an effective means of doing just that.'  

If you are a UX professional who wants to win over the modern consumer, it's time to start showcasing your success stories with compelling case studies

To pitch your UX service, a case study serves as a valuable and effective means of attracting attention to your product and building trust among potential customers. It allows you to project mastery over your service and bridge ties with investors or clients. It also functions as a vehicle for presentations of essential data, giving you the ability to explain how problems are solved with cohesive and optimal solutions.

In this blog, we will showcase the best UX Case Study Templates that you can use to maximize gains in the software development space. These templates come with the added advantage of being fully customizable, giving you complete control over your product and enabling you to make minor changes when needed.

Let’s begin exploring these PPT templates! 

Template 1 – Case Study for Mobile App UI/UX Design Services

This template has something of substance for you if you’re in the software business and looking to raise production value. It is designed using bright purple hues and vibrant aesthetics. The three principal features of the slide are the subheadings, problem, solution, and results. Get this template and hold presentations to win over clients, investors, and customers with crisp and digestible case studies where you showcase the strengths of your processes. 

Download now

Template 2 – Case Study Template for Mobile App UI/UX Maintenance Services

Use this template to pinpoint a problem accurately, the solution, and the results of a specific project, bolstering your software development for clients. The slide also has room to accommodate other critical factors, such as a client testimony and an image that can complement the overall message. 

Template 3 – Case Study UX Proposal Template One Pager Sample

Use this simple PPT template to build a compelling case that sways clients’ trust toward you, marking your ability to generate success. The major subheadings localized into the slide are project goals, our solutions, and results. Tailor your software proposal with the aid of this crisp PPT slide to impress existing customers and draw new ones. Download now!

Template 4 – Case Study for Website UI/UX Design Services

Here is another flexible and easy-to-use PPT slide that you can put to use to ease customers' worries. Integrate this enticing into a broader presentation and exhibit your company’s capacity to solve problems and deliver solutions effectively. Use the three primary subheadings, project problem, proposed solution, and results, along with the space for a client testimony, to craft a message that resonates with your audience. Get it now!

Template 5 – Case Study UX/UI Proposal One Pager Sample

Make use of this pre-designed template to illustrate your methodology for tackling problems and securing positive results. Combine the existing metrics of the slide – project goals, our solution, and results – with your own personalized elements for a holistic and professional touch. Download today!

Conclusion 

Case studies can make for impactful displays of soundness and professionalism in business. Demonstrate the efficiencies of your software team with a convincing presentation using these PPT slides. Secure the trust of both investors and clients and project competency in your UI UX design services. Get started today, and let us know about your experience in the comments section.

PS. If you are looking for Report Cover Page Templates, here’s a handy guide with the most popular samples and examples

Frequently Asked Questions

How do i get a case study for ux.

A typical case study in this area would consist of three principal elements –the beginning, the process, and the conclusion. The beginning would have to incorporate the title of the project, the overview, and the problem that you were hoping to address within the context of the larger project. Next, the process illustrates how the UX process had been utilized to create and test a solution, including the different tools and methods that were involved in that process. Finally, the conclusion helps to distill all of this down, creating a singular design solution that you can present to the audience, signifying the effect that you had on the customers and the challenges that had been overcome. 

How do I write a UX case study with no experience? 

Here are a few general guidelines to follow when creating a UX case study:

• Establish the goals of your project and ascertain the problem that you wish to engage alongside its background and research backdrop. 
• Identify the core audience that you hope to reach with the study and appropriately frame the scenarios in the study.
• Tackle the issue through the prism of the UX design process, and use appropriate methods for analysis, testing, etc. 
• Incorporate visual elements such as screenshots, charts, and graphs that serve to demonstrate the core message and add some engagement to the study
• Organize the body of information around headlines, bullet points, and subheadings to funnel the data to the reader through appropriate means. 
• Integrate data, metrics, and, if necessary, feedback to showcase the results of the solution and bolster the credibility of the overall study. 

What are the components of a UX case study?

Some of the basic components to be included in a UX study are as follows:

A brief section where the background for the project is laid out, including the essential aspects such as the title, objectives, team members, etc. 

An illustration of the problem that is central to the whole study, alongside its research backdrop.

Scope of the project

A section outlining the constraints of the project and its broader scope involving resources, timeline and budget. 

Process involved

A detailed representation of the processes and methodologies employed to address the problem. 

Design solution

A depiction of the design solution conjured out of the processes of the study, including its features and functionalities. 

Testimonials

Quotes from clients or valuable users that serve to add credibility to your study and authenticate your research capabilities. 

What are the goals in UX case study?

The primary goals in a UX case study would be the core outcomes that you aim to exhibit through the design project, and they can be divided broadly into project goals, user goals and business goals. Project goals are relevant to central problem sustaining the study, while user goals are those significant to the expectations and satisfaction levels of the audiences that were the focus of the study. The business goals are tied to value your research and design solution presents for the client, investor or organisation that was the subject of the whole experience. 

Related posts:

• How to Design the Perfect Service Launch Presentation [Custom Launch Deck Included]
• Quarterly Business Review Presentation: All the Essential Slides You Need in Your Deck
• [Updated 2023] How to Design The Perfect Product Launch Presentation [Best Templates Included]
• 99% of the Pitches Fail! Find Out What Makes Any Startup a Success

Liked this blog? Please recommend us

13 Must-have Customer Experience Strategy PPT Templates with Samples and Examples

10 User Experience PPT Templates to Level Up the Customer Engagement

This form is protected by reCAPTCHA - the Google Privacy Policy and Terms of Service apply.

Digital revolution powerpoint presentation slides

Sales funnel results presentation layouts

3d men joinning circular jigsaw puzzles ppt graphics icons

Business Strategic Planning Template For Organizations Powerpoint Presentation Slides

Future plan powerpoint template slide

Project Management Team Powerpoint Presentation Slides

Brand marketing powerpoint presentation slides

Launching a new service powerpoint presentation with slides go to market

Agenda powerpoint slide show

Four key metrics donut chart with percentage

Engineering and technology ppt inspiration example introduction continuous process improvement

Meet our team representing in circular format

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

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

Super-Simple Portfolio Template

Best ATS-Friendly Resume Template

⚡️ Get 30% off EVERYTHING ⚡️

Use coupon: 

UX Case Study Presentation Template

UX Case Studies made simple

Everything you need in a straightforward design template. No need to keep creating the same document for different case studies.

Sort all the information you need to make a comprehensive case study with pages arranged with a seamless narrative in mind.

Work smarter with a professional presentation that demonstrates your attention to detail. Find sections with enough space to define problems, insights, solutions, and conclusions.

Preset elements allow you to build the presentation to fit your brand's identity in no time. Customize your style with color schemes, type faces, and more.

What’s in our UX Case Study Presentation Template?

Capture your UX case study in 22 pre-designed pages to guide your study

With responsive slides and a 16:9 ratio, you can present anytime

Keep your presentations on-brand by customizing color schemes, fonts, and more

Identify key information with sections for problems, insights, solutions, and conclusions.

Form seamless narratives with content flow arranged logically

Essential elements for a strong presentation in a fuss-free, straightforward design

Create with over 740 Figma components

Pay once, access for a lifetime

Reviews from our students

Here's what our students have to say about their experience.

Love this course, what a wild ride it was. This is the step I needed to increase my overall confidence in tackling my job as a product designer.

Mizko's Ultimate Figma Masterclass is a credit to the Designership suite of courses. It is well worth time spent doing the practical exercises. There is evidence of forethought and planning as the course unfolds. Completing the course leaves the student with Figma know-how and a library of reusable components that will expand any designer's repertoire for future efforts.

A complete and well-structured course. I've learned a huge amount of tools and good practices to improve my workflow.

This was a wonderful learning experience for me and enjoyed every moment of it. Would absolutely recommend this course to others who would like to level up their skills in Figma and UI design.

After experiencing several of Mizko's YouTube courses, I eagerly embarked on this paid course with high energy and enthusiasm. True to expectation, the course is rich in information and adeptly focuses on the 'why' behind concepts. I wholeheartedly recommend it to beginners and advanced learners alike for invaluable insights. With dedication and effort, I am confident you can climb the top of the mountains

I'll recommend it to anyone with no knowledge who is interested in UX Research but it's not sure about it, because it really gives a good overview of every process!

"Mizko's Practical User Research & Strategy course was incredibly insightful and valuable. Their teaching style is engaging and effective, making complex concepts easy to grasp. Overall, it was a positive learning experience.

"Mizko's Practical User Research & Strategy course was incredibly insightful and valuable. Their teaching style is engaging and effective, making complex concepts easy to grasp. Overall, it was a positive learning experience

Having known and used Figma for a while, I still learn a lot from this course. First, Mizko explains responsive design, Figma features, and corresponding CSS properties, as well as how to deliver developers’ handoff. His way of explaining Figma features is logical, succinct, and makes a lot of sense—I was left with no confusion. The section on animation and prototypes is golden! Explanations of transition types usually found in an After Effects class are delivered with grace by Mizko. An awesome class overall!

This Outline Kit is constantly updated by the Designership team.

Frequently asked questions

What is the purpose of the ux case study presentation template offered by designership.

The UX Case Study Presentation Template by Designership is meticulously crafted to help designers present their work confidently in job interviews, stakeholder reviews, and more. The presentation template ensures you detail your design process, decisions, and outcomes, in a structured and compelling manner.

Is this UX Design Case Study Template free?

The UX Design Case Study Template is a premium product offered by Designership, ensuring a detailed and professional layout to enhance the presentation of your projects.

Can I customize the UX Case Study Template to fit my brand's identity?

Absolutely. The UX Case Study Template is designed for adaptability, allowing designers to seamlessly integrate their brand's identity, colors, fonts, and style, making it uniquely their own.

How many pages are included in the UX Case Study Presentation Template?

The UX Case Study Presentation Template encompasses a comprehensive set of pages to cater to all aspects of a case study, providing a structured flow and ensuring all vital details are addressed.

Can I use the UX Case Study Template in Figma?

Yes, given Designership's extensive offerings for Figma users, the UX Case Study Template is optimized for use in Figma, ensuring a seamless design experience.

How does the template assist in structuring my case study?

The template offers a systematic layout with guided sections, ensuring that designers address challenges faced, solutions proposed, methodologies applied, and results achieved, providing a cohesive narrative for their design journey.

What's the difference between the UX Case Study Template and other templates available online?

The UX Case Study Template by Designership stands out due to its meticulous design, focus on storytelling, and adaptability, crafted under the guidance of industry-leading expert Michael Wong, ensuring a superior quality and approach compared to others.

Do I need any specific software to use the UX Case Study Presentation Template?

While the template is optimized for Figma, it's crafted with flexibility in mind, allowing users to adapt it across various design tools. However, for the best experience, using it in Figma is recommended.

Are there any guides or tutorials on how to best utilize the UX Case Study Presentation Template?

Designership, known for its commitment to user success, provides comprehensive guides and tutorials to ensure designers can make the most out of the UX Case Study Presentation Template, integrating it seamlessly into their workflow.

Sharpen your skills, streamline your workflow

Shipfaster UI: Figma UI Kit & Design System

Access 8,000+ Customizable components to supercharge your design workflow.

Outline: Figma’s Ultimate Wireframe Kit

Stay on top of testing ideas and prototypes with a wireframe kit that simplifies your process

Present your UX case study confidently with a presentation template that helps you capture all the most important details

Figma Annotation Kit

For key notes, comments, and tracking progress. Streamline your design process and improve your workflow.

Join our newsletter

Get exclusive content and become a part of the Designership community

Product Design Bundle and save

User Research New

Content Design

UX Design Fundamentals

Software and Coding Fundamentals for UX

• UX training for teams
• Hire our alumni
• Journal of UX Leadership
• Our mission
• Advisory Council

Education for every phase of your UX career

Professional Diploma

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

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

Professional Certificates

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

Learn the principles of content design, from mastering tone and style, to writing for interfaces.

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

Short Courses

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

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

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

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

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

Meet our leadership team with UX and education expertise

Members of the council connect us to the wider UX industry

Our team are available to answer any of your questions

Fresh insights from experts, alumni and the wider design community

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

Your ultimate UX portfolio presentation guide: How to present your UX design portfolio in a job interview

If you’re applying for UX design jobs, you can expect to give a UX portfolio presentation as part of the interview process. This is your chance to talk through some of your favourite portfolio projects—and to show the hiring panel what you’re capable of. It’s a nerve-wracking task, but it’s a crucial step towards landing a UX job. 

Free course: Introduction to UX Design

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

If you’re applying for UX design jobs, you can expect to give a UX portfolio presentation as part of the interview process. 

This is your chance to talk through some of your favourite portfolio projects—and to show the hiring panel what you’re capable of. It’s a nerve-wracking task, but it’s a crucial step towards landing a UX job. 

New to UX interviews and portfolio presentations? Then keep reading. 

This is your ultimate UX portfolio presentation guide . We’ll show you not only how to structure your UX portfolio presentation, but how to deliver it successfully on the day.

Here’s what you’ll learn:

What is a UX portfolio presentation?

What should a ux portfolio presentation include, how long should your ux portfolio presentation be.

• How to structure your UX portfolio presentation: A framework 
• How to prepare for (and ace) your UX portfolio presentation: 5 steps

Ready to become a UX portfolio presentation pro? Let’s begin. 

[GET CERTIFIED IN UX]

A UX portfolio presentation is a key step in the UX hiring process . Whenever you apply for a UX or product design role, you’ll likely be required to present your portfolio to a panel—either in person or via Zoom. Typically, the UX portfolio presentation takes place once you’ve passed the initial phone screen(s) and have moved to the interview stage. 

What’s the purpose of a UX portfolio presentation?

Your UX portfolio presentation is your opportunity to show the hiring manager, and the wider team, what you’re capable of. You’ll talk them through 1 or 2 portfolio projects, giving insight into your UX design process and your approach to problem-solving. 

It’s also a chance for the hiring manager to assess your communication and presentation skills. Most UX roles will require you to present to stakeholders, so employers want to make sure that you can effectively communicate your work. 

Your UX portfolio presentation should include the following:

• A brief yet powerful introduction: Tell the hiring panel who you are and what you’re all about before you jump into the presentation itself.
• 1 or 2 case studies: These are the crux of your UX portfolio presentation, demonstrating your skills, process, and problem-solving approach in action.
• Outcomes and learnings: For each case study you present, you’ll show the panel not only what you achieved but also what you learned.
• Supporting visuals: Just like your portfolio itself, your UX portfolio presentation should contain plenty of interesting visuals to illustrate the story of each project and ensure the presentation is engaging.
• Q&A: At the end of the presentation, be prepared to answer questions (usually about 10-15 minutes). 

Hiring managers will usually allocate between 45 minutes and 1 hour for your UX portfolio presentation. The recruiter should be able to provide you with the timeframe. But, if not, plan to present for around 40 minutes and leave enough time for questions at the end. As with any kind of presentation, practise a few times beforehand to make sure you’ve got plenty of time to cover everything at a comfortable speed. 

[GET CERTIFIED IN UI DESIGN]

How to structure your UX portfolio presentation

There is no universally approved template for a UX portfolio presentation. However, there are certain key components that all portfolio presentations should include, as well as a broad structure that will help you tell a logical story.

Here’s an outline you can use to structure your UX portfolio presentation. And remember: it’s just a template—adapt it to make it work for you. 

• Opening slide
• Introduction (a bit about you)
• UX portfolio case studies
• Closing slide

With that framework in mind, here’s how to structure your UX portfolio presentation .

1. Opening slide

Every good presentation begins with an opening slide. It doesn’t need to be fancy—it’s just nice to have it up on the screen while the audience settles in and you make any final preparations. 

This slide can be as simple as your name, your professional title, and the presentation title, or you can jazz it up with some fun visuals. 

2. Introduction (a bit about you)

First things first: introduce yourself. 

There may be people on the panel who haven’t met you yet, so take a moment to share who you are, what you do, and why you’re passionate about UX design (or your niche area if you’re going for a specialist role such as UX researcher or UX writer ). If you have time, you might also share a fun fact about yourself. This can be a good icebreaker!

This is just a quick overview of what you’ll cover throughout your UX portfolio presentation. It gives the audience an idea of what’s to come, and in what order. As you introduce the projects you’ll present, it’s also worth explaining why you’ve chosen to highlight these particular projects. Take this moment to convey your passion for what you do. 

4. UX case studies

Your case studies will span several slides. Begin with a title slide introducing the name of the project and, if you haven’t done so already, explain why you’ve chosen to include this project in your UX portfolio presentation. 

Is it based on a topic you’re passionate about? Did it present a particularly valuable learning curve? Was it one of your most successful projects? Explain why you’re excited to share this project—and get the hiring panel excited, too. 

Next, you’ll want to cover the following points for each case study. Each point can span 1 or 2 slides as necessary, and you can combine several points into one. All that matters is that you tell a clear, cohesive story which the hiring panel can follow. 

• Project overview: What is the project about? Set the scene and provide important context. Here you can talk about when/in what context you completed the project—for example, as part of your UX design course or bootcamp or at a previous job.
• Your role: Who were you collaborating with and what was your contribution? Explain who was involved in the project and where you fit into the team. What were your main responsibilities and areas of expertise? Who did you collaborate with along the way? This is a great opportunity to demonstrate teamwork while clearly defining your individual role.

• Your approach: How did you go about solving the problem? Provide a high-level overview of the process you followed to address the design challenge. For example, your approach might have looked something like: User research, ideation, prototyping, testing and iterating, development.
• A closer look at your process and specific methods: Zoom in on specific aspects of the process—outlining the methods you used, why you used them, what value or purpose they served, and how they shaped your design decisions. For example, if one aspect of your approach was user research , explain which research methods you used and why, as well as what insights they helped you to uncover.
• The solution: Where did your chosen process and methods lead to? How did you arrive at the final solution? Refer back to the original problem and explain how you reached your final solution. It’s worth sharing the different solutions you considered before making a decision—outlining the pros and cons of each and explaining why the chosen solution made the most sense.
• The end results: What did or does your solution look like? You’ve explained how you came up with a solution to the problem. Now share how that solution looks (or looked) in action. Did you design new features for an app or come up with user personas ? What was the impact of the solution? Are there any measurable results you can share, either for the business or the end user?
• Learnings and reflections: What did you learn from the project? What challenges did you face and how did you overcome them? What would you do differently next time? Even if you’re highlighting this as your most successful project, it’s unlikely that everything went completely smoothly. Impress the hiring panel with your ability to reflect and learn by sharing what you’d do differently next time, or how you course-corrected along the way.
• Questions: You’ll usually have a longer Q&A session at the end of your portfolio presentation, but it’s worth carving out some additional time at the end of each case study. This encourages the panel to engage and gives you the chance to elaborate on points of interest. 

5. Q&A session

Once you’ve talked the panel through your UX projects, wrap up your portfolio presentation with a Q&A. Thank your audience for listening and say you’d be happy to answer any questions they have. 

6. Closing slide

Just like your opening slide, this is a nice bookend to your presentation. A simple “Thank you for listening!” is perfect—but, as always, feel free to get creative with visuals if you want to inject some extra personality. 

Compiling your presentation is just one part of the process. To close our guide, we’ll outline 5 key steps you can follow to prepare for—and ace—your UX portfolio presentation .

How to prepare for (and ace) your UX portfolio presentation 

We’ve shown you how to structure your UX portfolio presentation. But what other preparation is involved?

Follow these steps to ensure your UX portfolio presentation is a success:

• Choose the projects you want to showcase
• Write an outline for each project case study
• Prepare your UX portfolio presentation slides
• Practice with a timer (and with an audience)
• Anticipate possible questions from the hiring panel

1. Choose the projects you want to showcase

The purpose of your UX portfolio presentation is to show the hiring team what you’re capable of. Before you start putting your presentation together, spend some time going through your UX portfolio and choosing which projects to showcase. 

You might simply go for your favourite projects or the ones you’re most proud of—and that’s not a bad approach. You want to be able to talk passionately and enthusiastically about your work. However, make sure you’re also choosing projects that highlight the skills and qualities the employer is looking for.

For example: if you’re going for a UX research role, you’ll want to present a project where you were responsible for user research. If you’re interviewing with a healthcare company and you’ve worked on a healthcare app in the past, that would be a good case study to highlight.

In short: Choose the projects which best demonstrate your suitability for the job.

2. Write an outline for each project case study

You’ve chosen your projects; now you need to plan how you’ll present them. Before you start putting your presentation deck together, draft an outline of how you’ll talk about each project and the main points you’ll cover. 

Hopefully, you’ve already been through the process of creating your UX portfolio and have several projects written up in the form of detailed case studies—which you can use as the basis for your presentation. You can refer back to our UX portfolio presentation framework (in the previous section) for an overview of the kind of detail to include, and here are the main points at a glance: 

• Project overview
• The problem you were solving
• Your approach, process, and methods
• The solution and end results

At this stage, your project outlines don’t need to be word perfect. The main goal is to have a clear idea of what each project should demonstrate—and how you’ll get the most important points across. 

In short: Pick out the most important points you want to cover for each portfolio project and draft an outline. 

3. Prepare your UX portfolio presentation slides

With your portfolio projects chosen and your outlines drafted, you’re ready to compile your UX portfolio presentation. For this step, follow the presentation framework we outlined earlier on in this guide. 

Here’s a recap of how to structure your UX portfolio presentation:

• Title slide
• Case studies
• Closing slide (thanks for listening!)

Now you might be wondering which format your presentation should take. Always read the recruiter’s instructions carefully to see if they’ve specified any exact requirements. If not, use your tool of choice to create a presentation deck (e.g. Google Slides) and be sure to download it in PDF format, too. You never know what the WiFi situation will be on the day, so make sure you can access your presentation offline if you need to. 

When it comes to designing your presentation deck, follow all the usual design rules and principles —clear, legible text, plenty of contrast, and a good image-to-text ratio. Beyond that, you have all the creative freedom you could ask for. 

In short: Use a tool like Google Slides to design and compile your UX portfolio presentation deck. Download it as a PDF, too, in case the Internet fails you on the day.

4. Practice with a timer (and with an audience)

One of the trickiest parts of a UX portfolio presentation is getting the timing right. You want to provide enough detail without going on for too long—and you want to present at a comfortable pace. 

Once you’ve put your presentation deck together, practice going through it with a timer. Most UX portfolio presentations last between 45 minutes and an hour (the recruiter should let you know how long you’ve got), so make sure you can get through the whole thing without rushing. 

Based on your practice runs, make cuts (or additions) to get your presentation to the ideal length. 

Then, if you can, practise in front of an audience. This will help you to make sure you’re telling a cohesive and logical story about each project. If your practice audience can easily follow along and finds your presentation engaging, you’re onto a winner. If they have feedback, iterate and adapt til you get it right. 

In short: Practise your presentation in front of an audience and with a timer. This will ensure you’ve got the length just right, and that you’re communicating clearly and effectively. 

5. Anticipate possible questions from the hiring panel

Most UX portfolio presentations will end with questions from the hiring panel, so it’s a good idea to anticipate what these questions might be. 

They might ask about specific aspects of your UX projects, or about your design process in general. Brainstorm some possible questions (you can ask your practice audience to come up with some, too) and think about how you’ll answer them.

While it’s impossible to anticipate exactly what will come up, having some answers prepared will help you to enter your UX portfolio presentation feeling confident and ready.

In short: Brainstorm possible questions the hiring panel might ask you and think about how to answer them. 

Wrapping up

We’ve covered everything you need to know about structuring and delivering an effective UX portfolio presentation. Hopefully, with the help of this guide, you can tackle your UX job search with confidence. For more helpful career advice and resources, check out these guides:

• Are you just starting out in UX? Here’s how to reframe your previous work experience (and use it to your advantage)
• How to recognise UX maturity while job hunting (and why it matters)
• What kind of salary can you expect as a UX designer?
• UX Portfolios

Subscribe to our newsletter

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

Thanks for subscribing to our newsletter

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

Upcoming courses

Professional diploma in ux design.

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

Professional Certificate in UI Design

Master key concepts and techniques of UI design.

Certificate in Software and Coding Fundamentals for UX

Collaborate effectively with software developers.

Certificate in UX Design Fundamentals

Get a comprehensive introduction to UX design.

Professional Certificate in Content Design

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

Professional Certificate in User Research

Master the research skills that make UX professionals so valuable.

Upcoming course

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

You may also like

UX designer salaries in the UK in 2024

What does a UX writer (also known as a content designer) do? Everything you need to know

Is the UX job market oversaturated? An in-depth analysis and outlook for 2024

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

5 tips for presenting UX case studies

Senior UX/Product Designer, UiPath

Did you know? We have over 3,000 mentors available right now!

Getting ready for a design interview isn't always easy. Packaging months of work into a few slides or sentences can be challenging. However, there are a few things you can do to ease your workload.

When preparing to present a case study, it's important to think about the following:

1. Make sure your challenge is clear

A UX case study is the perfect tool to demonstrate how a design problem was solved. The challenge description can be used to set up the context of the case study.  Write your challenge in a way that engages the readers and gets them interested right away. It should include necessary information, such as what you were trying to solve, who you were solving it for, and why you chose this particular solution.

Talk with your audience as if they were 5 years old. You are the expert; you know your project the best. Sometimes, you might get ghost guests within an interview which can review your work.

Your audience will go through a presentation of an entire design project, so the scope and the challenge need to be presented from the beginning and be clear. If it’s necessary and you want to make sure it’s easy to understand, try presenting it to some friends and iterate as you go.

2. Don’t present too many personas and flows

Case studies should be easy to follow  —  which means they shouldn't have too many personas and flows that are different from each other.  It's  important for the reader to be able to understand the process without being overwhelmed by too much information.

You can still mention that your product is used by different types of people, so various personas. but don't include everything and all variants for this presentation, because it will be difficult to follow. 

Narrow your case study after you have presented the problem and opportunities. Make sure you present one persona and you focus on the main flow. Toward the end, select some key screens that are connected to the initial challenge.

3. Show us progress, drafts and discarded ideas

The design process for a case study is never linear. It takes time and effort to go through different drafts and discard ideas. However, this is what makes the final product so good.  We'd like to know how your project evolved. Early ideas and drafts are more than welcome.

Most of the time, designers will go through many drafts before they finalize their idea for a project and that's perfectly fine. We're all going through the same process.

Show us how a research insight evolved into an idea, as well as how a sketch evolved into a high-fidelity mockup. Don't be afraid to share with the audience what items didn't go as expected and what ideas you’ve discarded along the design process. 

4. Results, metrics,  and learnings

Case studies are a very useful way to learn from other people's mistakes and successes.  They provide a detailed overview of what works and what doesn't work in different scenarios so designers can avoid making similar mistakes while designing their own products.  It is a good way to get inspiration for your own designs as well. 

Having metrics can really make a difference in your presentation.  Design metrics and results are some of the most important factors in evaluating the success of a design. Anyone should use these as a tool to measure their work and improve themselves.

I f you have the data, put it upfront. Tell us about the initial success rate, likes and dislikes, or why the challenge was a challenge. Compare the results with your initial state and give us some metrics. 

And.. learnings? These are the best! And as we know, not all projects finish as planned. Tell us what could have been done better or what would you have done more if you had more time.

5.  Remind them why they should hire you

Last but not least, add a slide in your case study where you present yourself. Your audience might change, so make sure your message gets across and everyone knows what makes you a good designer and different than the other candidates.

It isn't just about your skills, but also about how you present them.  In order to stand out from the crowd, it is important to have a clear understanding of what you want and what you can do for the company. The best way to achieve this is by presenting yourself in the best possible way.

Take out the good stuff and don’t be shy!

Find an expert mentor

Get the career advice you need to succeed. Find a mentor who can help you with your career goals, on the leading mentorship marketplace.

User experience templates

Deliver user research findings, present results of your analyses, and get your team on the same page with these free UX presentation templates.

Get a free custom homepage design for your new website.

Design, UI, UX , Inspiration

15 excellent ux case studies every creative should read.

• By Sandra Boicheva
• October 21st, 2021

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

The Storytelling Approach in UX Case Studies

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

Photography by Alvaro Reyes

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

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

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

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

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

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

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

Advertisement

2. Galaxy Z Flips 5G Website by DFY

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

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

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

3. Jambb Social Platform by Finna Wang

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

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

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

4. Memento Media by Masha Keyhani

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

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

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

5. Perfect Recipes App by Tubik

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

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

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

6. SAM App by Mike Wilson

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

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

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

7. Elmenus Case Study

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

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

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

8. LinkedIn Recruiter Tool by Evelynma

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

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

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

9. Turbofan Engine Diagnostics by Havana Nguyen

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

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

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

10. Databox by FireArt

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

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

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

11. Travel and Training by Nikitin Team

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

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

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

12. Carna by Ozmo

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

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

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

13. An Approach to Digitization in Education by Moritz Oesterlau

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

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

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

14. In-class Review Game by Elizabeth Lin

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

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

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

15. Virtual Makeup Studio by Zara Dei

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

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

In Conclusion

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

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

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

Video Recap

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

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

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

Popular Posts

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

Subscribe for our newsletter

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

7 Great UX Presentations on Slideshare

Slideshare is one of the world’s largest professional content sharing community. So it’s safe to say it’s a great place to go for presentations on any topic.

We’ve collected 7 great UX presentations from slideshare that we think do a great job explaining and illustrating UX definitions, processes, guidelines and more.

1. What is UX?  by David Carr 

Looking for a simple way to understand what UX is with real-life examples? Then look no further, learn about UX briefs and their elements, followed by UX Process examples and wireframes.

2. Content UI Design Usability User  by Jayan Narayanan  

This slideshare busts UX and UI myths, breaks down the elements of UX and explores what UI is, followed with new trends and disciplines for UX design.

3. UX 101: A quick & dirty introduction to user experience strategy & design  by Morgan McKeagney  

An excellent introduction to understanding what UX is, followed by it’s elements and processes. Overall great coverage to learn how to approach UX.

4. UI/UX Design  by Sumit Singh

If you’re interested in pursuing a career in UI Design, this is the perfect slideshare for you. It asks and answers questions with thorough examples to help set you on the right path in making your career choice.

5. Simple Steps to Great UX/UI by Koombea

Breaking down the difference between UX and UI, this slideshare explains the importance in both as well as design tools to use to create amazing products.

6. Usable Psychology for UX/UI Designers  by Maor Shabbat

No UX is complete without taking into consideration users behaviour. Understanding the psychology behind how users use your products sn one of the core foundations to designing great UX.

7. UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps  by UXBERT Labs  

A thorough presentation covering the basics of UX Design and how it’s implemented. Filled with guidance and examples on how to ensure delivering an excellent UX.

At UXBERT Labs we specialize in UX and Technology Innovation consulting to help businesses deliver world-class experiences. With offices in Dubai and Riyadh, our team of UX Researchers, Designers, and Developers deliver custom designed and built software to help businesses succeed.

Interested in working with us? Email us at [email protected]  and let us know your research, design or development needs.

Start typing and press Enter to search

Automated page speed optimizations for fast site performance

• Adobe XD CC

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 

Creative Fields

Graphic Design

Illustration

• free download
• presentation

No use is allowed without explicit permission from owner

Case Study Template

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.