ux case study presentation template

UX Case Study Presentation Template

What you'll get

Used by designers and teams from, product overview.

• Without a solid structure, presenting a UX case study can feel disjointed or scattered. Designers also often struggle to pinpoint the most impactful highlights of their work.
• Our UX Case Study Presentation Template captures all the important details. It gives you a clear guide to confidently show off your work, even in stressful situations like job interviews.
• Quickly set up your UX case studies and remove the repetitive work of creating new documents. This template organizes your content to tell a polished story that showcases your successes.
• Customize your presentation with preset elements for consistency. Use sections to define problems, identify insights, and propose solutions.
• A well-crafted UX case study presentation can help you land new opportunities. Turn your UX case studies into a powerful narrative that impresses clients and stakeholders.

How will it help me?

• Set up your document in seconds: Get everything you need in one straightforward template. There's no need to keep creating the same document for every new case study
• Organize content effortlessly: Sort all the information you need with pages neatly arranged
• Improve your workflow: Work smarter with a professional presentation that showcases your attention to detail
• Keep it all consistent: Build the presentation to fit your brand's identity. Customize your style with color schemes, typefaces, and more
• Template pages: Capture your UX case study in 22 pre-designed pages to guide your study ‍
• Presentation-ready slides: Present anytime with responsive slides and a 16:9 ratio
• Customizable style guide: Keep your presentations on-brand by customizing color schemes, fonts, and more
• Well-defined sections: Identify key information with sections for problems, insights, solutions, and conclusions
• Structured content: Essential elements for a strong presentation in a fuss-free, straightforward design
• Easy navigation: Form seamless narratives with content flow arranged logically

Requirements

• A basic understanding of UX/UI design principles and Figma
• A desire to improve your case study presentations
• A laptop or desktop computer with steady internet access
• A Figma account (recommended)

Who is this product for?

Students & Junior Designers ‍

Kickstart your design career with a professional and well-organized template.

‍ Senior Designers

Highlight your design expertise by showcasing your work's depth and attention to detail.

Independent Freelancers ‍

Win over new clients and secure more projects with a polished, cohesive presentation.

Design Teams & Startups ‍

Showcase your team's achievements in a compelling and streamlined narrative.

What to expect from a Designership product

Frequently bought together.

Practical UX Research & Strategy

Figma Annotation Kit

Testimonials.

Variety matters. A wider selection of component variants to work with ensures a broader audience gets the best possible experience. That’s why Shipfaster UI 2.5 is packed with new components, even more variants, and refined states.

• Updated icon set in the latest heroicon
• New "labels" text style in typography foundation to differentiate from paragraphs and headings
• More grid layouts for a responsive guide to sidebar grids
• More sizes and enhanced colors for Focused rings
• New flag resource with complete country names and ISO
• Added updated social and media logo icons
• New pie chart components
• New chip components
• New video player components
• More variant styles and enhanced states for accordions
• More variant styles for badges
• More variant styles and enhanced states for breadcrumbs
• New icon, social, and social group components for buttons
• New organizational components and templates for data display
• New and specific date and time picker with more variants
• More variant styles and enhanced states for file uploads
• More variant styles and enhanced states for form control
• More variant styles and enhanced states for inline alerts
• Enhanced states, layout and component properties for input fields
• More variant styles and enhanced states for loaders
• More variant styles and enhanced states for progress bars
• Marketing pages samples now have all responsive views from desktop to mobile

Shipfaster UI v.2.5 is updated just for you. We aim to bring you an elevated design experience with regular design system updates. Be the first to know about the latest news and changes to Shipfaster UI by subscribing to our newsletter.

Meet Shipfaster UI v2.6: Your new and improved design UI kit! 🚀 We've upgraded our components and added user-friendly variants to simplify your design process. Get ready for clearer labels, more dynamic states, and a sleeker interface. Plus, we've fixed the small issues and made finding icons a breeze.

Shipfaster UI v2.6 is all about making your design work faster and easier. Speed up your workflow—see the changes below.

• Improvement and configuration of all the main components
• Refined semantic naming and dynamic states
• New & improved variants for:
• Progress Step and Progress Bar
• Input Fields
• A new set of icons for File Formats
• Improved semantic naming and states
• New header variants in the marketing samples
• Modified neutrals for better contrast and compatibility with our main primary color
• Improved Video Player component
• Fixed missing component properties and variants
• Descriptions and tags for easier searching of icons
• New and refined visuals for marketing sections
• Off-site component documentation

Shipfaster UI v.2.6 is updated just for you. We aim to bring you an elevated design experience with regular design system updates. Be the first to know about the latest news and changes to Shipfaster UI by subscribing to our newsletter.

We realised there was a small issue with some members not being able to load all the images in the design file. What we have learnt is that Figma is a browser-based app which means it’s subjected to a 2GB available memory limit that applies to each browser tab, including those in the desktop app. When loading or editing Figma files nears or or exceeds this memory limit, it can cause performance issues like long load times, crashes and others. Please keep in mind when using our design system, to limit the number of browser tabs you have opened.

• Updated file thumbnails.
• Moved checkboxes, radio buttons and toggles into a new section called Form Controls.
• Compressed all JPG images in the file to reduce file size.
• Members that raised images not loading have confirmed this has solved their issues.

A few members reported seeing ‘3 missing libraries’ upon importing the design system.

• Fixed mission libraries issue.

Figma made some major updates to their platform in May 2022. This included component properties, a re-designed Autolayout, dark mode and much more. In v.2.3 of Shipfaster UI, we have decided to introduce a number of updates that have helped improve the kit’s performance and it’s relevancy with the latest updates.

• Removed .styled components to improve the performance of our design system.
• Updated all components with the new component properties and Autolayout feature.
• Updated all templates with the revised components.
• Migrated our icon system from ‘component variants’ to individual components, to allow for an improved toggling experience.
• Added tablet and mobile versions for all templates.
• Provided pre-designed templates for quick use.
• Included a Shipfaster Starter template for anyone that wants to use a lighter version of our design system.

With Shipfaster 2.4, we’ve focused on adding new styles and components in the Foundation section. There are new secondary color ranges, graphic elements and an all new featured Mockup page to supercharge the way you present your designs. We’ve fine-tuned every detail in v.2.4 of Shipfaster UI to help elevate your designs and keep up with the latest trends in the industry.

• 10 new linear palette gradient options
• 10 new mesh gradient palette options
• Enhance Shadows to complement UI designs with natural-looking shadows
• New blurred option (XXL) for Blurs
• New 3D graphic elements to enhance your designs visuals
• New divider lines to create spaces and sections in your designs
• An all-new dedicated Mockup page which includes:
• Credit card
• iPhone 14 Pro
• Screen Mock Up
• iPad landscape & portrait
• Macbook Pro
• New avatar components including:
• Integrated avatar icons with indicator for badges, status, and notifications
• Shape variant for the master component to easily switch up avatar shape
• New breadcrumb variants with updated indicators
• Updated designed marketing sections and pages with all new mock-ups and avatars, new secondary color palette (with over 12 color ranges) for more color options

Today we’re excited to announce the launch of our Shipfaster UI - A Figma Design System 2.0 🎉 This is our first major upgrade and overhaul to our design system.

• 150+ new global design styles.
• 2,800+ new media assets.
• 6,000+ components and variants.
• 140+ template examples.
• Written instructions for every key component.
• Master components provided with all primary components.

Frequently asked questions (FAQs)

What's the ux case study presentation template for.

The UX Case Study Presentation Template from Designership is a template that helps designers explain their work clearly and confidently in job interviews or meetings. It guides you to organize your design steps, choices, and results in an engaging way.

Is the UX Design Case Study Template free?

Yes, this is a premium template that Designership provides to help you give your project presentations a professional and consistent look.

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

Absolutely. You can easily customize the UX Case Study Template to match your own brand, including your colors, fonts, and style, to make it truly yours.

How many sections does the UX Case Study Presentation Template have?

Our UX Case Study Presentation Template comes with organized sections to define problems, insights, solutions, and conclusions. This is so that you don't miss any key details in your presentations. It has everything need to cover every part of your case study.

Can I use the UX Case Study Template in Figma?

Yes, this template works in Figma.

How will the template help organize my case study?

The template gives you a clear outline to follow. It guides you through each step of your case study, from the challenges and solutions to the methods you used and the results you achieved. That way, you tell a clear story of your project.

What sets this UX Case Study Template apart from other templates found online?

Our UX Case Study Template is crafted to help you tell the story of your project in a compelling way. It's designed for easy customization, thanks to expert input from Michael Wong (Mizko).

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

It's best to use this template in Figma to get the most out of its features, but it's also made to be flexible enough for use with other design tools.

How can I learn UX Research?

A quick Google or Youtube search can teach the theory behind UX research. But if you want to apply what you learn in the workplace, take our Practical UX Research & Strategy Course. Learn how to apply tactical UX research strategy to your designs and make better-informed decisions. This course takes you through the entire UX research process, from planning your research strategy to getting insights from participants and presenting data-backed design solutions. By the end of the course, you'll be able to deliver business-driven designs and gain the confidence of stakeholders and clients with actionable insights and clear strategies.

Start designing today!

Enter your email address to receive the resource file.

Master highly-demanded skills in hours not weeks

Ultimate Figma Mastery

Ux research & strategy.

UX/UI Design Course

Fast-track your design process.

Shipfaster UI: Figma UI Kit & Design System

Join our newsletter

Get 10% off on your first purchase

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

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

The Ultimate UX Case Study Template

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

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

About UX case studies in general:

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

What are UX case studies?

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

How are they different from UX portfolios?

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

How are they different from resumés?

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

How many case studies should be in a portfolio?

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

What to feature in your UX case studies?

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

The story of your design

Design decisions, visuals with explanations.

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

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

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

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

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

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

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

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

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

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

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

How long should be a case study?

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

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

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

What’s the point of UX case studies?

1. applied designer skills.

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

2. Presentation skills

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

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

3. The impact of your design

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

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

4. Navigating in a team

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

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

5. Showcase of your taste

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

A simple yet effective UX case study template

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

UX case study template/skeleton:

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

1. Hero section

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

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

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

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

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

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

2. Project overview

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

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

3. Exploration/discovery

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

• Competitive analysis,
• Interviews, and

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

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

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

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

4. UX design process

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

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

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

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

5. Final design

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

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

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

• 2-3 short paragraphs.

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

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

6. Learnings

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

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

Alternate UX case study templates

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

UI focused case study template

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

Here’s how that template would go:

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

Impact driven case study template

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

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

Build your UX case studies with UXfolio!

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

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.

Newly Launched - AI Presentation Maker

Researched by Consultants from Top-Tier Management Companies

AI PPT Maker

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

• -3 more templates
• No results for

UX Case Study

4 templates

About this template

The UX Case Study Presentation template is ideal for those who want to effectively showcase their creative achievements and attract the attention of potential clients or companies. This template helps you create a professional presentation that impresses and leaves a lasting impression.

• Design Portfolio
• Website Building

About this creator

• Email the creator
• behance.net/Kotelevets?log_shim_removal=1
• dribbble.com/kotelevets-alex
• instagram.com/oleksandr_kotelevets

More by Olex. Kot

Features list / Backlog

RICE & ICE Frameworks Guide

The Strategic Workshop

More like this

UX Case Study Blueprint

UX Design Case Study

Joelle Phua

UX Design Portfolio | with case study template & tips

Jhanvi Bhatia

Related content

Bring live links into your Notion workspace with link previews

Featured in.

UX Case Study Presentation Template

It is so important to understand how to structure and present your UX case studies to potential employers and clients. This free UX case study presentation template compliments our video on How to Present a UX Case Study in a Job Interview by Michael Wong from The Designership.

Preview our free UX case study presentation template:

⚡️ Preview UX Case Study Presentation Template ⚡️

What is included in this UX Case Study Presentation Template?

22 pre-designed slides for you to quickly edit and modify to make your own.

All slides are responsive and designed with 16:9 ratio.

Style guide is provided to help you re-theme the slides quickly.

Any questions?

Something else? Chat to our friendly team via [email protected]

Style guide

No. of slides, aspect ratio.

Table of Contents 💡

Home - UX Portfolio - Tips on presenting your UX case study

Tips on presenting your UX case study

Imagine this. You’ve made it through the first job interview. You’re now asked for a second round interview to show your work. But how do you prepare? And what do you need to keep in mind? Here’s how to present a UX case study during a job interview.

• Updated on August 26, 2024

This article will teach you how to present your UX case study during a job interview. If you follow along, you’ll increase your chances of getting invited to the next round.

We’ll talk about the basics, such as attending the meeting on time, and more advanced tactics, like how you structure your presentation.

I’ve based the following tips on presenting my  UX portfolio  to multiple potential clients for almost a decade and the  UX mentorships I’ve hosted for aspiring designers. In other words, these tips are based on real-world experience.

Table of Contents

How to present a ux case study.

The most important part of an excellent  UX case study  presentation is showing you can solve a business challenge. To be more specific, you have to be able to solve your potential employer’s business challenge.

Even though your primary goal as a UX designer is to be there for the user, you must remember you’re going to work somewhere to help a business make money.

If you only talk about users during your case study presentation and forget to mention how you can help your potential employer grow a business, you’re likely to miss out.

Then, there are several  basic job interview rules  to consider. Let’s discuss those first.

Presentation basics

These basics are essential. People expect you to follow them. Because of that, doing so will not get you any bonus points. However, failing to follow the basics will leave a bad taste during your interview. Make sure you check the following basics off of your list.

• Arrive on time.
• Dress appropriately (mostly in person).
• Stable internet connection (remote only).
• Position yourself in the middle of your frame (remote only).
• Make sure you’re able to focus without disturbance (remote only).
• Make sure your camera and mic are working correctly (remote only).

Picking the right case study

At some point during your interview, the interviewer will ask you to present your work. This means you have control over the case study you decide to present. And that’s a good thing.

In my experience, there’s always a case study you prefer over your other case studies. Creating that one  UX case study  has been easier, more recent, or more fun than your other projects.

So make sure you’re ready to pick one of your case studies on the spot if asked to. Pick the one you’re most comfortable with, but also one that aligns with the things your future employer is looking for.

Start with a case study summary

Once you’re asked to present your UX portfolio, most people start to explain their case study from start to finish. Try to stay away from doing that. 

First of all, you’ll likely lose your audience’s attention because an ‘and then I did this…’ story isn’t nice to listen to. You’ll also put yourself in a position to receive challenging questions because you gave away all the easy answers during your presentation.

Instead, give a summary first. Here’s what to include.

• The business challenge, your role, and what you were asked to do.
• What your main deliverable was. 
• The results of your project and deliverables.

Here’s an example of what your UX case study summary might look like.

The example from the image above is a very specific summary. Presenting this case study summary first allows your audience to ask questions. Because you keep a lot of information to yourself, you’re likely to get questions about that same information. You can answer these questions with ease.

If you had presented every detail of your case study, you’re more likely to get questions you can’t answer.

Answering case study questions

After presenting your UX case study summary, it is time to answer questions. As I said, you leave room for questions on purpose to have more control over the questions you get.

My main advice is to be honest when you don’t have an answer to one of the questions. I’ve seen many designers desperately try to answer every question. However, the people listening to your presentation will notice this.

Instead, be honest when you’re not sure. Let your audience know you’re willing to learn or redirect the question by asking what they think or what the company expects you to do.

That way, you show you know what you can improve and that you’re willing to have a good talk about it. That’s way more valuable than being someone who pretends to know everything.

Frequently asked questions

With the above structure, presenting your UX case study during a job interview should go much better. However, there are still some questions to answer. I’ve collected several in the list below.

How long should a UX case study presentation be?

The length of your case study presentation depends on the structure of the interview. In almost all cases, that’s up to the hiring company. It is common for an interview to take between 30 and 60 minutes.

However, your UX case study presentation can be shorter than that. Those 30 or 60 minutes will likely include the introduction, asking questions, and discussing the next steps. That leaves between 15 and 30 minutes for the actual case study presentation.

How many slides are in a UX case study presentation?

The number of slides in your UX case study can vary between 5 and 15. Less than that would mean you don’t include the basics like the cover page, challenge, things you’ve done during the project, and your results.

However, when you go over 15 slides, you risk losing your audience’s attention. Be strict in the number of slides you include!

What should a UX presentation include?

Your presentation should include at least the main building blocks of your project. These include the business problem you’re solving, what the client has asked you to do, what you actually did, and the impact of your work.

Make your case study presentation very visual with mockups, photos of you working on the project, and a user testimonial from your tests. Before and after images also help you tell a better story.

UX Case Study (Course + Template)

I’ll walk you through the steps of creating a case study based on my 10 years of experience in UX.

• Video course and template.
• Includes real-world examples.
• Get personal feedback.

Case studies are what make up most of your UX portfolio. Therefore, being able to present them is a crucial skill you need to have when you want to  get hired in UX .

These crucial steps will increase your chances of reaching the next round.

• Get the basics right. Make sure you’re on time, in a place where you can focus, and with a stable internet connection.
• Start with a summary of your case study to leave room for questions you can answer.
• Accept the fact that you can’t answer everything. It is better to acknowledge that than to try and desperately answer every question you get.

About the author

Hi! I'm Nick Groeneveld , a senior designer from the Netherlands with experience in UX, visual design, and research. I'm a UX coach that supports other designers and have completed design projects in finance, tech, and the public sector.

☎️ Book a 1:1 mentor meeting or let's connect on LinkedIn and Twitter .

(Course) Learn how to create a UX case study within a day

Learn how to get hired in UX without sending hundreds of job applications.

Get actionable tips from the UX Career Track to help you get hired and build a career in UX.

We respect your privacy. Unsubscribe at any time.

Video course + template

How to create a UX case study within a day

Our resources 💡

Community, books, guides, mentorship, and more

The designer's toolbox.

The Designer’s Toolbox helps you get hired in UX and UI Design. We’re your collection of design community, tips, tricks, and best practices.

About The Designer’s Toolbox

Getting started with UX

UX Equipment

UX Design Tools

Build your UX portfolio

Get a job in UX

For brands and companies

Work with us

UX Case Study Course

The UX Jobs Handbook

All resources

© 2024 All rights Reserved by the Designer's Toolbox

Privacy policy

UX Design Mastery

Get started with a career in UX Design

UX Portfolio Case Study template (plus examples from successful hires)

Your portfolio is the most critical piece of the puzzle when it comes to selling your design skills to recruiters and clients. It’s the single most vital component of any design career move you will ever make.

A UX case study is a detailed but summarized presentation of a design project, its goals and objectives, the research methods used, the process to find a solution and the results achieved.

I hope to share with you a UX portfolio Case Study template for making your portfolio simpler and less overwhelming with the aim of getting you a job interview and potentially a higher paying job. I happen to have stumbled upon it through trial and error but it has resulted in me being headhunted for my last three Senior roles in UX at two agencies and a product company.

But first let’s start at the beginning.   When I was trying to design my portfolio, I used to spend countless hours digging up relevant work from past projects, downloading a ton of device mockups, and implementing every tactic from articles on portfolios that you can find.

The problem with that was it had been months and I was still not done. Every little inspiration I found, seemed to demand a new version. I also was not getting any interviews for the job I had applied for.

How long should a portfolio case study be? What should I include? I felt stuck and overwhelmed by every single detail.

The worst part was, I was not even sure if what I had was good enough to get an interview, let alone a job.

That queasy, gut-twisting anxiety in the pit of your stomach won’t go away no matter how much you tweak your portfolio.

By spending time studying other design portfolios of not just every designer but successful hires, I was finally able to come up with a system that covered what recruiters actually wanted to see.

Why the structure of a case study is important

Recruiters spend a short amount of time on each candidate’s portfolio, scanning for information in the case studies that relates to the role’s skills and responsibilities.

To stress how each important your case study detail and layout is, let’s look at how two recruiter personas who have different business needs might look at the information provided in a designer’s case study.

Recruiter 1

CEO Works at small mobile app company, limited staff. Results orientated, only has 5 minutes to look through a portfolio. Looking for a freelancer/part-time designer.

A quick view of a candidate’s case study should answer: – Is their work relevant to what we do? – How much work did they do on a project – Can they work unsupervised?  – Have they seen a project through to launch?

Recruiter 2

Creative Director Looking for a full-time designer Works for a large agency.  Leads and supervises the design team. Process orientated, has time for a detailed case study.

A quick view of a candidate’s case study should answer   – Is their work relevant to what we do? – Is this their most recent work and skills level  – Do they understand what problem they were solving (big-picture thinking) -Did the solution solve the problem they sort out to address

These two recruiters require different forms of information and detail from your case study. It is up to you to make sure the case studies you create cover what they are looking for in order to land interviews.

Don’t just put a portfolio case study together and hope it will be good enough.

The secret to a portfolio case study that can get you an interview and explode your career opportunities lies in a creation process that is aligned with your audience’s needs.

That’s why I want to share with you this UX Portfolio Case Study template from UX Design Mastery . It is based on over 60 portfolios of successful design hires from Facebook, Amazon, Uber, Twitter, Apple, Google, LinkedIn, Dropbox and the insights of top design recruiters.

How do you write a UX case study

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

This template is meant to help outline all the text that is going to be in your case study that recruiters/clients are looking for.

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

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

UX Portfolio Case Study template

• Project Title & Subtitle (A headline and subtitle that indicates the name and goal of the project)

Client/Company/Project type

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

Let’s look at these sections in detail, roughly how long each one should be and share some real life examples from successful hires.

Project title & subtitle.

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

A short concise headline that couples the name of the brand/application/client and goal of the project. A lot of designers tend to rush the naming of their project but it is crucial in capturing the attention of its reader. It is the first thing a recruiter is going to read to decide whether or not to carry on reading your UX case study. Make sure it is clear, understandable, and does not use technical jargon. The subtitle is optional but a great way to build more context around the Project title.

Length:1 line

Unless stated in the title, this helps build more background to who the project was for. If the project was not a commercial project for a client or brand, this is where you can state that it was a conceptual project, a design challenge, or a practice project.

Project date/duration

When or how long the project was helps the recruiter establish whether this is your most recent work and most importantly, to gauge where your skill level is. Always try to put up work that is recent because it’s an accurate reflection of your skills.

Length:1–2 lines

This is a section to state everything you did and were responsible for. Recruiters are looking to accurately assess your skills in the context of the entire project’s execution. Did you work with a team, did you work unsupervised to create the project deliverables. Recruiters can make an informed decision about whether you will need help on the job or hit the ground running.

Project Summary

Length: 1–2 paragraphs

This is a critical section for any reader who does not have a lot of time to read through the entire case study but wants a brief summary of the project, goals, and results. They may be going through a stack of applications and only have a few minutes to scan over one or two projects in your portfolio. Usually the first two. If nothing stands out or if the work is unclear then they will quickly move on.

That covers the introductory part of your case study. Now we get to the body of the case study.

The Challenge/Problem

Length: 2–3 paragraphs

This section specifically looks at the problems the project is trying to address. What are the business requirements, user needs, pain points that the project solves? Who are the end-users and core target market? What platforms was the project for and where there any technical constraints or business KPIs you had to keep in mind?

The Solution

Length: As long as needed

This section is going to be the longest as it showcases how the project goals where achieved. Firstly, outline the design process steps and methods followed during the project outlines the layout of this section. Show your overall project steps, why you chose the methods you used, Recruiters want to see all the relevant design artifacts that you produced from sketches to visual mockups to prototypes.

Here are some examples for showing the overall process:

Other deliverables that you can show:

• Interview notes
• Usability tests results
• Whiteboards

Length: 1 paragraph

The critical last section concludes the case study by outlining any project success metrics that were achieved, awards that were won. In the case of a project that is not live, reflections and the project’s next steps are sufficient to round up the case study. Try to share any lessons that you learned to demonstrate you are invested in both the project’s life cycle and your career development.

What you can do next

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

Calvin Pedzai

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

Related Articles

UX Case Study Example #2 plus free template

In Getting started

UX Case Study Example #1 plus free template

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

Leave a reply cancel reply.

You must be logged in to post a comment.

• Case Studies

UX Case Study Template

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

Edit this template with our  document creator !

Template Specifications

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

Customizable

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

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

Compatibility

Related tags.

• case studies

More like this

SaaS Marketing Case Study

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

Real Estate Case Study

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

Financial Case Study

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

B2B Case Study

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

Social Media Case Study

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

Psychology Case Study

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

Patagonia Case Study

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

Neutrogena Case Study

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

NVISIONCenters Case Study

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

College For Adult Learning Training Organization Case Study

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

Fuji Xerox Australia Business Equipment Case Study

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

Adobe Case Study

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

Bit.ly Case Study

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

Think With Google Case Study

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

Design Case Study

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

Search Marketing Case Study

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

Case Study Templates by Visme

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

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

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

Create Your Case Study Now