11 Inspiring UX Case Studies That Every Designer Should Study

Gene Kamenez

A UX case study is a sort of detailed overview of a designer's work. They are often part of a UX designer's portfolio and showcase the designer's skill in managing tasks and problems. From a recruiter's perspective, such a UX portfolio shows the skill, insights, knowledge, and talent of the designer.

Therefore, UX case studies play an important role in the recruitment and demand for designers.

What Makes a Powerful Case Study

Building a UX case study includes showing the design process through compelling stories. They will use plain language to demonstrate how they handled key design issues, offering a comprehensive view of their process. Well done case studies often include:

  • A  problem statement and solutions with real applications.
  • Relevant numbers, data, or testimonials to demonstrate the work and efforts.
  • A story that directly connects the problem to the solution.

Any competent UX professional will know that creating a stunning UX case study is about the little details.

11 Best UX Case Studies for Designers

The best way to understand what a good case study looks like is to go over other examples. Each of these UX case study examples shows a designer's insights, basic skills, and other designers' lessons learned through their experience.

1. Promo.com web editor

A case study of a video-creation platform

For this video-creation platform , UX designer Sascha was brought on to revamp v2.0, adding new features that could work alongside the existing UX design. The point was to work on interface details that would help create a user friendly platform, and that users could find simple enough to use.

User personas mapped by the UX designer revealed the most common confusion to be the process of inserting particular features into the video, such as subtitles. The designer's goal, therefore, was to create a platform with improved editor controls.

The designer then used a common text-editor layout to include top and side navigation bars that made it easy to access and implement text editing.

Key Learnings from Promo.com

This case study focuses on addressing a particular problem that customers were currently facing. Its main theme is to show a problem, and how the product designer addressed this problem. Its strength points include:

  • clearly highlighting the problem (i.e. inaccessible and limited video-text editor options)
  • conduction research to understand the nature of the problem and the kind of solutions customers want
  • implementing research insights into the redesign to create a platform that actively served customer needs

2. Productivity tracker app

A case study of a productivity tracker app

The main concept behind this UX case study is to address a pre-existing problem through the design of the app. Immediately from the start, the study highlights a common pain point among users: that of a lack of productivity due to device usage.

This UX case study example addressed some of the main problems within existing productivity apps included:a poor UI and UX that made navigation difficult

  • a poorly-built information architecture
  • limited functions on the mobile application

Key Learnings from the Productivity app case study

The case study highlights the simple design process that was then used to build the app. Wireframes were created, a moldboard developed, and finally, individual pages of the app were designed in line with the initial goals.

3. Postmates Unlimited

A case study of a food delivery app

This case study clearly identifies the improvements made to the Postmates app in a simple overview before jumping into greater detail. The redesign goal, which it achieved, was to improve the experience and other interface details of the app.

The problems identified included:

  • usability that led to high support ticket volume.
  • technical app infrastructure issues that prevented scalability.
  • lack of efficient product management, such as batching orders.

A UX research course can help understand the kind of research needed for a case study. The app redesign involved bringing couriers in and running usability testing on improvements. The final model, therefore, had input from real users on what worked and what caused issues.

Key Learnings from Postmates

The Postmates redesign works as a great UX case study for the simple way it approaches problem-solving. Following an overview of the work, it addresses the problems faced by users of the app. It then establishes research processes and highlights how changes were made to reduce these issues.

4. TV Guide

A case study of a video streaming platform

Addressing the fragmentation of content across channels, this case study sought to redesign how people consume media. The key problems identified included:

  • the overabundance of content across various TV and streaming platforms
  • the difficulty in discovering and managing content across all platforms

To deliver on the key goals of content personalization, smart recommendations, and offering cross-platform content search, the design process included conducting interviews, surveys, and checking customer reviews.

The design of TV Guide enables users to get custom recommendations sourced from friends' and family's watchlists.

Key Learnings from TV Guide

Like previous UX design case studies, this one tackled the issue head-on. Describing the research process, it goes into detail regarding the approach used by the UX designers to create the app. It takes readers on a journey, from identifying pain points, to testing solutions, and implementing the final version.

5. The FlexBox Inspector

A case study of a CSS flexbox tool

Designer Victoria discusses how she developed the investigator tool for the Mozilla Firefox browser. Surveys into understanding the problems with the existing CSS Flexbox tool revealed a need for a user-friendly design. Interviews with a senior designer and other designers helped developers understand the features design-focused tools ought to have. A feature analysis revealed what most users look for in such tools.

The final result of the development process was a design that incorporated several new features, including:

  • a new layout
  • color-coded design
  • multiple entry points to make workflow management efficient

Key Learnings from the Flexbox

This UX design case study starts with a clear goal, then addresses multiple user needs. It clearly defines the design process behind each feature developed by the time, and the reasoning for including that feature. To give a complete picture, it also discusses why certain features or processes were excluded.

6. The Current State of Checkouts

A case study of e-commerce checkout pages

This Baymard UX design case study looks into the checkout process in over 70 e-commerce websites. Through competitive analysis, it isolates problem points in the UX design, which, if addressed, could improve the customer's checkout process.

The study found at least 31 common issues that were easily preventable. The study was designed and conducted on a large scale, over 12 years, to incorporate changing design patterns into the review.

Recommendations based on findings include:

  • prominent guest checkout option
  • simple password requirements
  • specific delivery period
  • price comparison tool for shipping vs store pickup

Key Learnings from Checkout Case Study

Each identified issue is backed up by data and research to highlight its importance. Further research backs up each recommendation made within the case study, with usability testing to support the idea. As far as UX case studies go, this one provides practical insight into an existing, widely used e-commerce feature, and offers practical solutions.

7. New York Times App

A case study of a New York Times app

Using a creative illustration website, the designers proposed a landing page feature "Timely" that could counter the problems faced by the NYT app . Its major issues included too much irrelevant content, low usage, and undesirable coverage of content.

The goal behind Timely was to improve user incentives, build long-term loyalty, and encourage reading. Design mapping for the app covered:

  • identifying the problem
  • understanding audience needs
  • creating wireframes
  • designing and prototyping

The end result was an app that could help readers get notifications regarding news of interest at convenient moments (at breakfast, before bed). This encouraged interaction and improved readability with short-form articles.

Key Learnings from NYT App

The UX case study proposes a problem solution that works with an existing information architecture, instead adding custom graphics to the mobile app. It leads from a simple problem statement to discuss the project that could address these issues without changing was customers already loved.

A case study of the body activity monitoring app

UX case studies focused on redesign include the FitBit redesign, which started off by understanding personas and what users expect from a fitness tracker. Developing use cases and personas, Guerilla usability testing was employed to assess pain points.

These pain points were then ranked based on their importance to users and to app performance. They were addressed through:

  • Highlighting essential parts and features of the app
  • Changing easily missed icons to more recognizable icons
  • relabelling tracking options to guide users better to its usage

Key Learnings from Fitbit

While the case study maps user experiences and offers solutions, it does not begin with an intensive research-based approach. The prototype is successful in testing, but problem factors are not identified with research-based statistics, meaning key factors could have been ignored.

9. Rating System UX

a case study of a rating system

The designer behind the rating system UX redesign sought to solve issues with the 5-star rating system. Highlighted issues included:

  • the lack of subjective accuracy of a 5-point rating system
  • the issue of calculating the average of a zero-star rating
  • average ratings are misleading

Better alternatives include:

  • 5-star emoticon rating that relates the user experience
  • Like/dislike buttons that make approval/disapproval simple

The final design incorporated both these styles to make full use of the rating system.

Key Learnings from Rating System UX

The UX case study stemmed from insight into the limitations of the existing rating system. The new design addressed old issues and incorporated better efficiencies.

A case study for a content design system

The Intuit redesign was focused on making content readable, more engaging, and accessible. Looking into product personalization, the content was found to be lacking aesthetic value, as well as being hard to find. The goal was to create content that was easy to find, clear, and consistent.

The implemented solutions included:

  • increased readability with increased body text and header spacing
  • table of contents on the sidebar for easier navigation
  • visible and prominent search bar
  • illustrations and designs for pretty visuals

Key Learnings from Intuit

The Intuit case study approaches the problem from a practical point of view. It begins with isolating problems with the interface, in particular with the content. This is an example of a case study that breaks down problems into broader categories, and solves each problem with a practical solution.

A case study for a social plaform

This UX case study about a social platform tackles a commonly-faced problem from existing platforms. It addresses the issue of recognizing non-monetary user engagement, to help creators identify their user base.

The case study addresses the problem statement and establishes the design process (building wireframes and prototypes) as well as conducting user testing. The final result is to develop "Discover" pages, engaging layouts, and animated interactions to increase usability.

Key Learnings from Jambb

The study goes into detail regarding problem identification, then moves on to propose solutions that take into account the perspective of all stakeholders involved. It then explains why each design decision was made, and proves its efficacy through testing and prototyping.

Key Takeaways

Developing good UX case studies examples is as much about the details you include as the ones you leave out. Going over UX courses can give you a better understanding of what your case study should look like. A good case study should provide an overview of the problem, include numbers and statistics, and offer practical solutions that directly address the problem. The above-discussed UX case studies provide a good example of the dos and don'ts of a well-structured UX design case study that should be part of every UX portfolio .

Additional Resources

Check out these resources to learn more about UX case studies:

8 UX Case Studies to Read

UX Design Case Study

Frequently Asked Questions

Upskill your design team effectively.

Equip your design team with the best-in-class design training that sticks.

Do you know your design team skill level? Send them this quick test & see where their skills stand among 300K+ designers worldwide.

Level up your design career

Get step-by-step guide how to build or advance your UX design career.

Do you know your design skills level? Take a quick test & see where you stand among 300K+ designers worldwide.

Continue reading

Top 7 resources for ux/ui designers for meaningful design inspiration, how to write a ux case study in 10 steps, the impact of ux design on application success: exploring costs and trends, cookie settings 🍪.

  • Interactive UX learning for all levels
  • 20+ UX courses and career paths
  • Personalized learning & practice

Design-first companies are training their design teams. Are you?

  • Measure & identify team skill gaps
  • Tailor learning for your team’s needs
  • Unlock extensive learning library
  • Visualize team growth over time
  • Retain your designers
  • mindful design
  • student success
  • product design
  • ui/ux design
  • watch me work
  • design careers
  • design inspiration

10 Exceptional Product Design Portfolios with Case Study Breakdowns

After working with many designers throughout my own career and helping many more build their job-ready portfolios, there are a few designers that I keep coming back to for inspiration and some that are inspiring a new generation of UI/UX and Product Designers to enter the field.

I've chosen 10 of our favorite UI/UX and Product Designers—a colorful tapestry of digital product architects that have evolved from graphic designers, marketers, architects, engineers and everything in-between. Their unique backgrounds and journey bring something special to our industry and illustrate how we can all do more meaningful, interesting and impactful work:

There are 10 things in particular that make these 10 designers really stand out:

  • They have each honed their craft from the bottom up (whether having gone through a traditional academic program, an online course like DesignerUp , or being self-taught).
  • They are all at different stages of their careers (some newly minted and others seasoned veterans).
  • They continue to learn, grow, push the envelope, document and share their genuine experiences.
  • They each hail from a different background (and sometimes non-design industry) that informs who they are and what they work on as a designer.
  • Their evolution is apparent in their work.
  • They are passionate about the problems they solve and find joy in connecting with the users they serve.
  • They are transparent about their processes, thoughtful in their communication about it and not afraid to show what worked and what didn't.
  • They have focused portfolios that reveal their unique point of view as a designer.
  • They are a diverse group of designers from different cultural, gender and socio-economic backgrounds.
  • They have so much to teach us all about design and how to use it to express authenticity and to understand and help others do the same.

Homepage for Simon Pan's Portfolio

Case Study Format:   http://simonpan.com/work/uber/

  • The Challenge
  • Early Insights
  • Reframing the Problem
  • The Redesign
  • Design Strategy
“In a city as busy as San Francisco, over $1 million was wasted per week because of problematic pickups.”

Madeline Wukusick

Improving mentral health case study screen

Madeline is a graduate of our DesignerUp Product Design course. She was able to create an incredible portfolio working through our curriculum, blended with her background in graphic and data design that set her up for immediate success landing professional design roles.

Case Study Format:

  • The Observed Problem
  • The Research
  • In the Insights
  • The proposed How Might We Statements
  • Lean Canvas and Product Strategy
  • Business Requirements
  • The Solutions and MVP Features
  • Things that could be improved
"Thanks for helping me work through these iterations—it's been tremendously helpful! You have such a knack for fine-tuning and teasing out subtle themes that I hadn't noticed before. From these comments, I have a better sense of some of my growth areas to work on and ways in which to push myself. It also helped me realize that I am most interested in hybrid roles, or at least roles with a strong visual component. Really grateful to have discovered this course :-)" - Madeline

Humanize The Design writte on dark background

Not an Italian mobster; Johny Vino is an engineers' designer. I've been a long time admirer of his work every since his mind-blowing animations and micro-interactions arrested me mid Dribbble scroll many years ago. He is a thoughtful, meticulous designer that understands how to align user and business goals all while transmuting conventional interaction patterns into something that is altogether transcendent yet familiar.

Case Study Format: https://johnyvino.com/

Process, Goal and Task Oriented that varies with each project

  • What he worked on
  • What he aim to accomplish
  • Business Goals
  • Representation of complex data
  • Integration
Humans are not perfect. I like to apply 3 principles to ever product I design to help me focus on that. Fitt's Law, Mimicry, Aesthetic Usability Effect

Steph Parrott

Steph is a product designer based in Toronto. Currently working on Plantd and most recently at Square in San Francisco.

3 Portfolio project cards on white background

Case Study Format: https://www.stephparrott.com/plantd/

  • Roles and Process
  • App Overview
  • Feature proposal
  • Design to Development
  • Looking to the future and what's next
"As someone who hasn’t eaten meat in almost 20 years, I’m highly motivated to put in the work to find plant-based options, but for those starting to dabble, how can we except them to do the same?" - Steph

Go Cardless screenshot on white page

Tom is the co-founder of the community and event series Design Club , and an investor & advisor to Bricklane . He currently works  own clients, helping invent, design, and launch new ventures. Before that he held design leadership roles at fashion and fintech startups, and was as a senior designer at a global agency. Case Study Format: http://tom.pe/gc-dashboard.html

  • Summary of the problem space, challenges, project and contribution
  • Goal and Problem
  • Design Principles applied
  • Proposed solution and representation of dashboard and data
  • Design frameworks used
  • Future considerations
"The problem here is that by trying to create something for everyone, we risked helping no one. Avoiding the design equivelant of an identity crisis became a big focus of mine. I'd do this by finding ways to inject a point of view into the product. By knowing what it wasn't, as well as what it was." - Tom Petty

Want to create an incredible portfolio like these full of amazing case studies to get you hired? Enroll in our Product Design Course today!

PD-Enroll-Now-

Garett MacGillivray

Garett MacGillivray's Portfolio

Much like myself and other designers of a particular generation, Aussie/Canadian Garett MacGillivray has been around the block and through the evolution of graphic designer, web design, UI/UX Designers and now landed squarely as a full stack Product Designer.

Case Study Format: https://aucadian.com.au/project/goloop

  • Exploration and Ideation
  • Component Library
  • B2B product interface
I've had many labels throughout my career in the digital industry. It's safe to say that I enjoy crafting digital experiences.

Elise Fu's Portfolio

Elise is a Bay Area designer that jumped to the bay from NYU. She comes from an advertising and marketing background and has fine tuned her communication skills and processes vast knowledge of the tech and digital product industry has a whole having been on the broadcasting and marketing side of things.

Case Study Format: http://www.elisefu.com/work-komeeda/

  • Impact/Metrics
  • User testing
  • User research
  • Information Architecture
  • Implementation
  • Major Findings
  • Formal User Testing
I was driven to design because I felt excited and rewarding to learn about people’s goals and desires, help them solve problems and make their lives easier.

Latiesha Caston

Latisha is a User Experience Designer passionate about holistic, accessible, and inclusive design, based in Seattle.

White background with designer bio in black text

Case Study Format: https://www.latieshacaston.com/veggie-grill-online-ordering-experience

  • The Problem
  • The High-level Goal
  • The approach
  • Pain Points
  • Optimizing flow and improving architecture
  • Interaction model breakdown
  • Looking to the future
"Our high level goal was to design a holistic order-ahead experience that keeps the core of what we've built, while delivering on opportunities, addressing pain points, and setting the stage for the future." - Latisha

Karolis Kosas

best case study design

Having recently joined the amazing design team at Stripe as a Product designer, Karolis's portfolio is clean and minimal and his case studies really understand the mental model of the user, getting into their heads and revealing the friction points they are feeling and how he can insert a solution that improves on the experience with compromising the soul of the designer.

Case Study Format: http://karoliskosas.com/cinemaclub/

  • prototyping
  • Built the product from zero
Visual communication is a self-sufficient organism capable of adapting and evolving based on the input of multiple sources.Acting in such context, the designer is an initiator, establishing methods and boundaries for the system to establish itself as an independent entity.

Rohit Singh

best case study design

One of o ur very own graduates ! Rohit Singh is an up and coming product designer with a focus on helping early-stage startups and new businesses blossom.

Rohit outlines his process for creating an MVP for his digital product from scratch, which serves as a sort of physical and virtual library for the poorest class of India.

Case Study Format: https://work.khadush.in/booksite-an-online-physical-book-sharing-platform/

  • Inspiration
  • User Interviews
  • Lean Canvas
  • Visual Design
  • Final Words
I specialize in helping early stage startups validate their riskiest assumptions using leading design methods

After analyzing all of these case studies and working with 100s of designers in our product design course to get them ready for the job application process, we've created our own tried-and-true templates to make it easy for designers to replicate the successful format and structure of these top portfolios using Notion .

Each of these amazing portfolios tells the story of the product designer, their evolution, their process and shows what they bring to the world. But it's not easy doing what they do or knowing exactly how to show and tell who you are as designer. Having a solid design education and getting feedback from the design community is the best way to ensure that your work is up to par and being presented in a way the shows your skills and your worth.

Have a look at our partners' advice over at Pathrise on building a strong UX design portfolio .

The best design resources, in your inbox

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

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

© Copyright 2022 DesignerUp. All Rights Reserved.

You are using an outdated browser. Please upgrade your browser to improve your experience and security.

Material property, Rectangle, Font

Case Studies

Font

Inspiration

Start Building

Material property, Gesture, Font, Line

Developer Toos

Material property, Font

Collaboration

Material property, Product, Font

Design & Layout

Material property, White, Rectangle, Font

Interactions

Gesture, Rectangle, Font

SEO & Performance

Material property, Font

Integrations

Solutions ↘

Inspiration ↘

Use Cases ↘

Reimagine the boundaries of web creation with Vev's design tools.

Bring your design to life with Vev's animation and interaction suite.

Explore hosting solutions that blend in with your tech stack

Boost your SEO and performance metrics using Vev's robust toolkits.

Enhance your workflow with real-time multiplayer and comments.

Developer Tools

Take your code experience to new heights with Vev's developer tools.

Effortlessly connect your existing tech stack via integrations.

Discover how Vev can empower your business

Font

Publishers are using Vev to enhance their digital storytelling.

Automotive lighting, Motor vehicle, Car, Wheel, Hood, Tire, Grille

Agencies are using Vev to deliver powerful digital products to clients.

Organism, Font, Violet

Marketers are using Vev to create and scale unique content.

Set your imagination free with content that inspires

Amber, Gold, Orange, Font

View examples of digital content that has been created using Vev.

Violet

Discover how industry leaders are using Vev for success.

Material property, Azure, Font, Aqua, Table

Dive deeper into the world of creative no-code web content.

Create compelling visual editorials with scrollytelling.

Data visualization

Transform your raw data into captivating visual narratives.

Give your products the interactive online home they deserve.

10 Amazing Case Study Design Examples

March 16, 2023

Words by Jeff Cardello

Wondering how to grow your business? Our favorite case study design examples will definitely spark a few lightbulb moments.

For agencies, one of the most effective ways to communicate your technical expertise, problem-solving skills, and professional knowledge is to show how you’ve put this all into action in real-world examples of your work. For SaaS companies, case studies are your chance to share how your product provides value to successful customers and clients.

Case study designs should be as uniquely bold and creative as the services or products you offer. This is where no-code tools like Vev are invaluable. Using pre-coded design components, interactive case studies are easy to build and publish in as little as two hours. Let’s take a look at the basics of case study design and some stunning examples.

Why is Case Study Design Important?

Think of case studies as the chance to tell stories about how valuable your service or product is. It’s an opportunity to lead prospective clients and customers through a relatable use case, culminating in how you can help them meet— or even exceed—their goals. Case studies give freelancers and agencies the opportunity to demonstrate their skills, and SaaS companies the chance to showcase their product for various use cases. Case studies are proof of the value of your work or product.

As a reflection of your expertise and creative prowess, you’ll want to think careful about your case study design. Good design doesn’t only make for a visually engaging piece of content; it enhances the functionality and can help support your authority. You’ll find that the best case study design examples will have a few things in common:

  • They are visually captivating . All good case study designs will include a combination of photo, video, and illustrations or charts to tell a story of their clients’ success. Rather than just relying on text, these visual aids back-up any claims being made as well as visually capturing the attention of readers.
  • They are laser focused. With case study design, there’s no room for filler. Copy is clear and concise, offering explanations about the customer’s goals, as well as the tools, techniques, and skills used to achieve these. You’ll notice most case studies follow a fool-proof structure: establish the client problem, present the solution, explore the benefits and value delivered.
  • They tell a story. Often, a chronology of the work process that takes people through what happened at each stage. Some case studies even use horizontal scrolling timelines to showcase this in a more imaginative way.
  • They hammer home ROI. case studies are full of data on how the project or product succeeded in meeting the client’s goals or objectives. From animated charts to number counters , this is another opportunity to make sure your design pops and draws attention to the core impact of your service or product.
  • They drive action. good case studies urge website visitors to take further actions, such as book a call or demo, get in touch, purchase your product, or book your services. These are usually included in the case study design as a button , brightly colored and prominent placed to grab attention and make next steps clear.

10 Case Study Design Examples

There are so many ways to put together a case study — and as a reflection of your brand, you’ll want to get creative with it. We’re going to take you through several case study design examples that manage to capture what went on behind the scenes in ways that is both informative and visually engaging.

Vev - Decimal

Giving real-world examples of how people use your products is a great way to demonstrate their value. We put together this case study on how Decimal uses Vev for interactive prototyping. As a creative agency that utilizes 3D animations and video in their web projects, it’s essential that clients grasp how complex interactivity will work up front. This case study focuses on how important Vev is for Decimal to explore and communicate interactivity internally and with clients in the early stages of a project.

Along with telling the story about how Decimal uses Vev, we also included plenty of action-packed visuals in the form of screen captures, animations, horizontal scrolling, and micro-interactions that make this a lively and engaging case study design.

DFY - Galaxy Z7 FLIP3 5G

Writing a case study lets you go in-depth into the strategy and reasoning that guided your work. In this case study DFY talks about what went into creating a website for the Galaxy Z Flip3 5G phone. It covers the marketing goals and the decisions DFY made for the visuals of this design that would show people why they should buy it.

DFY was tasked with creating a design that showed that the Galaxy Z Flip3 5G wasn’t a throwback to the clunky days of flip phones, but rather a sleek and modern reimagining. Much of this case study goes into the visuals and 360-view animations they created and how they were used to highlight this product’s main features. 

What’s impressive isn’t just the beautiful visuals they created for the Galaxy Z Flip3 5G website, but this case study itself. It echoes the same creative approach with a space full of brilliant effects and interactivity making it one of the most visually compelling case study design examples we’ve come across.

Publicis Norway - Burger King Spicy Whopper

Case study design examples can range from huge and expansive reads covering every bit of minutiae about a project, or they may provide just enough context and background in understanding what was behind it.

The Norwegian arm of international media and tech agency Publicis specializes in PR, marketing, and video production. This case study they made in Vev for the Burger King Spicy Whopper succeeds with minimal text, taking a highly visual approach. They let the video they made speak for itself, demonstrating to potential clients their creative skills with a video that captures the burger’s heat in a way that’s offbeat and ridiculous in just the right ways.

Orizon - LoveTheSales 

When discussing something like a rebrand, you want to explain why it was necessary, show what needed to be changed, and demonstrate how it succeeded. In this case study Orizon gives plenty of background into why the e-commerce website LoveTheSales wanted to change things up. There are numerous examples throughout of problem areas in terms of UI and UX, and what Orizon did to address these issues.

Orizon’s rebranding for LoveTheSales met its objectives, as demonstrated throughout this case study with metrics as well as quantitative insights showing the positive outcomes of Orizon’s work. With fade-in animations and a custom cursor, this colorful case study design example keeps readers scrolling to the end.

Colin Reitz - Marine Data Platform

If you’re a designer, writer, programmer, or in another type of creative field, having a portfolio website is essential in getting your work out there in front of prospective clients and employers. Case studies can be a big part of demonstrating your talents, skills, and knowledge. 

Colin Reitz is a designer with a multidisciplinary skill set that touches UI and UX design, strategy, and technology. In this case study made in Vev, he explains how he created the Marine Data Platform which is a collaborative and interactive web app that collects data gathered from oceanic sensors.

If it sounds like there are a dizzying number of moving parts to this application, you would be right, but Colin doesn’t let the complexities of this project get in the way. With an easy to follow layout and screenshots of the work he completed, it’s immediately easy to see how much work Colin put into the project. The use of image carousels even keeps the page short and relevant visuals grouped together. We love seeing case study design examples like Colin’s that distill a large amount of information in a way that is easy to understand and looks good.

Miracle Next - Prehistoric Chef

We love seeing case study design examples that not only highlight talents and expertise, but capture the creative sensibilities of those behind them. Miracle Next is a game development studio with a focus on 3D modeling. This case study for the game Prehistoric Chef has a nice balance between visuals that demonstrate their skills as artists, as well as text that gives a glimpse into their creative process.

Whether it’s the cast of prehistoric characters or the different types of food you’ll juggle in preparing the dishes that are a part of the gameplay, all of the artwork has a sense of consistency and personality. The rough drawings of the artwork are also a nice touch, showing how they transformed simple renderings into fully fleshed-out three-dimensional characters.

Dragonfly - Natural History Museum

Dragonfly worked with the National History Museum in producing a fun animated short about bugs aimed at kids. This case study showcases the storyboards, illustrations, character designs, and scriptwriting that went into creating it.

Case study design examples like this one aren’t only important in communicating the steps you took in completing a project, but serve an important marketing role. This case study shines due to its navigation. While it could be complicated in some instances to have multiple CTAs, Dragonfly makes sure that each section showcases a service they offer, linking readers directly from that section to the service they are most interested in. When you offer so much, this is a smart way to capture all prospective clients and make it easy for them to learn more about what they want to know, rather than overwhelming them with irrelevant information.

OH Partners - Arizona Lottery

In the advertising industry case studies are essential in showing how an agency’s work helps its clients in meeting their goals. Providing examples from successful marketing campaigns, along with numbers representing their positive results goes far in showing prospective clients the value of what advertising agencies do.

OH Partners , launched a campaign for the Arizona Lottery that went far in building awareness and excitement about it. They hired actor Jon Ennis, known for his work on Better Call Saul and Mr. Show as the bearded old-timey prospector, and produced several hilarious and weird spots.

This case study features images and videos from this marketing campaign, as well as data in the form of big and bold text showing how lottery sales went up, how social media likes increased, the dollar amounts of earned media, as well as numerous awards their work received.

Joy Pepper - Nextdoor

Nextdoor features stylized depictions of people from a diversity of backgrounds that add a sense of warmth and humanity to its website and app. Joy Pepper is the artist responsible for these amazing illustrations, and we love seeing case study design examples like this that go in-depth into the creative process.

Joy Pepper recounts her work in coming up with these illustrations in a case study full of wonderful details and sketches. From finding inspiration in real life, her first drawings, and the concept boards she put together, to the final versions of the icons and other artwork you get a glimpse into every step of her creative process.

Aucadian - GoLoop

It’s no secret that we’re fans of storytelling , and we love seeing case study design examples that take you along a journey from the initial spark of an idea to product launch.

GoLoop is a fleet management app, and this detailed case study begins with scribbles on a whiteboard and ends with screenshots of its sophisticated GPS-based app. From analyzing what problems it should solve and branding ideas to design elements like component libraries, typography style sheets, and color schemes this is a comprehensive look at everything that was involved in building this application.

Related articles

Website button design 101: tips, best practices and examples, prototyping in figma to live site: the vev shortcut, create your own compelling case studies with no-code.

Feeling inspired to create your own cutting-edge case study? Vev makes it easy to put one together so that you can broadcast your talents and products with the world. With a host of powerful tools, layout options, immersive effects, and animations all easy to access in Vev’s drag-and-drop interface, creating for the web has never been easier. Publish your creation anywhere when you’re done — including to your existing website.

Want More Inspo?

Get our monthly newsletter straight to your inbox. You can always unsubscribe at any time. Privacy Policy

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.

YouTube video player

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!

best case study design

5 Remarkable UX Design Case Studies (2024 Insights)

UX Design case studies

Prerna Bagree

The foundation of successful apps and platforms in the modern digital era is outstanding user experience (UX) design.

A product that just works or one that excites users and encourages engagement and loyalty can be distinguished by its well-designed user experience (UX).

best case study design

This article explores five outstanding UX design case studies that have revolutionized their respective industries.

This blog around UX design case studies illustrates how cutting-edge UX design can revolutionize user interactions and propel success in a variety of industries, including travel, music streaming, language learning, and educational apps.

Let’s learn the innovative design techniques and features with the help of UX case studies that will set these applications apart in 2024!

5 Remarkable UX Design Case Studies

A prime example of a UX design case study that exemplifies the union of elegant functionality and functionality is ProCreator’s ZebPay case study .

ProCreator was tasked with developing a platform that benefits both novice and experienced cryptocurrency traders, thus they improved ZebPay ‘s user interface to make it more approachable for a range of skill levels.

Zebpay- UX design case studies

A personalized quiz to customize user experiences, an easy-to-use navigation system, and a dark mode user interface to reduce eye strain and increase energy efficiency were all included in the redesign in recognition of the wide range of users.

In a user experience case study where clarity is crucial, rounded icons and the Lato typeface were deliberate decisions meant to minimize visual clutter and guarantee readability.

Furthermore, over 10,000 screens are supported by ProCreator’s integration of strong processes and an extensive design system, guaranteeing a smooth and uniform user experience.

ProCreator’s ZebPay has several cutting-edge features, such as

  • Real-Time Order Tracking, which gives users the ability to keep an eye on their transactions in real-time, improving control and transparency over their trading activity.
  • Personalized Portfolio Management: This feature allows users to create a portfolio that is specifically tailored to their own financial objectives and risk tolerance. It makes investing more personalized.
  • Strategic Trading Tools: Provides traders with sophisticated tools to aid in their decision-making, such as automated trading systems and predictive analytics.

ZebPay’s conversion to a user-centered platform demonstrates a deep comprehension of UX principles, making it a useful UX case study for companies hoping to improve their digital products in 2024.

The ProApp learn design is an example of how ProCreator may revolutionize educational technology through user-centric design, as this ProApp UX design case study goes into detail.

ProApp, which caters to younger learners, needed a design that was not only aesthetically pleasing but also user-friendly and simple to use in order to engage a tech-savvy audience that was used to high-end digital experiences.

ProApp - UX Design case studies

ProCreator addressed the fundamental requirements of excellent user experiences by selecting a dark mode color scheme with a calming blue as the main color to improve readability and visual comfort.

This decision was made after conducting extensive user research.

Among the cutting-edge functions incorporated into ProApp.

  • Dark Mode Colour Palette : This makes learning more comfortable by using a calming blue as the main color to improve readability and lessen eye strain.
  • Montserrat Typography: Selected for its contemporary and minimalist design, which helps young learners find the information readable and engaging.
  • Bite-Sized Learning Modules: Classes are divided into digestible chunks that correspond with the adaptable learning styles of contemporary users.
  • Sturdy Design System: Consists of more than 250 screens, guaranteeing a unified and cohesive user experience throughout the application, improving usability and user contentment.

Alongside this reorganization, a strong design system that spans more than 250 screens ensures coherence and uniformity across the app.

ProApp’s UX case study portfolio, created by ProCreator, demonstrates their methodical approach to developing captivating learning environments.

Ed Tech features ought to be incredibly useful, motivating, and thrilling for young students, and establish a new benchmark for Ed-Tech user experience design.

Spotify ’s UX design case study showcases how understanding user needs and integrating social features can transform an app.

Spotify’s goal is to help people listen to any music they want, anytime, anywhere, legally and accessibly.

Spotify has 574 million monthly active listeners as of 2024. Out of which 226 million are its premium subscribers.

Spotify - UX Design case studies

To enhance user engagement and app retention, Spotify focused on improving its social features.

Spotify’s UI/UX journey began with extensive user and market research.

This included analyzing demographics, market trends, and user experiences with Spotify’s social capabilities. Their findings led to several strategies to meet user needs.

  • Personalization & Recommendation: Features like “Discover Weekly” and “Release Radar” use user listening patterns to create tailored playlists, keeping users engaged and continually discovering new music.
  • Simplicity & Accessibility: Spotify’s straightforward interface and consistent design across platforms make it easy for users to navigate and enjoy the app. The accessibility factor is not a feature anymore, with an increase in the easy availability of the internet, it can come under examples of good user experience.
  • Engagement & Interactivity: A dark interface reduces eye strain, while a visually appealing design enhances the listening experience.
  • Combines listening preferences of two users, creating a unique playlist that reflects both users’ musical tastes. This feature enhances shared music experiences and introduces users to new tracks they might enjoy together.
  • Spotify Wrapped: A personalized year-in-review recap that highlights users’ top songs, artists, and genres from the past year. This engaging feature not only celebrates users’ music habits but also encourages sharing on social media, fostering a sense of community and nostalgia.
  • Collaborative Playlists : Allows users to create and share playlists with friends, making music discovery a social activity. Users can add, remove, and rearrange tracks collaboratively, turning playlist creation into a fun and interactive experience.
  • Spotify’s user-centered design highlights the importance of simplicity, personalization, and innovative features, making it a standout example of good user experience in the UX case study portfolio.

4. Duolingo: Gamifying Language Learning

The UX design case study from Duolingo demonstrates how gamification can completely transform user interaction with learning applications.

Since its 2011 launch, Duolingo has amassed over 500 million downloads and 40 million monthly users, making it the most downloaded educational app.

It succeeds by making language acquisition enjoyable and compulsive.

Duolingo - UX Design case studies

To keep users interested, Duolingo combines gamification and machine intelligence. The onboarding process for the app is efficient and fast, allowing users to begin their first lesson right away without having to sign up.

This strategy makes sure users see the app’s worth before downloading it.

Because it provides individualized and engaging learning experiences, the app stands out. Its curriculum consists of speaking, listening, and vocabulary activities backed by AI-driven suggestions.

Novel Qualities: 1. Lingots: A currency obtained in-game via a variety of activities that promotes constant use. 2 . Streaks: Increases retention by rewarding users for practicing every day. 3. Experience Points (XP) : Offers a feeling of advancement and accomplishment. 4. Leaderboards : Users are ranked, which encourages a competitive attitude. 5. Achievement Badges : Encourage users by recognizing their accomplishments.

A compelling case study for educational platform redesign, Duolingo’s integration of gamification and personalized learning showcases excellent user experience.

5. Airbnb: Revolutionizing Hospitality

An example of how a user-centered strategy can revolutionize an industry is Airbnb ‘s UX design case study.

When Airbnb was first established in 2008, its basic goal was to assist tourists in finding reasonably priced lodging while giving homeowners a way to make money off of their extra space.

Today, with a substantial market share in the vacation rental sector, Airbnb is a global community that links visitors with authentic experiences and local hosts.

Airbnb - UX Design case studies

The secret to Airbnb’s success is its emphasis on human-centered design, which prioritizes the requirements and preferences of both hosts and guests. This strategy has upended the conventional hotel paradigm by providing a variety of unique, customized, and real lodging options.

The user-friendly Airbnb platform makes it simple for customers to identify and book lodging by streamlining the booking and check-in procedures.

Innovative Features

  • User-Friendly Platform: Facilitates quick and simple bookings by streamlining the booking procedure.
  • Customisation & Personalisation: Provides a vast array of exclusive lodgings and experiences based on user preferences.
  • Community Building: By using user ratings and reviews, this platform promotes communication and trust.
  • Localization: Stresses the importance of remaining in residential areas to get a genuine sense of the culture.
  • Adaptability: To meet changing customer preferences, Airbnb consistently rolls out new features like Airbnb Plus and Airbnb Experiences. This feature for Airbnb would be one of the great examples of a good user experience.

Airbnb stands as a notable UX case study and an excellent example of strong user experience due to its emphasis on community development, personalization, and user experience.

Airbnb has transformed travel and hospitality by utilizing technology and human-centered design, setting a new benchmark for the sector.

The transformational impact of user-centered design across multiple industries is demonstrated by these five case studies of UX design. Each case study demonstrates how careful UX design can improve user satisfaction and business success.

These platforms have raised the bar for excellence by emphasizing user demands, streamlining interfaces, and adding cutting-edge capabilities.

These illustrations of excellent user experiences provide us with useful motivation as we develop products that connect with consumers and dominate the market.

Love our insights on UX design case studie s? Share your thoughts and suggest topics for future blogs in the comments! Need help with your website’s UX? Check out Procreator Design, the leading UI UX Design Agency . From HealthTech to AdTech , we’re here to elevate your digital presence!

1. How do you start a UX research case study?

Begin a UX research case study by identifying the problem, setting objectives, conducting user research, gathering data through interviews or surveys, and defining user personas to guide the design process.

Why are UX case studies important?

UX case studies showcase practical applications of design principles, demonstrate problem-solving skills, and provide insights into user-centered design processes, helping professionals learn and improve their own projects.

How to structure ux design case study?

Structure a UX design case study with these sections: Introduction, Problem Statement, Research Methods, Insights, Design Process, Solutions, Challenges, Results, and Conclusion. Include visuals and data to support each step.

Prerna Bagree

I’m Prerna Bagree, a self-assured Lead UI/UX Designer at ProCreator with a solid background in Product Quality Analysis. With over 4 years of experience, I specialize in UI/UX Design, Graphic Design, Project Management, and Usability Testing. My passion lies in crafting visually appealing designs and delivering exceptional user experiences through AI technologies. I’m committed to nurturing the next generation of designers, unlocking their potential through mentorship and cutting-edge technologies. My expertise includes AI in Design, User Experience, Data-Driven Design, Interface Design, and Design Leadership. Let’s collaborate to create impactful, intuitive design experiences that positively influence users’ lives.

Make your mark with Great UX

Related articles, best web design company in singapore: top 19 picks.

Prerna Bagree

11 Leading Design Agency in Singapore to Consider for 2024

Amogh Dalvi

How to Increase E-Commerce Sales: 12 Effective Strategies

New Case Study

How to Craft Onboarding Surveys Users Love: 5 Do’s and Don’ts

best case study design

Case studies

logo

Grammarly Onboarding

logo

The "almost" perfect trial conversion

logo

How small UI delighters have a huge impact on UX

Been onboarding

logo

One simple way Apple could improve your sleep habits

Apple sleep notification

logo

How to avoid (and repair) these 3 critical design blunders

Design Blunders

logo

Social Proof: Why people's behaviors affect our actions

Social Proof

logo

Adobe: The growing issue with “Free” trials UX

Adobe Trial UX

logo

Letterboxd: How to nail product market fit with clear Jobs‑To‑Be‑Done

Jobs-To-Be-Done

logo

Spotify Wrapped: 6 psychology principles that make it go viral every year

Spotify Wrapped

logo

The psychology of Temu’s casino‑like shopping UX

Temu Onboarding

logo

GoDaddy: How to improve checkout flows ethically

GoDaddy Checkout UX

logo

Framing Effect: Why context affects decisions

Framing effect

logo

The psychology behind highly effective landing pages

Landing page conversion

logo

Apple vs Meta Threads: The Illusion of Privacy

Apple privacy policy

logo

Beehiiv subscription: 5 small UX mistakes that make a BIG difference

Newsletter subscription

logo

Quiz: Find 4 psychology principles used in Shortform's offboarding

Offboarding Quiz

logo

The Search War: Bing AI Chat vs. Google

logo

The Psychology Behind Loom's Explosive Growth

Loom onboarding

logo

Episode 1: Can Bing's new AI search challenge Google? 

Bing onboarding

logo

Mental Models: Why expectations drive user behaviors

Mental Models

logo

Zeigarnik Effect: Why it's hard to leave things incomplete

Zeigarnik Effect

logo

Typeform: How to offboard users the right way

Typeform offboarding

logo

How to increase signup confirmation rates with Sniper Links

Email confirmation UX

logo

Labor Perception Bias: Why faster isn't always better

Labor perception bias

logo

Tech ethics: If cookie consent prompts were honest…

Cookie consent

logo

Amber Alert Redesign: 5 UX Improvements That Could Save Lives

Amber alerts UX

logo

Google: How to increase feature adoption the right way

Google feature adoption

logo

How Linkedin Increased Notification Opt-in Rates by 500%

Linkedin notifications

logo

The Psychology of Advertising: Why this ad made me stop scrolling

Advertising psychology

logo

The Ugly Truth About Net Promoter Score Surveys

Net promoter surveys

logo

The Psychology Behind Amazon's Purchase Experience

Amazon purchase UX

logo

One Simple Psychology Framework To Improve Your Onboarding

Blinkist onboarding

logo

How Blinkist Increased Trial Conversions by 23% (Ethically)

Trial paywall optimization

logo

YouTube’s Attempt To Solve The Paradox of Choice

Youtube retention

logo

Adobe: The Psychology of User Offboarding

Adobe offboarding

logo

Signal: How To Ethically Boost Your Revenues

Signal monetization

logo

Chrome vs Brave: How To Use Ethical Design To Win Customers

Brave onboarding

logo

The Psychology of Clubhouse’s User Retention (...and churn)

Clubhouse retention

logo

The Scary Future Of Instagram

Instagram monetization

logo

The Psychology of Misinformation on Facebook

Facebook misinformation

logo

The Psychology Behind TikTok's Addictive Feed

Tiktok feed psychology

logo

How To Properly Apply Jobs-To-Be-Done To User Onboarding

Headspace onboarding

logo

How To Notify Users Without Being Spammy

Lifecycle emails

logo

User Onboarding: Is HEY Email Worth It?

Hey onboarding

logo

7 Product Team Pitfalls You Should Avoid

Product team pitfalls

logo

How Tinder Converts 8% Of Singles Into Customers In Less Than 15min.

Tinder monetization

logo

Coronavirus Dashboard UX: How Design Impacts Your Perception

COVID dashboard UX

logo

How Morning Brew Grew To 1.5 Million Subs In 5 Years

Morning Brew retention

logo

Uber Eats: How To Ethically Use Scarcity To Increase Sales

Uber Eats retention

logo

Airbnb: How To Reduce Churn With Personalization

Airbnb personalization

logo

6 Ways Mario Kart Tour Triggers You Into Gambling Your Money

Mario Kart monetization

logo

Strava: 7 Strategies To Convert More Freemium Users

Strava monetization

logo

Tesla: How To Grow Through Word-of-Mouth

Tesla charging UX

logo

How Hopper Perfectly Nails Permission Requests UX

Hopper onboarding

logo

9 Ways To Boost SaaS Revenues With A Better Upgrade UX

Zapier monetization

logo

Superhuman's Secret 1-on-1 Onboarding Revealed

Superhuman onboarding

logo

Trello User Onboarding: 7 Tactics To Inspire You

Trello onboarding

logo

5 Deadly Onboarding Mistakes You Should Avoid

Sleepzy onboarding

logo

Duolingo's User Retention: 8 Tactics Tested On 300 Million Users

Duolingo retention

logo

Calm Referral Strategy: Drive Viral Growth With Simple Rewards

Calm referrals

logo

Spotify vs Apple: How Spotify is betting $230M on podcasts to win over Apple users (Ep. 2)

Spotify onboarding

logo

Spotify vs Apple: How Spotify is betting $230M on podcasts to win over Apple users (Ep. 1)

Spotify vs Apple

best case study design

A rapid desktop prototyping tool

best case study design

Top 22 Stunning UX Case Studies You Should Know in 2022

Table of contents, what is a ux case study.

  • 22 Best UX case study examp

How do you create a UX case study?

best case study design

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

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

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

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

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

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

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

UX Case Study Example

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

Perfect Recipe

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

GnO Well Being

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

Splitwiser

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

Deeplyapp.com

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 

Talent Envoy

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

My Car Parking

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

Parking Finder App

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

Pasióon dDel Cielo

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

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

Receipe App

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

Hobbfyy

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

Bee Better

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

Sit My Pet

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

Groad

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

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

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

best case study 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

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ée Website

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

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

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

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

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

Step  1.  Figure out your purpose

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

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

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

Step   2.   Plan or outline your case study

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

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

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

You might also want to add further sections:

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

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

Step 3.  Explain the design process clearly

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

best case study design

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

Step  4. Improve readability and visual appeal

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

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

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

Step   5. Summarize

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

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

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

Share it on:

best case study design

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

best case study design

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

Related articles View all blog posts

The ultimate guide of ux design process that you must know.

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

40 Best UX Designer Portfolio Examples for Your Inspiration

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

25 Best UX Podcasts for UX Designers: Inspiration for 2020

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

best case study design

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

best case study design

Get inspired by design stories

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

best case study design

Energy Telecommunications Legal Tech Cyber Security Retail B2B2C Mental Health Government Manufacturing Automotive Sustainability Technology Travel Social Media SaaS Fintech Gaming Healthtech Real Estate Food Edtech E-commerce Enterprise B2B B2C Media

Audit Heuristic Evaluation User Persona Infrastructure User Testing User Flow Workshop Accessibility Gamification Conversion Rate Optimisation Service Design Dashboard Onboarding Content Strategy Strategy Usability Testing Design System Information Architecture Wireframing Interaction Design Brand Identity Visual Design User Research Prototyping UI Design UX Design Web Design

AI AR/VR Wearables Voice UI Smart Homes Dedicated Screen Mobile Desktop

Portfolio Agency Medium

Increased sign-ups by 80%

Increased sign-ups by 80%

Filo News — Stories worth telling

Filo News — Stories worth telling

​Contractbook — Two-Factor Authentication

​Contractbook — Two-Factor Authentication

The Evolution Of Google Maps & Colour Picking Methodology

The Evolution Of Google Maps & Colour Picking Methodology

Avast Design Internship Case Study

Avast Design Internship Case Study

Knowledge Depot - ElleHacks Winner

Knowledge Depot - ElleHacks Winner

Product Card: a micro case study

Product Card: a micro case study

Redesigning the Office App Icons to Embrace a New World of Work

Redesigning the Office App Icons to Embrace a New World of Work

Amsterdam Watch Company Rolex's Don't Tick Tock

Amsterdam Watch Company Rolex's Don't Tick Tock

Space Design System

Space Design System

How we updated our onboarding experience and got more users

How we updated our onboarding experience and got more users

VSCO, More Than Just Filters

VSCO, More Than Just Filters

Designing Spotify Jamroom: a case for the shared music experience on Spotify

Designing Spotify Jamroom: a case for the shared music experience on Spotify

Udacity - Branding & Mobile App Case Study

Udacity - Branding & Mobile App Case Study

Introducing the new Dashboard

Introducing the new Dashboard

November Five | Memorable Digital Experiences

November Five | Memorable Digital Experiences

Navigacio: an app for traveling wizards

Navigacio: an app for traveling wizards

Atlassian

Improving the experience

Iconic Icons: Designing the World of Windows

Iconic Icons: Designing the World of Windows

Charity App — Payment flow

Charity App — Payment flow

FiscalNote Business Card Scanning

FiscalNote Business Card Scanning

Designing a Text-To-Speech App From The Ground Up

Designing a Text-To-Speech App From The Ground Up

Your subscriptions, under control

Your subscriptions, under control

Evolving the Facebook News Feed to Serve You Better

Evolving the Facebook News Feed to Serve You Better

Zepl - Web App Design Case Study

Zepl - Web App Design Case Study

Refining logos of Wikimedia Projects — a Brand Exercise

Refining logos of Wikimedia Projects — a Brand Exercise

How we transformed the product search for the better

How we transformed the product search for the better

Creating Slack's Illustration Voice

Creating Slack's Illustration Voice

Self-parking cars

Self-parking cars

Designing accessible escape hatches for modals

Designing accessible escape hatches for modals

Connecting People of Color with Mental Health Services

Connecting People of Color with Mental Health Services

Becoming a Figma Ninja with Base Components

Becoming a Figma Ninja with Base Components

Coronavirus Dashboard UX: How Design Impacts Your Perception

Coronavirus Dashboard UX: How Design Impacts Your Perception

Designing Yahoo’s Winter Olympics Icons

Designing Yahoo’s Winter Olympics Icons

Design and development of a minimalistic fashion photography website

Design and development of a minimalistic fashion photography website

Resume Angels

Resume Angels

Public transportation route finder

Public transportation route finder

MailChimp Continuous Onboarding

MailChimp Continuous Onboarding

The Iterative Process: Designing a Scheduling Component for Extra

The Iterative Process: Designing a Scheduling Component for Extra

How to redesign your web app as a startup

How to redesign your web app as a startup

Designing employee-centred workplace experience

Designing employee-centred workplace experience

Designing for Privacy on Facebook

Designing for Privacy on Facebook

Real Racing. UX and UI Design for Mobile Game

Real Racing. UX and UI Design for Mobile Game

How UberEats could make ordering for groups of friends simpler

How UberEats could make ordering for groups of friends simpler

Google Design Sprint Case Study Collection

Google Design Sprint Case Study Collection

Solving the classic 'network effect' problem for a Blind-Dating app

Solving the classic 'network effect' problem for a Blind-Dating app

Redesigning the Thrasher Website

Redesigning the Thrasher Website

We launched our company with a parody product.

We launched our company with a parody product.

4 Tools for Unmoderated Usability Testing

4 Tools for Unmoderated Usability Testing

How we solved our lack of app reviews

How we solved our lack of app reviews

Design Principles: Choosing the Right Patterns

Design Principles: Choosing the Right Patterns

OneShot, a one week design case study

OneShot, a one week design case study

zoomBot — Our Journey on Creating a Chat Bot for Real Estate

zoomBot — Our Journey on Creating a Chat Bot for Real Estate

Quisine. Brand Identity Design for Food Delivery Service

Quisine. Brand Identity Design for Food Delivery Service

WhatsApp Polls Research and Design

WhatsApp Polls Research and Design

Designing towards live parking map

Designing towards live parking map

The feature instagram won’t give us

The feature instagram won’t give us

Bea's New Look

Bea's New Look

SFO Airport Security Redesign: Effecting Change in Complex Systems

SFO Airport Security Redesign: Effecting Change in Complex Systems

The Future of Airline Websites

The Future of Airline Websites

Measuring design quality with heuristics

Measuring design quality with heuristics

Mundo Caixa

Mundo Caixa

Matthew Traul - InVision Case Studies

Matthew Traul - InVision Case Studies

Be the Change: Designing an end-to-end micro-donation app

Be the Change: Designing an end-to-end micro-donation app

Zopper App

Use Contrast — Guide

Designing an idea. Creating useful work that is purely…

Designing an idea. Creating useful work that is purely…

Dashboard Design Guide: The Definitive How-To for Dashboard Design

Dashboard Design Guide: The Definitive How-To for Dashboard Design

Netflix discovery experience

Netflix discovery experience

When Android is a better way to start?

When Android is a better way to start?

Gaming Platform Redesign

Gaming Platform Redesign

Designing Google Maps for Motorbikes

Designing Google Maps for Motorbikes

Family banking application that helps your children learn about money. Meet Pockee

Family banking application that helps your children learn about money. Meet Pockee

Color Hunt: Behind The Scenes

Color Hunt: Behind The Scenes

Reactions: Not everything in life is Likable

Reactions: Not everything in life is Likable

Finding people nearby to run with

Finding people nearby to run with

Social Kitchen, an app that increases your Culinary Confidence

Social Kitchen, an app that increases your Culinary Confidence

SwiftyBeaver. Designing Logo.

SwiftyBeaver. Designing Logo.

How I designed Otomate - Smart Home App

How I designed Otomate - Smart Home App

Redesigning The Future Of Public Transport

Redesigning The Future Of Public Transport

TV Guide Android App

TV Guide Android App

7 Ethical Design Examples To Make Facebook Better For Everyone

7 Ethical Design Examples To Make Facebook Better For Everyone

How We Changed the Facebook Friends Icon

How We Changed the Facebook Friends Icon

Miro, for modern-day pioneers

Miro, for modern-day pioneers

Designing teamwork: How our customers helped shape the future of Slack

Designing teamwork: How our customers helped shape the future of Slack

Overcast 3: Design walkthrough – Marco.org

Overcast 3: Design walkthrough – Marco.org

Boosted Boards Gen 3 Launch

Boosted Boards Gen 3 Launch

Welcome to WhatsApp Pay

Welcome to WhatsApp Pay

honestbee: A Usability Case Study

honestbee: A Usability Case Study

Designing the UI of Google Translate

Designing the UI of Google Translate

Designing Interactions to Facilitate the Formation of Healthy Eating Habits

Designing Interactions to Facilitate the Formation of Healthy Eating Habits

Redesigning Google News for everyone

Redesigning Google News for everyone

Visualizing money: how we explained a complex financial product using animation

Visualizing money: how we explained a complex financial product using animation

Designing for open source software

Designing for open source software

The McDelivery app reimagined

The McDelivery app reimagined

Evaluating Best Buy’s website design

Evaluating Best Buy’s website design

Helping California save water

Helping California save water

When Speed is Not the Killer Feature

When Speed is Not the Killer Feature

How to improve your digital product with Lean UX methodology

How to improve your digital product with Lean UX methodology

Popular categories.

Business growth

Marketing tips

16 case study examples (+ 3 templates to make your own)

Hero image with an icon representing a case study

I like to think of case studies as a business's version of a resume. It highlights what the business can do, lends credibility to its offer, and contains only the positive bullet points that paint it in the best light possible.

Imagine if the guy running your favorite taco truck followed you home so that he could "really dig into how that burrito changed your life." I see the value in the practice. People naturally prefer a tried-and-true burrito just as they prefer tried-and-true products or services.

To help you showcase your success and flesh out your burrito questionnaire, I've put together some case study examples and key takeaways.

What is a case study?

A case study is an in-depth analysis of how your business, product, or service has helped past clients. It can be a document, a webpage, or a slide deck that showcases measurable, real-life results.

For example, if you're a SaaS company, you can analyze your customers' results after a few months of using your product to measure its effectiveness. You can then turn this analysis into a case study that further proves to potential customers what your product can do and how it can help them overcome their challenges.

It changes the narrative from "I promise that we can do X and Y for you" to "Here's what we've done for businesses like yours, and we can do it for you, too."

16 case study examples 

While most case studies follow the same structure, quite a few try to break the mold and create something unique. Some businesses lean heavily on design and presentation, while others pursue a detailed, stat-oriented approach. Some businesses try to mix both.

There's no set formula to follow, but I've found that the best case studies utilize impactful design to engage readers and leverage statistics and case details to drive the point home. A case study typically highlights the companies, the challenges, the solution, and the results. The examples below will help inspire you to do it, too.

1. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} Volcanica Coffee and AdRoll

On top of a background of coffee beans, a block of text with percentage growth statistics for how AdRoll nitro-fueled Volcanica coffee.

People love a good farm-to-table coffee story, and boy am I one of them. But I've shared this case study with you for more reasons than my love of coffee. I enjoyed this study because it was written as though it was a letter.

In this case study, the founder of Volcanica Coffee talks about the journey from founding the company to personally struggling with learning and applying digital marketing to finding and enlisting AdRoll's services.

It felt more authentic, less about AdRoll showcasing their worth and more like a testimonial from a grateful and appreciative client. After the story, the case study wraps up with successes, milestones, and achievements. Note that quite a few percentages are prominently displayed at the top, providing supporting evidence that backs up an inspiring story.

Takeaway: Highlight your goals and measurable results to draw the reader in and provide concise, easily digestible information.

2. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} Taylor Guitars and Airtable

Screenshot of the Taylor Guitars and Airtable case study, with the title: Taylor Guitars brings more music into the world with Airtable

This Airtable case study on Taylor Guitars comes as close as one can to an optimal structure. It features a video that represents the artistic nature of the client, highlighting key achievements and dissecting each element of Airtable's influence.

It also supplements each section with a testimonial or quote from the client, using their insights as a catalyst for the case study's narrative. For example, the case study quotes the social media manager and project manager's insights regarding team-wide communication and access before explaining in greater detail.

Takeaway: Highlight pain points your business solves for its client, and explore that influence in greater detail.

3. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} EndeavourX and Figma

Screenshot of the Endeavour and Figma case study, showing a bulleted list about why EndeavourX chose Figma followed by an image of EndeavourX's workspace on Figma

My favorite part of Figma's case study is highlighting why EndeavourX chose its solution. You'll notice an entire section on what Figma does for teams and then specifically for EndeavourX.

It also places a heavy emphasis on numbers and stats. The study, as brief as it is, still manages to pack in a lot of compelling statistics about what's possible with Figma.

Takeaway: Showcase the "how" and "why" of your product's differentiators and how they benefit your customers.

4. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} ActiveCampaign and Zapier

Screenshot of Zapier's case study with ActiveCampaign, showing three data visualizations on purple backgrounds

Zapier's case study leans heavily on design, using graphics to present statistics and goals in a manner that not only remains consistent with the branding but also actively pushes it forward, drawing users' eyes to the information most important to them. 

The graphics, emphasis on branding elements, and cause/effect style tell the story without requiring long, drawn-out copy that risks boring readers. Instead, the cause and effect are concisely portrayed alongside the client company's information for a brief and easily scannable case study.

Takeaway: Lean on design to call attention to the most important elements of your case study, and make sure it stays consistent with your branding.

5. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} Ironclad and OpenAI

Screenshot of a video from the Ironclad and OpenAI case study showing the Ironclad AI Assist feature

In true OpenAI fashion, this case study is a block of text. There's a distinct lack of imagery, but the study features a narrated video walking readers through the product.

The lack of imagery and color may not be the most inviting, but utilizing video format is commendable. It helps thoroughly communicate how OpenAI supported Ironclad in a way that allows the user to sit back, relax, listen, and be impressed. 

Takeaway: Get creative with the media you implement in your case study. Videos can be a very powerful addition when a case study requires more detailed storytelling.

6. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} Shopify and GitHub

Screenshot of the Shopify and GitHub case study, with the title "Shopify keeps pushing ecommerce forward with help from GitHub tools," followed by a photo of a plant and a Shopify bag on a table on a dark background

GitHub's case study on Shopify is a light read. It addresses client pain points and discusses the different aspects its product considers and improves for clients. It touches on workflow issues, internal systems, automation, and security. It does a great job of representing what one company can do with GitHub.

To drive the point home, the case study features colorful quote callouts from the Shopify team, sharing their insights and perspectives on the partnership, the key issues, and how they were addressed.

Takeaway: Leverage quotes to boost the authoritativeness and trustworthiness of your case study. 

7 . .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} Audible and Contentful

Screenshot of the Audible and Contentful case study showing images of titles on Audible

Contentful's case study on Audible features almost every element a case study should. It includes not one but two videos and clearly outlines the challenge, solution, and outcome before diving deeper into what Contentful did for Audible. The language is simple, and the writing is heavy with quotes and personal insights.

This case study is a uniquely original experience. The fact that the companies in question are perhaps two of the most creative brands out there may be the reason. I expected nothing short of a detailed analysis, a compelling story, and video content. 

Takeaway: Inject some brand voice into the case study, and create assets that tell the story for you.

8 . .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} Zoom and Asana

Screenshot of Zoom and Asana's case study on a navy blue background and an image of someone sitting on a Zoom call at a desk with the title "Zoom saves 133 work weeks per year with Asana"

Asana's case study on Zoom is longer than the average piece and features detailed data on Zoom's growth since 2020. Instead of relying on imagery and graphics, it features several quotes and testimonials. 

It's designed to be direct, informative, and promotional. At some point, the case study reads more like a feature list. There were a few sections that felt a tad too promotional for my liking, but to each their own burrito.

Takeaway: Maintain a balance between promotional and informative. You want to showcase the high-level goals your product helped achieve without losing the reader.

9 . .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} Hickies and Mailchimp

Screenshot of the Hickies and Mailchimp case study with the title in a fun orange font, followed by a paragraph of text and a photo of a couple sitting on a couch looking at each other and smiling

I've always been a fan of Mailchimp's comic-like branding, and this case study does an excellent job of sticking to their tradition of making information easy to understand, casual, and inviting.

It features a short video that briefly covers Hickies as a company and Mailchimp's efforts to serve its needs for customer relationships and education processes. Overall, this case study is a concise overview of the partnership that manages to convey success data and tell a story at the same time. What sets it apart is that it does so in a uniquely colorful and brand-consistent manner.

Takeaway: Be concise to provide as much value in as little text as possible.

10. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} NVIDIA and Workday

Screenshot of NVIDIA and Workday's case study with a photo of a group of people standing around a tall desk and smiling and the title "NVIDIA hires game changers"

The gaming industry is notoriously difficult to recruit for, as it requires a very specific set of skills and experience. This case study focuses on how Workday was able to help fill that recruitment gap for NVIDIA, one of the biggest names in the gaming world.

Though it doesn't feature videos or graphics, this case study stood out to me in how it structures information like "key products used" to give readers insight into which tools helped achieve these results.

Takeaway: If your company offers multiple products or services, outline exactly which ones were involved in your case study, so readers can assess each tool.

11. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} KFC and Contentful

Screenshot of KFC and Contentful's case study showing the outcome of the study, showing two stats: 43% increase in YoY digital sales and 50%+ increase in AU digital sales YoY

I'm personally not a big KFC fan, but that's only because I refuse to eat out of a bucket. My aversion to the bucket format aside, Contentful follows its consistent case study format in this one, outlining challenges, solutions, and outcomes before diving into the nitty-gritty details of the project.

Say what you will about KFC, but their primary product (chicken) does present a unique opportunity for wordplay like "Continuing to march to the beat of a digital-first drum(stick)" or "Delivering deep-fried goodness to every channel."

Takeaway: Inject humor into your case study if there's room for it and if it fits your brand. 

12. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} Intuit and Twilio

Screenshot of the Intuit and Twilio case study on a dark background with three small, light green icons illustrating three important data points

Twilio does an excellent job of delivering achievements at the very beginning of the case study and going into detail in this two-minute read. While there aren't many graphics, the way quotes from the Intuit team are implemented adds a certain flair to the study and breaks up the sections nicely.

It's simple, concise, and manages to fit a lot of information in easily digestible sections.

Takeaway: Make sure each section is long enough to inform but brief enough to avoid boring readers. Break down information for each section, and don't go into so much detail that you lose the reader halfway through.

13. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} Spotify and Salesforce

Screenshot of Spotify and Salesforce's case study showing a still of a video with the title "Automation keeps Spotify's ad business growing year over year"

Salesforce created a video that accurately summarizes the key points of the case study. Beyond that, the page itself is very light on content, and sections are as short as one paragraph.

I especially like how information is broken down into "What you need to know," "Why it matters," and "What the difference looks like." I'm not ashamed of being spoon-fed information. When it's structured so well and so simply, it makes for an entertaining read.

14. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} Benchling and Airtable

Screenshot of the Benchling and Airtable case study with the title: How Benchling achieves scientific breakthroughs via efficiency

Benchling is an impressive entity in its own right. Biotech R&D and health care nuances go right over my head. But the research and digging I've been doing in the name of these burritos (case studies) revealed that these products are immensely complex. 

And that's precisely why this case study deserves a read—it succeeds at explaining a complex project that readers outside the industry wouldn't know much about.

Takeaway: Simplify complex information, and walk readers through the company's operations and how your business helped streamline them.

15. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} Chipotle and Hubble

Screenshot of the Chipotle and Hubble case study with the title "Mexican food chain replaces Discoverer with Hubble and sees major efficiency improvements," followed by a photo of the outside of a Chipotle restaurant

The concision of this case study is refreshing. It features two sections—the challenge and the solution—all in 316 words. This goes to show that your case study doesn't necessarily need to be a four-figure investment with video shoots and studio time. 

Sometimes, the message is simple and short enough to convey in a handful of paragraphs.

Takeaway: Consider what you should include instead of what you can include. Assess the time, resources, and effort you're able and willing to invest in a case study, and choose which elements you want to include from there.

16. .css-12hxxzz-Link{all:unset;box-sizing:border-box;-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;outline-offset:1px;-webkit-text-fill-color:currentColor;outline:1px solid transparent;}.css-12hxxzz-Link[data-color='ocean']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='ocean']:hover{outline-color:var(--zds-text-link-hover, #2b2358);}.css-12hxxzz-Link[data-color='ocean']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='white']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='white']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='white']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='primary']{color:var(--zds-text-link, #3d4592);}.css-12hxxzz-Link[data-color='primary']:hover{color:var(--zds-text-link, #2b2358);}.css-12hxxzz-Link[data-color='primary']:focus{color:var(--zds-text-link-hover, #3d4592);outline-color:var(--zds-text-link-hover, #3d4592);}.css-12hxxzz-Link[data-color='secondary']{color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-color='secondary']:hover{color:var(--zds-gray-warm-5, #a8a5a0);}.css-12hxxzz-Link[data-color='secondary']:focus{color:var(--zds-gray-warm-1, #fffdf9);outline-color:var(--zds-gray-warm-1, #fffdf9);}.css-12hxxzz-Link[data-weight='inherit']{font-weight:inherit;}.css-12hxxzz-Link[data-weight='normal']{font-weight:400;}.css-12hxxzz-Link[data-weight='bold']{font-weight:700;} Hudl and Zapier

Screenshot of Hudl and Zapier's case study, showing data visualizations at the bottom, two photos of people playing sports on the top right , and a quote from the Hudl team on the topleft

I may be biased, but I'm a big fan of seeing metrics and achievements represented in branded graphics. It can be a jarring experience to navigate a website, then visit a case study page and feel as though you've gone to a completely different website.

The case study is essentially the summary, and the blog article is the detailed analysis that provides context beyond X achievement or Y goal.

Takeaway: Keep your case study concise and informative. Create other resources to provide context under your blog, media or press, and product pages.

3 case study templates

Now that you've had your fill of case studies (if that's possible), I've got just what you need: an infinite number of case studies, which you can create yourself with these case study templates.

Case study template 1

Screenshot of Zapier's first case study template, with the title and three spots for data callouts at the top on a light peach-colored background, followed by a place to write the main success of the case study on a dark green background

If you've got a quick hit of stats you want to show off, try this template. The opening section gives space for a short summary and three visually appealing stats you can highlight, followed by a headline and body where you can break the case study down more thoroughly. This one's pretty simple, with only sections for solutions and results, but you can easily continue the formatting to add more sections as needed.

Case study template 2

Screenshot of Zapier's second case study template, with the title, objectives, and overview on a dark blue background with an orange strip in the middle with a place to write the main success of the case study

For a case study template with a little more detail, use this one. Opening with a striking cover page for a quick overview, this one goes on to include context, stakeholders, challenges, multiple quote callouts, and quick-hit stats. 

Case study template 3

Screenshot of Zapier's third case study template, with the places for title, objectives, and about the business on a dark green background followed by three spots for data callouts in orange boxes

Whether you want a little structural variation or just like a nice dark green, this template has similar components to the last template but is designed to help tell a story. Move from the client overview through a description of your company before getting to the details of how you fixed said company's problems.

Tips for writing a case study

Examples are all well and good, but you don't learn how to make a burrito just by watching tutorials on YouTube without knowing what any of the ingredients are. You could , but it probably wouldn't be all that good.

Have an objective: Define your objective by identifying the challenge, solution, and results. Assess your work with the client and focus on the most prominent wins. You're speaking to multiple businesses and industries through the case study, so make sure you know what you want to say to them.

Focus on persuasive data: Growth percentages and measurable results are your best friends. Extract your most compelling data and highlight it in your case study.

Use eye-grabbing graphics: Branded design goes a long way in accurately representing your brand and retaining readers as they review the study. Leverage unique and eye-catching graphics to keep readers engaged. 

Simplify data presentation: Some industries are more complex than others, and sometimes, data can be difficult to understand at a glance. Make sure you present your data in the simplest way possible. Make it concise, informative, and easy to understand.

Use automation to drive results for your case study

A case study example is a source of inspiration you can leverage to determine how to best position your brand's work. Find your unique angle, and refine it over time to help your business stand out. Ask anyone: the best burrito in town doesn't just appear at the number one spot. They find their angle (usually the house sauce) and leverage it to stand out.

Case study FAQ

Got your case study template? Great—it's time to gather the team for an awkward semi-vague data collection task. While you do that, here are some case study quick answers for you to skim through while you contemplate what to call your team meeting.

What is an example of a case study?

An example of a case study is when a software company analyzes its results from a client project and creates a webpage, presentation, or document that focuses on high-level results, challenges, and solutions in an attempt to showcase effectiveness and promote the software.

How do you write a case study?

To write a good case study, you should have an objective, identify persuasive and compelling data, leverage graphics, and simplify data. Case studies typically include an analysis of the challenge, solution, and results of the partnership.

What is the format of a case study?

While case studies don't have a set format, they're often portrayed as reports or essays that inform readers about the partnership and its results. 

Related reading:

Get productivity tips delivered straight to your inbox

We’ll email you 1-3 times per week—and never share your information.

Hachem Ramki picture

Hachem Ramki

Hachem is a writer and digital marketer from Montreal. After graduating with a degree in English, Hachem spent seven years traveling around the world before moving to Canada. When he's not writing, he enjoys Basketball, Dungeons and Dragons, and playing music for friends and family.

  • Content marketing

Related articles

Hero image with an icon of a bar chart

How to measure brand awareness: 9 key metrics to track

How to measure brand awareness: 9 key...

Hero image with an icon representing social media

A social media audit template (and how to use it to perform an audit)

A social media audit template (and how to...

A hero image for Google app tips with the Google logo

How Google AI Overview impacts 20 industries

Hero image with the OpenAI logo

How to use ChatGPT for copywriting and content ideation

How to use ChatGPT for copywriting and...

Improve your productivity automatically. Use Zapier to get your apps working together.

A Zap with the trigger 'When I get a new lead from Facebook,' and the action 'Notify my team in Slack'

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

6 Excellent Product Designer Case Studies & 8 Tips for Yours

best case study design

What is the recipe for perfect product design case studies? The dozens of design leads and HR managers we’ve interviewed say that they expect a blend of

  • storytelling
  • stunning visuals and
  • personality.

This article will guide you through the steps of creating case studies that check all those marks, and more! This is your one-stop source of tips and steps based on actual research, and real-life examples.

Let’s be honest: putting together a case study can be rather difficult. However, there are some techniques and tools that can help you along the way. One of those tools is UXfolio , our portfolio builder that makes the whole process faster and easier. Obviously, these 8 tips apply regardless of the tool you are using to build your product designer case studies.

Image of a case study template generator

1. Inject your personality into your case studies

Showing personality in a  product design portfolio , case study, or  resumé  can be challenging. Finding the balance between just enough and too much takes time and experimentation. Still, if you want to set yourself apart, you have to find ways to inject your personality into everything you submit with an application.

Here’s a pro tip:  whenever you relate something back to yourself, to your personal experience with the project, you’ll allow a small bit of your personality to shine. If you don’t go overboard, you will show just enough of yourself for recruiters to see the type of person and designer you are.

Define what you do

There are ways to sprinkle tidbits of your personality into everything you make. Start by clearly defining what you do. Do this in your portfolio and at the beginning of every case study: In what quality were you part of the project?

Find personal connection to the product

Next, you can share your connection with the product. Your case study intro is perfect for this. Answer questions such as:

  • How did it relate to you (if it did)?
  • Did you have any experience in this niche before?
  • Were you using similar products before?

Talk about your experience throughout the process

In the body of your case study go on and talk about your experience throughout the project. Maybe this was your first time using a specific UX method. Let your readers know! Then go on and share what you liked about it, and what you didn’t.

Juniors have it easier

Screenshot of the Meal Planner case study by Leslie

Leslie’s Meal Planner case study is the perfect example of a product designer case study based on a mock project. Putting together a portfolio as a junior designer – who doesn’t have real-life projects yet – is challenging to say the least. Most design leads advise juniors to build a portfolio based on

  • internship experiences ,
  • mock projects, or

The secret is to treat these mock-projects exactly as you’d treat real-life projects. Put in the research, testing, and the same effort you’d put in a real-life project. The best thing about mock-projects is that they provide plenty of room for your personality to shine. Just base them on topics or apps that interest you and let your readers know.

Check out Leslie’s introduction:

“I’ve been struggling with food allergies for years, so it seemed obvious that I will try to find a solution to this common problem.”

Immediately in her intro, we learn something personal about her. It is easy to see why she’s passionate about the topic. By kicking it off on a personal note, she pulls in the readers immediately.

This approach aligns with the advice that  Marc Greenberg , UX lead of Robotics at Postmates, gave to junior designers:

“Start close to you. Everyone can identify where their own frustrations, troubles, and difficulties lie. The first step is to design solutions to those things.”

2. Put everything in context

Both HR managers and design leads list ‘lack of explanation’ as a common reason for rejection. Our experience through expert reviews supports their statement.

Stop defining UX methods in your case studies

Many designers will list the methods they have used during a project. They do a good job of explaining the general purpose of said methods. The only problem is that both HR managers and design leads are aware of what ‘A/B testing’ is and what purpose it serves. What they don’t know is:

  • Why did you choose that method for that specific project?
  • What did you learn (or did not learn) by using that method?
  • How did your findings influence the project?

By failing to answer those questions, your case study will fail to fulfill its purpose. The key is storytelling. In the context of UX portfolios, the word storytelling refers to the story of a specific design project and not the story of UX design in general. Storifying your design process is not that hard of a task. Just follow the golden rule:

Whenever you mention something in a case study, explain why it’s relevant to the project at hand and how it influenced your process.

Better Cover, a product design case study by Joanna Yoon, illustrates how to place research in context. Joanna lists the methods she used, then goes on to provide numbers and results. She presents the results in a visual way, which makes it even easier to digest all the data. And this takes us to our next tip: visuals.

Screenshot of the better cover case study by Joanna Yoon

3. Keep it visually consistent

Your taste level will be judged based on your portfolio and case studies, and not only the products that you’ve designed. Ideally, while working on something, you think in personas, mood boards, and design systems. Do the same when putting your portfolio together! After all, it’s a product designed by you.

Screenshot of the Personal Trainer case study by Katarina Harth

Stop over-designing

Don’t go overboard with your portfolio design. The more stuff you add, the higher your chances of not matching the tastes of others. What’s even worse, you’ll ruin the UX of your portfolio. Check out what Spotify’s Paul Farino had to say about over-designed portfolios:

“I see some portfolios that may take ten seconds to load and it’s very flashy and there’s a lot going on on the screen. But those animations and that extra flare don’t contribute to the story you’re trying to tell. It actually just makes it a poor experience.”

You might think that things floating into the screen left and right show that you are tech-savvy and on-trend, but you are actually over-designing, which ruins an experience that would be seamless otherwise.

There are many well-written product design case studies out there that fail because of presentation. Design is the easiest part of case studies, especially if you are working from a template, such as the templates that you can generate via UXfolio .

Portfolio template examples

Be mindful of colors

Keep in mind: your case study will already include some colors from the product itself. The safe thing is to use matching colors. Introducing new colors on top of what you inherit from the product is a risk that you should not take. It creates a mess, especially if your viewer doesn’t have the time to take it all in. Focus on keeping your fonts and colors consistent throughout the case study, portfolio, and resume.

Make it easy to skim

UX/UI Recruitment Consultant,  Joe Jackson , advises UX designers to 

“Make it digestible, skimmable, and impactful.”

Your case studies’ users – recruiters and design leads – spend a maximum of 3 minutes with one portfolio. If you have 3 case studies, that’s less than a minute per one. This means that you have to prioritize visual hierarchy.

Take the text of your case study, and see how it would work without the images. Did you use enough headings? Are they applied consistently for the same type of content? Can you organize some of your data into tables or illustrations? Did you use matching colors on your visuals?

Visual consistency checklist:

  • Is my content organized into logical chunks consistently?
  • Are my fonts consistent throughout the case study?
  • Do I have a good text-to-image ratio?
  • Is the style of my illustrations and images consistent?

As you can see the keyword here is ‘consistency’

4. UIs matter

Screenshot of the Music iOS App by Mina Izadpanah

When you ask HR managers whether UIs matter in UX portfolios, the answer will be ‘yes’. They know that UI and UX design are not the same. But that doesn’t change the fact that having stunning UIs in your case studies will increase your chances of landing a job. It’s not right, but it’s true. If you want to maximize your chances of success, accept the fact that UIs matter.

Here’s what  Tony Aube , Google AI’s Sr. Product Designer had to say about this:

“I believe UX portfolios have too much text and explanation about the design process, while they don’t have enough visuals. The truth is — and I have learned this the hard way — recruiters respond a lot more to visuals than to text.”

The thinking process behind this is very simple:

“If you can’t figure out something as simple as proper drop shadows, I doubt you will do a good job on a multimillion-dollar purchase flow redesign.”

Reasonable.

Depiction of a masonry gallery with device mockups

Just leave them out

If your UIs are not yet polished, it’s better to leave them out of your case studies. Remember: you will be judged on everything you present. It doesn’t matter if you explain right next to it that you have just dipped into visual design. The image will linger. If you don’t do UIs, stick to wireframes and protos, otherwise, you risk shooting yourself in the leg.

5. Deliver on the promises you made in your resume

Your resume, cover letter, about page, and case studies must be aligned both visually and content-wise. If you promise serious research-game in your resume, your case studies should stand proof for that. This way, by the time the HR manager finishes with your submission, they will be convinced that you are indeed big on research. But for this to happen, your entire application must reinforce the statements you make.

Make everything match

When you are eyeing one specific position at a company, align everything you submit with the job description. From your resume to your case studies, everything should support the fact that you are the best candidate. It might seem like too much effort, but in the end, it’ll be worth it. The least, you’ll end up with a brilliant portfolio.

There are plenty of UXfolio users who make great use of the multiple portfolios feature. They create different (password-protected) portfolios, tailored for different applications, and even different positions, such as product designer and UX writer. They understand the impact of a customized application.

Password protection feature for portfolios and case studies

6. Show your best work only

If you do a bad job with your own ‘product’, how could they trust you to do a good job with theirs?

Avoid showing mediocre or unfinished work. As mentioned before, you will be judged on everything you present, regardless of any explanation you provide. If your case study is still “in the works” or “coming,” do not feature it in your portfolio! If a case study doesn’t feel right to you, it won’t feel right to the HR manager either. And so on. You get the message: if it’s shaky it doesn’t have a place in your portfolio.

Apply this to everything

The same applies to the visuals you present. If they are shabby, you will be the applicant with the shabby visuals. You must treat your portfolio like you would treat a client. If you do a bad job with your own ‘product’, how could they trust you to do a good job with theirs?

Ask your teacher, your peers, or literally anyone to give feedback on your portfolio. Spam hundreds of Facebook groups with your case study, ask your teachers to review it, send it to HR managers for review. In UXfolio , you can request peer reviews as well as expert reviews. The latter will be given by our designers, who have seen thousands of portfolios.

Here’s Trevor Denton’s advice on the matter:

“Quality over quantity. Many designers oversaturate their portfolio with projects. You don’t need to show me every single thing that you’ve done. Show me the things that you’re most proud of!”

7. Reflect and plan

best case study design

Close your case studies with reflections and learnings. We work in an industry that evolves at a rapid pace. We must do the same to keep relevant. And openness to learn new things is at the core of evolution.

Mention what you’ve gained professionally from each project, even if it’s a mock-project.

Even the most mundane projects can bring something that contributes to your professional growth. It’s all just a matter of perspective. So, mention what you’ve gained professionally from each project, even if it’s a mock-project.

End with ‘Next steps’

As a product designer, you are well aware that a product is rarely finished. There are always tweaks that could make it even better. There are things that you find important but you couldn’t accomplish. Collect all of these into a ‘Next steps’ section, to show your awareness. Such a section also proves that you think ahead.

So, give your reflections and lay out your plans and ideas for future improvements.

Screenshot of Natalie Kyle's Email Marketing case study

8. Give credit for good karma

Paul Farino , Spotify’s Sr. Product Designer put it best:

“A lot of times we see case studies at a large company and you know they had a ton of other designers, whether researchers or product folks involved. It usually makes for good karma to give credit.”

Not only is it good karma, but it is also extremely beneficial for you. Most positions require the candidate to be a good team player. What better way to show that you fit that criteria than giving credit to the people that have contributed to your work? However, there is a way to do this right.

Let’s say, you have been working closely with front-end developers. When you mention this, describe what type of a collaboration it was. What did it involve? How did you make it work? Maybe you had a dedicated researcher to help you collect all the data. Mention how did you align the research and design. How did the researchers’ work influence yours? It’s all about giving context.

Take the advice of Google UX Design Lead,  Koji Pereira :

“No good product gets created by one person. So you don’t have to mention names, but it makes for good practice to just say, ‘In this project, I had two designers and five engineers working with me.’ (…) We at Google want to know if you’ve ever worked with a researcher. Have you ever worked with an engineer or a PM?”

Build meaningful case studies with UXfolio!

UXfolio is a powerful portfolio and case study building tool that’ll save you hours of work. Our pre-made case study sections come with image ideas and text prompts that’ll guide you through the entire process. Your only job is to focus on the content! Try UXfolio for free!

Facebook

20 of the Best UX Portfolio Examples

So, you’re looking for some UX portfolio inspiration?

Making sure you’ve got an impressive portfolio to your name is important for both fresh-faced UX designers and seasoned industry veterans.

In this article, we’ll try to inspire you with awesome UX portfolio examples and UX design portfolio best practices.

The 20 Best UX Portfolios

Without further ado, here are our picks of the best UX design portfolio examples.

1. Gloria Lo nails the high-impact introduction

Who is gloria lo.

Gloria Lo is a self-taught product designer based in Sydney, Australia. In her own words, she is passionate about improving the lives of others through design and is constantly looking to learn new things every day.

What makes Gloria’s UX design portfolio so great?

One of the first things your UX portfolio should do is introduce you as a designer. Employers and potential clients want to know who you are and what you’re all about—and they should be able to find this out within seconds of landing on your portfolio website.

Gloria has nailed her designer introduction with a three-tiered approach. First, she treats us to a bold, eye-catching headline that describes her in terms of her favorite activities.

In just four simple verbs, we know that Gloria is a creative, multi-talented soul with quite a few hobbies in her repertoire. Oh, and these verbs “light up” in different colors when you hover over them—a nice additional dash of personality!

After such an enticing headline, we’re inevitably curious to know more about Gloria—and sure enough, her portfolio delivers. Directly beneath that unmissable heading, Gloria tells us exactly what she does and what she’s passionate about in just two sentences.

Gloria has mastered the delicate art of brevity while still managing to convey the most important information—not an easy feat!

By now, Gloria has well and truly piqued the viewer’s interest. Luckily, her portfolio also features a comprehensive “About” page, complete with a video, a section detailing her values (with the help of emojis), a very thorough testimonial from a former employer, and links to her music and artwork.

What can we learn from Gloria Lo?

When it comes to your own UX design portfolio, make like Gloria and be sure to include a meaningful introduction. Keep it compact yet high-impact on the home page, and then provide more detail in a dedicated “About” section.

Besides crafting a gripping “about me” statement, try to inject a bit of personality into the visual design, too—just like Gloria’s colorful hover effect.

Key takeaway

The viewer should know exactly who you are and what you do within seconds of landing on your UX design portfolio. Craft a compelling headline that provides all the most important information at a glance.

View Gloria Lo’s full portfolio website

2. Moritz Oesterlau masters the art of storytelling through case studies

Who is moritz oesterlau.

Moritz Oesterlau is a multi-skilled product/UX designer based in Germany. He also dabbles in interface design and frontend development.

Moritz studied UX design with CareerFoundry and is now part of the Global Goals Curriculum 2030 team, helping to shape a democratic, just, and sustainable society through the power of education.

What makes Moritz’s UX design portfolio so great?

Moritz’s portfolio really gets to the heart of what UX design is all about: going through a process to solve a user problem. Moritz doesn’t just show the finished product; he shares, in detail, all the methods and processes that got him there.

Each project is presented as a case study, which immediately tells us we’re in for a lot more than just eye candy.

Click on any one of these case studies and you almost feel like you’re in the room with Moritz himself—a fly-on-the-wall as he works through his UX design process.

Take the Approach to Digitization in Education case study , for example. Moritz leaves no stone unturned, documenting the project from start to finish.

He takes us on a logical journey, putting the design challenge into context before going through competitor analysis , interviews and surveys, building empathy and creating user personas , defining the information architecture , wireframing , prototyping, and usability testing .

For each step, he explains what he did, why he did it, and what he learned as a result.

What can we learn from Moritz Oesterlau?

When showcasing your UX design work, follow Moritz’s example and place your process front and center. You’ll notice that Moritz doesn’t show the finished product until the very end of each case study, and that’s because he’s telling a logical story.

With each case study, start from the beginning and guide the viewer through the main steps that led you to the final solution. It’s okay to include screenshots of a beautiful end product, but make sure you’ve documented your process in detail first.

Showcase your process, not just the finished product. Write about the methods you used, what you learned along the way, the challenges you came up against, and how you solved certain problems. Each case study should tell a complete, logical story.

View Moritz Oesterlau’s full portfolio website

3. Elizabeth Lin reigns supreme with visual storytelling

Who is elizabeth lin.

Elizabeth Lin is a San Francisco-based product designer and self-proclaimed fashion, teaching, and classical saxophone enthusiast.

What makes Elizabeth’s UX design portfolio so great?

Elizabeth Lin’s portfolio provides another excellent example of storytelling. Just like Moritz, she presents her design work in the form of case studies, documenting her process from start to finish.

What really stands out in Elizabeth’s portfolio, though, is her use of visuals to support the narrative she’s weaving.

Each point in her case study is illustrated with some kind of visual element—be it a virtual wall of Post-it notes, a survey form that was sent to research participants, or early-stage prototypes.

Another effective storytelling technique that Elizabeth uses is to include little bitesized notes and reflections down the right-hand side.

Set in a different font and color to the main body text, these snippets catch your eye as you scroll.

They provide further, more personal insights into the project—such as “It was cool seeing how differently teachers would use this dashboard” or “We didn’t move forward with this exploration because we wanted to validate the base solution first.”

Supporting your case studies with visual artifacts really brings the project to life. Elizabeth’s portfolio illustrates perfectly how visual and textual storytelling should work together to demonstrate your UX design process.

What can we learn from Elizabeth Lin?

The aim of your UX portfolio is to both show and tell. Just like Elizabeth, support each case study with meaningful visuals—that is, real artifacts from your project, not just illustrations.

Every time you work on a new design project, document your process: take screenshots of user research surveys you send out, snap photos of your wall covered in sticky notes after a heavy brainstorming session, and keep hold of your wireframes as they progress from low to high fidelity.

When it comes to adding a new case study to your portfolio, these artifacts will help you tell a logical story.

Don’t just tell the story of each project; bring it to life with visual artifacts. For each step you go through in your case study, include a photo or screenshot of how it looked in action.

View Elizabeth Lin’s full portfolio website

4. Olivia Truong showcases her approach to problem-solving

Who is olivia truong.

Olivia Truong is a product designer based in Boston, Massachusetts. In her own words, Olivia likes to go out into the world and capture its beauty and weirdness.

What makes Olivia’s UX design portfolio so great?

Above all else, UX designers are problem-solvers. Your UX design portfolio should therefore demonstrate how you identify and tackle a variety of user problems. Olivia’s portfolio does a great job of this, as you’ll see in her Routr case study .

Olivia kicks off her case study by framing the problem in a personal, relatable way. She doesn’t just talk about the “user” problem—she frames it as “our” problem, inviting the reader to step into the user’s shoes, just as she has done.

Next, Olivia explains, in detail, how she set about trying to solve this problem—in a section aptly named “There Must Be Something Out There”. We learn how she scoured the internet and App Store for a solution, only to find that none of the existing solutions fit the bill.

In the section that follows, “Taking The Dive”, Olivia shares the next steps in her problem-solving journey: brainstorming the elements of a successful date.

After thoroughly framing the problem and describing her approach to solving it, Olivia moves onto “The Making Of Routr.” Notice how, even when talking about her solution, Olivia consistently refers back to the original user problem.

Olivia’s portfolio portrays her as a thoughtful problem-solver—granting her huge bonus points in the eyes of any recruiter or potential client. This focus on problem-solving also conveys another essential UX trait: empathy for the user.

When reading Olivia’s case study, you don’t get the feeling that she’s just going through the motions; she’s genuinely engaged in the problem and how she can solve it for the user. That’s the sign of a passionate UX designer!

What can we learn from Olivia Truong?

UX designers are problem-solvers, so make sure your portfolio reflects that. There are two key lessons we can learn from Olivia’s portfolio: first, start each case study by framing the problem in detail, and second, frame the problem in a way that conveys empathy.

Above all, think about the language you use. Don’t just state the problem; relate to it and put some emotion behind it! Olivia describes how planning dates was a “headache” because “coming up with ideas was not the easiest thing to do in our busy lives.”

This is much more personal and empathy-driven than if she’d said “Users struggle to come up with date ideas because they’re so busy.” Last but not least, refer back to the original problem throughout—even when you progress to the solution.

Your UX design portfolio should demonstrate your approach to problem-solving. Kick off each case study by framing the problem in detail, using emotive language to convey empathy. Refer back to the problem throughout.

View Olivia Truong’s full portfolio website

5. Priyanka Gupta is the queen of the unsolicited redesign

Who is priyanka gupta.

Priyanka Gupta is a product designer and tech enthusiast based in San Francisco. Aside from creating awesome user experiences, Priyanka is also pretty active on Medium .

What makes Priyanka’s UX design portfolio so great?

Early on in your UX career, you might struggle to fill your portfolio with real projects. As your career progresses, you might look for ways to make your portfolio stand out. So what can you do?

Cue the unsolicited redesign à la Priyanka Gupta.

When Priyanka runs into bad UX, she can’t help but do something about it. Where most of us might just abandon ship and find an alternative product, Priyanka goes above and beyond: she redesigns the entire experience!

So, in addition to real client projects, Priyanka’s UX portfolio also showcases some rather impressive unsolicited redesigns.

One can’t help but be impressed by Priyanka’s initiative and drive. She’s gone out of her way to redesign an entire digital experience, just because she’s passionate about good UX—how cool is that?!

What’s also interesting is how Priyanka chooses to showcase these redesigns. She could just stick to the standard case study format, but as we know, she’s the kind of designer who likes to go above and beyond.

Click on one of her unsolicited portfolio pieces and you’ll be taken to a full-on, published blog post. Nice!

Despite the fact that these unsolicited redesigns are pure “passion projects”, Priyanka lends them the credibility they deserve by documenting her process in detail.

In her redesign of the Sephora iOS app , she starts by framing the problem: “Despite using the app religiously, I had trouble navigating through it. After observing that other people also experienced issues with the app, I pursued this redesign as an opportunity to improve the experience in any way I could.”

What follows is a detailed breakdown of every step she took to redesign the app, from brand analysis, user research, and affinity mapping , right through to persona creation, prototyping, and implementation—not forgetting those all-important visual artifacts that are absolutely crucial to UX storytelling!

What can we learn from Priyanka Gupta?

Priyanka is an experienced UX designer who presumably has plenty of real projects for her portfolio. This doesn’t stop her from conducting unsolicited redesigns when she comes across intolerably bad UX—as she puts it, it’s like an itch she just needs to scratch!

If you’re a new UX designer trying to build up your portfolio, take a leaf out of Priyanka’s book and complete some unsolicited redesigns of your own. This is a great way to demonstrate initiative and show that you’re a proactive designer who is willing to go the extra mile.

Just as Priyanka does, be transparent about the fact that these are unsolicited projects—a simple disclaimer is all you need.

Another valuable takeaway from Priyanka’s portfolio is the power of blogging. Priyanka doesn’t just limit herself to her portfolio website; she also shares her case studies and tips via Medium (where she’s accrued over a thousand followers!).

There are many different ways to share your process, so don’t be afraid to try a multichannel approach.

Unsolicited redesigns are an excellent way to build up your UX portfolio and demonstrate your initiative as a designer. As always, frame the problem, document your process, and tell a good story—and don’t forget to include a disclaimer.

View Priyanka Gupta’s full portfolio website

6. Lola Jiang delivers measurable outcomes and metrics

Who is lola jiang.

Lola Jiang is a California-based UX designer currently working at Google. Lola’s impressive resume includes having worked at YouTube as an interaction designer.

What makes Lola’s UX design portfolio so great?

One of the biggest challenges you’ll face as a UX designer is measuring and demonstrating the impact of your work. You know you’ve improved the user experience, but how do you substantiate that?

Look no further than Lola Jiang’s portfolio. Lola does an extremely important (yet scarce) thing: she puts the measurable impact of her UX design in the context of business needs.

Take her AI Training Platform case study, for example. Following a brief introduction to the project (literally one sentence), Lola offers the project’s outcomes: “The new design reduced task times by 68% and improved users’ subjective satisfaction by 139%.”

It’s immediate and impactful. Lola then takes us through the flow of the project, outlining the scale and scope of the work. She details the challenges, different iterations, and design, and clearly demonstrates the motivations behind decisions.

Lola rounds off her case study with a post-relaunch analysis, using concrete data to validate the final redesign: “With the original design, the set of tasks took 19 minutes. With the new design, the set of tasks took 6 minutes. Nearly 68%. Users’ subjective satisfaction with the new design (4.3/5) was 139% higher than the original design (1.8/5).”

What can we learn from Lola Jiang?

Lola does a great job of showing how she works in a business setting. This is crucial if you want to practice UX for a living, but it’s a trick that many designers tend to miss. While it’s true that you’re there to advocate for the user, it’s also important to recognize that companies have their own goals to meet—and you need to show how UX contributes to that.

If, like Lola, you can demonstrate how your work brings value, you’ll set yourself up for some serious bonus points. If you have data related to the project, this will be easy—but what if there aren’t any concrete metrics to showcase?

Even without data, you can frame your work in a business context. Set a business or product goal at the start of the case study. What do you hope your work will achieve? This is separate from the user goal, but the two should go hand in hand.

For example, creating a more pleasant app experience for the user should help to boost customer retention.

Likewise, establish a few success metrics before you begin. How will you measure the impact of your work? What tell-tale signs will you look out for after you’ve launched or relaunched the product? The best UX designers are those who can advocate for the user while meeting the needs of the business, so try to convey this throughout your portfolio.

Use your portfolio to demonstrate how you add value to the business. Set business goals and success metrics for each case study, and, where possible, include data and tangible outcomes.

View Lola Jiang’s full portfolio website.

7. Daniel Autry features “just the right amount” of portfolio projects

Who is daniel autry.

Daniel Autry is a designer, developer, and behavioural researcher based in Charlottesville, Virginia. He is fascinated by the social product space and is currently researching the intersection between technology and mental illness.

What makes Daniel’s UX design portfolio so great?

Daniel Autry’s portfolio features some remarkable work in the mental health space, but that’s not the only reason he’s made it onto this list. Daniel’s portfolio also helps to answer that all-too-common conundrum: What’s the “right” amount of projects to showcase in your UX design portfolio?

Before we go any further, let’s be clear on one thing: There’s no “magic number” when it comes to portfolio projects. Some people will tell you five, others will say three—you might even hear that one is enough!

Daniel has opted to showcase four projects in his UX portfolio, and while we’re not saying that he’s found THE magic number, it is a magic number of sorts.

In other words, Daniel has found the number that works for him: He features just enough projects to showcase his range as a designer while still keeping it limited enough so as not to overwhelm the user—smart UX design in action!

In the space of just four featured case studies, we see that Daniel is a versatile designer who has worked on a variety of projects across a range of sectors—from mental health to financial trading to e-learning. So, it’s not just about how many projects you showcase; it’s just as important to pick a good variety.

Besides his four featured projects, Daniel’s portfolio also includes a section dedicated to “Other Works”. Here, he links to articles he’s written on Medium, additional projects he’s worked on, as well as upcoming endeavors.

This is a great way to divide your portfolio, especially if you’re struggling to decide which of your best work should feature!

What can we learn from Daniel Autry?

Daniel’s portfolio teaches us an important lesson about the “right” number of portfolio projects: There isn’t one! Every UX designer is unique, and your portfolio should reflect that.

Don’t get too hung up on whether you should include three projects or five; focus instead on selecting a handful of projects that best showcase who you are as a designer.

If you want to brand yourself as a versatile, adaptable designer, feature as diverse a variety of projects as possible.

If you see yourself as a specialist in a certain industry, highlight the projects that demonstrate this. At the same time, don’t overwhelm the viewer: a hiring manager looking through your portfolio probably won’t browse through ten UX case studies, so choose wisely!

There is no hard-and-fast rule when it comes to how many projects you should feature in your portfolio. Choose a good enough variety to showcase your skillset, while keeping it minimal enough so as not to overwhelm the user. If you’ve got lots more work you want to showcase, add a separate section.

View Daniel Autry’s full portfolio website

8. Vera Chen highlights the importance of context

Who is vera chen.

Vera Chen is a product designer and former Facebook intern. She has a Master’s degree in Human-Centered Design and Engineering, and has also dabbled in singing and acting.

What makes Vera’s UX design portfolio so great?

Not only is Vera’s portfolio a beautiful thing to behold (just look at those illustrations!); it also highlights the importance of context when presenting your UX work.

Vera doesn’t just outline the problem statement for each case study—she steeps it in a solid back story, describing the events that led her there. She also clearly explains her role on each project, who she worked with, and what design and prototyping tools and methods they used.

Just by including these few extra details, Vera paints a clear picture of what the project entailed and how she contributed. Another excellent example of UX storytelling!

Let’s take Vera’s Wedding Library case study , for example. See how she dedicates two whole sections to setting the scene? First, there’s the project background which lays out the scope of the project. Then there’s the context section, a detailed story about newlyweds Murphy and Diana and the frustrations they faced when planning two weddings.

Vera doesn’t just tell us what the problem is. She shows us exactly how it came to light, and in what capacity she was employed to help solve it. By the time we scroll down to Vera’s process, it’s easy to see where each step fits into the overall project.

It’s a bit like reading a novel: you need a little bit of background before you can start relating to the characters and the plot.

What can we learn from Vera Chen?

There are two very simple yet effective takeaways to be had from Vera’s portfolio. First and foremost, provide plenty of background context—this works wonders when telling the story of each case study.

Vera doesn’t start with the problem statement; she sets the scene, describing the people, events, and circumstances that surround and lead up to this particular design challenge. Aim to precede your problem statement with a small paragraph dedicated to “setting the scene”.

Secondly, state your role on each project. What were you commissioned to do? Where did you fit into the overall team? At the same time, listing your teammates is a nice touch; UX design is a highly collaborative field, so it’s important to demonstrate individual value while acknowledging that the end result was a team effort!

For each case study in your UX portfolio, provide as much context as you can. Set the scene with a brief backstory before launching into your problem statement. This includes stating your role on the project and, if necessary, who you worked with.

View Vera Chen’s full portfolio website

9. Zara Drei bedazzles with awesome UX and UI

Who is zara drei.

Zara Drei is a London-based UX designer. When she’s not solving problems with beautiful, user-centric web products, you can find her playing around with electronics, making video loops, building ceramic and metal sculptures, or producing electronic music.

What makes Zara’s UX design portfolio so great?

We’ve talked a lot about the importance of showcasing your UX design process. Now it’s time to contemplate the power of beautiful UI! This brings us to Zara Drei’s portfolio—the epitome of digital elegance.

Zara specializes in creating digital products and experiences for luxury, fashion, and beauty brands, and this is reflected in every detail of her portfolio.

In fact, scrolling through Zara’s portfolio is like wandering through the beauty department of a high-end store, or flipping through the pages of a glossy magazine—and that’s no accident.

She has given as much thought to her color palette , typography , and imagery as she has to writing up her case studies and sharing her process. The result? A flawless portfolio that truly makes its mark.

What can we learn from Zara Drei?

Your UX design portfolio is not just a website—it’s part of your personal brand. Like your case studies, the overall aesthetic of your portfolio should tell a story about who you are as a designer. Consider how Zara uses color and imagery to evoke a sense of luxury throughout her portfolio; how can you create a similar effect?

Spend some time figuring out your personal brand. Are you fun and quirky? Artsy and edgy? Corporate and serious? Perhaps you’re all about eco-friendly design.

Once you’ve got a theme in mind, you can start to think about the kinds of colors and imagery that will help to convey this. Just because you’re a UX designer doesn’t mean you can neglect the visual design of your portfolio.

Your portfolio should embody your personal brand, so treat it like any other UX project and give it the high-shine finish it deserves!

Your portfolio website should reflect your personal brand, and visual design plays a crucial role. The best portfolios offer the full package—detailed case studies wrapped in stunning UI design and flawless UX—so aim to tick all the boxes!

View Zara Drei’s full portfolio website

10. Minimalism from Victoria Kazakova

Who is victoria kazakova.

Victoria Kazakova is a Polish UX designer, web developer, and photographer. 

What makes Victoria’s UX design portfolio so great?

In the enormous and sometimes confusing online world we trawl through daily, Victoria Kazakova’s UX portfolio wins the prize for clarity and ease of understanding. 

Throughout Victoria’s portfolio, she sticks to a minimalist design palette and clear signage, a simplicity that makes for a delightfully smooth read. 

Better still, words that spring up on command stroll through the portfolio, leading the reader from section to section. 

Charts and graphics displaying her skills and experience are so simple they appear iconic. There’s no chance the reader could feel lost or confused.  

What can we learn from Victoria Kazakova?

When it comes to graphic design, sometimes simplicity is best. The last thing you want to happen when someone reads over your portfolio is for them to feel overwhelmed with data.

Victoria’s portfolio is a great example of how responsive screens can ease the user’s journey through pages of information. 

Don’t be tempted to overload. Stick to two classy fonts and an inoffensive colorway. These simple building blocks can lead the user’s eye as they navigate your work. 

View Victoria Kazakova’s full UX portfolio

11. Yu-Hsuan offers zero-gravity UX

Who is yu-hsuan.

Yu-Hsuan is a UX designer, currently working for Google as an interaction designer. 

What makes Yu-Hsuan’s UX design portfolio so great?

Yu-Hsuan’s impressive role at Google means that many of her current projects are “locked” due to non-disclosure agreements. This is a common problem in the UX design community and a hurdle many designers face when putting together their portfolios. 

Yu-Hsuan’s deft solution is to focus on the illustrative side of her UX portfolio, which showcases her passion and side projects as a graphic designer and game designer. 

She also uses her illustrations to depict the otherwise locked aspects of the projects she’s describing. This gives a lovely cohesion with the rest of the content in her portfolio and reduces the jarring effect locked projects can sometimes have. 

The floating designer illustration that seems to hover over the portfolio is very cool and points at a sense of fun and creativity necessary to succeed in illustration and gaming. 

What can we learn from Yu-Hsuan?

Through her illustrations, Yu-Hsuan has subtly displayed her UX skills in her portfolio itself. 

This visual approach means the separate parts of the portfolio hang together perfectly, even when some of the projects are locked off. 

Another tip from Yu-Hsuan is to be approachable in your portfolio. Dropping in the line “Please contact me if you want to go through the case study” gives a real sense of openness, collaboration, and sharing. 

If you can’t show direct evidence of a project, don’t hesitate to get creative. A strong visual style not only shows off your design chops but helps a large portfolio hang together nicely. Also, be approachable!

View Yu-Hsuan’s full UX portfolio

12. A holistic introduction to Cristina Gafitescu

Who is cristina gafitescu.

Romania-based Cristina Gafitescu is a junior UX designer with a playful approach to visual design.

What makes Cristina Gafitescu’s UX design portfolio so great?

Cristina’s UX portfolio makes a great first impression as it tells her story in an interesting-to-follow, visually engaging way. 

Her playful page layouts and graphics show Cristina’s panache as an illustrator and designer. They also provide a great backdrop as she offers a holistic introduction to herself. 

Through a post-it note, almost diaristic approach, the reader really gets a feel for what kind of person Cristina is, her education and experience, and what attracted her to UX in the first place. 

That’s not to say this portfolio is totally informal. Cristina also does a great job of showing her processes, identifying problems (with a focus on UX research), solutions, and testing. 

When the temptation may be to opt for oblique, abstract graphics that display your design chops in the coolest terms, save a thought for a more intimate approach. 

Cristina’s portfolio is emotionally honest, charming, and informative. The effect on recruiters—especially those suffering from portfolio fatigue—is likely persuasive. 

View Cristina Gafitescu’s full UX portfolio

13. The spatial awareness of Rucha Moghe

Who is rucha moghe.

Rucha Moghe is a UX designer with a background in architecture based in India. 

What makes Rucha Moghe’s UX design portfolio so great?

From start to finish, Rucha’s UX portfolio ticks all the right boxes. It’s visually strong and easy to digest. Her user journey map is smart and in context, and the user flows, wireframes, and usability study are all useful.    

Tehni: A Plant App is an especially great case study and easy to follow. On the whole, Rucha’s portfolio is incredibly strong on user personas. 

As Rucha suggests, her background as an architect provides her portfolio with a great sense of user-centered design principles, spatial awareness, and problem-solving skills transferable to digital spaces. 

No space feels wasted, nothing is jumbled, and the reader never feels lost or confused. This is architectural elegance in portfolio form. 

Reinventing the wheel in your portfolio isn’t necessarily a good idea. Rucha’s portfolio nails the basics: it’s logical with an easy-to-follow narrative that shows how user problems were solved. It’s bold and eye-catching and features great user personas.

View Rucha Moghe’s full UX portfolio  

14. Nguyen Duc Thang’s deep case studies

Who is nguyen duc thang.

Nguyen Duc Thang is a UX designer based in Hanoi, Vietnam. Although just starting in his career, Nguyen Duc Thang knows how to put together a really strong portfolio. 

What makes Nguyen Duc Thang’s UX design portfolio so great?

Much like Rucha Moghe, Nguyen Duc Thang’s UX portfolio gets the basics right despite the difference in experience. 

Nguyen Duc Thang’s branding is particularly strong, with eye-catching graphics consistently holding the content together throughout the document. 

After introducing himself, Nguyen Duc Thang covers his skills and qualifications before launching into extensive case studies. No stone is left unturned in these exhaustive examples, which detail wireframing, prototyping, testing, user personas, visual design, and information architecture. Bravo! 

Don’t scrimp on your case studies. Tell the world how you nailed that project, from top to tail.

View Nguyen Duc Thang’s full UX portfolio

15. Precocious design from Gilbert Christian

Who is gilbert christian.

Gilbert Christian is an Indonesian UX design student in the early stages of his career. As Gilbert mentions in his portfolio, he’s open to all manner of part-time, voluntary work, or UX internship programs. 

What makes Gilbert Christian’s UX design portfolio so great?

Despite his relative inexperience, Gilbert’s UX portfolio is extremely easy on the eye, with strong data visualization and imagery leading you from one page to the next.   

Gilbert’s case studies show a maturity beyond his experience, with thorough documentation giving us insight into his work processes. 

Gilbert’s portfolio is stunning and applies the same key UX design principles present in his work. 

If in doubt, build a logical narrative showing how a problem was understood, defined, and solved. 

View Gilbert Christian’s full UX portfolio

16. Valentina Gigli’s bold branding

Who is valentina gigli.

Valentina Gigli is a junior UX designer based in Argentina.  

What makes Valentina Gigli’s UX design portfolio so great?

Aside from the bold color scheme and font choice, Valentina keeps things simple with her portfolio. 

After introducing herself, Valentina discusses her “aptitude palette”, before moving on to her design examples. 

Whether you’re a fan of purplish magenta or not, the bold titles and lurid colors certainly make for clear signposting and remain in the mind’s eye for some time after looking away, a key sign of successful branding. 

When it comes to color schemes and fonts, it’s tempting to play it safe. Taking some risks may mean your portfolio pops out from the crowd.

View Valentina Gigli’s full UX portfolio

17. Aleyna Aykanat raises a smile

Who is aleyna aykanat.

Akeyna Aykanat is a Turkish UX designer with skills in public speaking, 3D product modeling, and graphic design.

What makes Aleyna Aykanat’s UX design portfolio so great?

Aleyna’s work is in monochrome black and white, with grainy charcoal textures offering depth to each slide. 

The result feels mature and assured—and Aleyna has the content to match it, too. 

After what feels like a serious offering, Aleyna offers something of a UX visual joke at the end of her portfolio, including a fake loading page, before bidding us farewell. 

Overall, it leaves one with the impression of Aleyna as a fun-loving lateral thinker—just the kind of person we’d like on our team. 

Many UX design portfolios are made using guidelines shared amongst tens of thousands of junior designers at bootcamps and other learning establishments. 

These cookie-cutter portfolios can feel a little soulless and may result in recruiters developing a kind of portfolio fatigue. 

As Aleyna shows so elegantly, including a curveball element—in this case, the joke towards the end of her portfolio—shows the portfolio has been assembled with care and craft, not painted by numbers.  

View Aleyna Aykanat’s full UX portfolio

18. Sharon Kravanja’s scrapbook stylings

Who is sharon kravanja.

Sharon Kravanja is a Parisian UX designer at the beginning of her career.

What makes Sharon Kravanja’s UX design portfolio so great?

From the outset, Sharon makes no bones about her very junior status as a UX designer. This is reflected in her opening statement and the primitive doodles that annotate and decorate each portfolio page. 

Despite this seemingly youthful approach, Sharon’s visual scrapbook style demonstrates impressive self-branding. Scribbles and sweeps bring cohesion to all the moving parts of the portfolio while playfully communicating Sharon’s self-awareness as an inexperienced but sincere and brave designer. 

Be yourself. A recruiter will sooner remember Sharon’s somewhat youthfully exuberant portfolio over safer designs.

View Sharon Kravanja ’ s full UX portfolio

19. Sophisticated graphics from Anna Hlushko

Who is anna hlushko.

Anna Hlushko is a Ukrainian UX designer with a self-professed focus on minimalism. 

What makes Anna Hlushko’s UX design portfolio so great?

Anna Hlushko’s portfolio speaks of a detail-oriented UX designer with serious design chops. 

Modernist typography and dark, grainy hues glue the elements of this portfolio in place. Anna’s graphic design skills are at the higher end of the spectrum, and these pages wouldn’t look out of place in a MoMA brochure.

Beyond the slick exterior, Anna also touches on her approach to tackling stages of work, including research, and details some case studies. 

Play to your strengths. If visual design is your thing, make sure your portfolio pops. This may be the one chance you have to show off your chops. 

View Anna Hlushko’s full UX portfolio

20. Thorough research by Hoàng Kỳ Phong

Who is hoàng kỳ phong.

Hoàng Kỳ Phong is a Hanoi-based UX designer passionate about art and design. 

What makes Hoàng Kỳ Phong’s UX design portfolio so great?

With black and white images projected onto a backdrop of cartridge paper, Hoàng Kỳ Phong’s portfolio has a classic feel. 

Structurally, it is a masterclass in logical layout and digestible design. Extra marks are awarded for detailed market research and survey information. 

Consider the user at every step by demonstrating the process and results.

View Hoàng Kỳ Phong’s UX portfolio

Why do you need a UX design portfolio?

When creating an impressive UX portfolio, it’s important to understand exactly what your portfolio should achieve. What information should your portfolio present? What do you want people to learn about you and your work when they land on your portfolio?

Your UX design portfolio is not just a virtual gallery of all your most beautiful work. It’s a carefully crafted story that offers a behind-the-scenes look at your methods and processes.

How do you tackle different UX design challenges? What’s your approach to solving problems? Are you user-centric?

It should introduce you as a designer and give the viewer an understanding of your work. And, of course, all of these insights should come gift-wrapped in a visually engaging, user-friendly package.

How to build an amazing UX portfolio

Since a portfolio is all about showcasing your work as a designer, it’s obvious that you need to get some experience so that you have work to spotlight in the first place.

But what if you don’t have any industry experience (yet)? Not to worry.

It’s entirely possibly to build a strong portfolio, break into the industry, and succeed without previous UX design experience . One great place to start is by taking a free UX design short course to make sure you’re cut out for this area of the design field.

Next, you can then to enroll in a UX design certification program —preferably one that provides personalized UX mentorship and portfolio reviews.

To see a live portfolio review with a seasoned UX designer, check out this video:

Beyond this, you want to make sure that your portfolio meets these criteria:

  • Includes a memorable introduction
  • Consists of just the right number of high-quality UX case studies
  • Demonstrates reflexivity —shows your ability to reflect and learn
  • User-friendly format (practice what you preach)
  • Excellent UI design —shows you know what a good, polished final product looks like

To learn more about these five criteria (and how to meet them), read more in this guide: Five Golden Rules to Build a Job-Winning UX Design Portfolio .

Where else can you look for UX design portfolio inspiration?

That just about concludes our selection of awesome UX design portfolios from around the web. We hope this list has given you a feel for some of the most important UX design portfolio best practices and left you feeling suitably inspired.

For more portfolio inspiration, check out websites like Bestfolios , Behance , and Dribbble . For further tips and advice on building your own UX design portfolio, check out these articles:

  • 9 Awesome Portfolios From UX Design Bootcamp Graduates
  • How I Designed And Built My UX Design Portfolio From Scratch
  • 9 Free Websites for Building You UX/UI Portfolio

And finally, if you’re a UX designer looking to specialize, we’ve also written guides to build portfolios for UX writing and UX research . If you spot any further examples of great portfolios while navigating the web, do let us know so we can add them to the list.

Want to keep exploring UX design? Here are a few other articles you might like:

  • How to become a UX designer in under one year
  • Do you need a degree to become a UX designer?
  • 7 best practices to help keep your UX skillset in shape
  • How Nikolaos became a UX designer

And if you’re on the hunt for even more UX design inspiration, here are 15 quotes from design masters .

Frequently asked portfolio (FAQ) about UX portfolios

What should be in a UX portfolio?

A UX portfolio should showcase your expertise, understanding, and passion for UX. A portfolio can include elements like case studies, design, personal projects, examples of your process, and should be presented in a visually pleasing way.

How do I start a UX portfolio for beginners?

A beginner’s UX portfolio is a vital tool for entering the industry. Highlight your passion and motivation for the UX design, include your personal approaches, and if you have minimal case studies to present, include personal projects. 

How do I build my UX portfolio?

With the amount of free templates available online, building your UX portfolio has never been easier. However, it’s important to not limit yourself to a standardized approach and showcase your own unique talent. 

First and foremost, choose your projects and case studies carefully. Then present them in a logical narrative that tells a story about your design process. In your descriptions, highlight your motivations and thought processes.

Across your portfolio, focus on showcasing your design skills and problem-solving abilities, and keep your portfolio up-to-date with your latest work. Be sure to customize your portfolio for the audience.

We use essential cookies to make Venngage work. By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.

Manage Cookies

Cookies and similar technologies collect certain information about how you’re using our website. Some of them are essential, and without them you wouldn’t be able to use Venngage. But others are optional, and you get to choose whether we use them or not.

Strictly Necessary Cookies

These cookies are always on, as they’re essential for making Venngage work, and making it safe. Without these cookies, services you’ve asked for can’t be provided.

Show cookie providers

  • Google Login

Functionality Cookies

These cookies help us provide enhanced functionality and personalisation, and remember your settings. They may be set by us or by third party providers.

Performance Cookies

These cookies help us analyze how many people are using Venngage, where they come from and how they're using it. If you opt out of these cookies, we can’t get feedback to make Venngage better for you and all our users.

  • Google Analytics

Targeting Cookies

These cookies are set by our advertising partners to track your activity and show you relevant Venngage ads on other sites as you browse the internet.

  • Google Tag Manager
  • Infographics
  • Daily Infographics
  • Popular Templates
  • Accessibility
  • Graphic Design
  • Graphs and Charts
  • Data Visualization
  • Human Resources
  • Beginner Guides

Blog Graphic Design 15+ Case Study Examples for Business, Marketing & Sales

15+ Case Study Examples for Business, Marketing & Sales

Written by: Alice Corner Jan 12, 2023

Venngage case study examples

Have you ever bought something — within the last 10 years or so — without reading its reviews or without a recommendation or prior experience of using it?

If the answer is no — or at least, rarely — you get my point.

Positive reviews matter for selling to regular customers, and for B2B or SaaS businesses, detailed case studies are important too.

Wondering how to craft a compelling case study ? No worries—I’ve got you covered with 15 marketing case study templates , helpful tips, and examples to ensure your case study converts effectively.

Click to jump ahead:

What is a case study?

What to include in a professional case study, business case study examples, simple case study examples, marketing case study examples, sales case study examples.

  • Case study FAQs

A case study is an in-depth, detailed analysis of a specific real-world situation. For example, a case study can be about an individual, group, event, organization, or phenomenon. The purpose of a case study is to understand its complexities and gain insights into a particular instance or situation.

In the context of a business, however, case studies take customer success stories and explore how they use your product to help them achieve their business goals.

Case Study Definition LinkedIn Post

As well as being valuable marketing tools , case studies are a good way to evaluate your product as it allows you to objectively examine how others are using it.

It’s also a good way to interview your customers about why they work with you.

Related: What is a Case Study? [+6 Types of Case Studies]

A professional case study showcases how your product or services helped potential clients achieve their business goals. You can also create case studies of internal, successful marketing projects. A professional case study typically includes:

  • Company background and history
  • The challenge
  • How you helped
  • Specific actions taken
  • Visuals or Data
  • Client testimonials

Here’s an example of a case study template:

marketing case study example

Whether you’re a B2B or B2C company, business case studies can be a powerful resource to help with your sales, marketing, and even internal departmental awareness.

Business and business management case studies should encompass strategic insights alongside anecdotal and qualitative findings, like in the business case study examples below.

Conduct a B2B case study by researching the company holistically

When it comes to writing a case study, make sure you approach the company holistically and analyze everything from their social media to their sales.

Think about every avenue your product or service has been of use to your case study company, and ask them about the impact this has had on their wider company goals.

Venngage orange marketing case study example

In business case study examples like the one above, we can see that the company has been thought about holistically simply by the use of icons.

By combining social media icons with icons that show in-person communication we know that this is a well-researched and thorough case study.

This case study report example could also be used within an annual or end-of-year report.

Highlight the key takeaway from your marketing case study

To create a compelling case study, identify the key takeaways from your research. Use catchy language to sum up this information in a sentence, and present this sentence at the top of your page.

This is “at a glance” information and it allows people to gain a top-level understanding of the content immediately. 

Purple SAAS Business Case Study Template

You can use a large, bold, contrasting font to help this information stand out from the page and provide interest.

Learn  how to choose fonts  effectively with our Venngage guide and once you’ve done that.

Upload your fonts and  brand colors  to Venngage using the  My Brand Kit  tool and see them automatically applied to your designs.

The heading is the ideal place to put the most impactful information, as this is the first thing that people will read.

In this example, the stat of “Increase[d] lead quality by 90%” is used as the header. It makes customers want to read more to find out how exactly lead quality was increased by such a massive amount.

Purple SAAS Business Case Study Template Header

If you’re conducting an in-person interview, you could highlight a direct quote or insight provided by your interview subject.

Pick out a catchy sentence or phrase, or the key piece of information your interview subject provided and use that as a way to draw a potential customer in.

Use charts to visualize data in your business case studies

Charts are an excellent way to visualize data and to bring statistics and information to life. Charts make information easier to understand and to illustrate trends or patterns.

Making charts is even easier with Venngage.

In this consulting case study example, we can see that a chart has been used to demonstrate the difference in lead value within the Lead Elves case study.

Adding a chart here helps break up the information and add visual value to the case study. 

Red SAAS Business Case Study Template

Using charts in your case study can also be useful if you’re creating a project management case study.

You could use a Gantt chart or a project timeline to show how you have managed the project successfully.

event marketing project management gantt chart example

Use direct quotes to build trust in your marketing case study

To add an extra layer of authenticity you can include a direct quote from your customer within your case study.

According to research from Nielsen , 92% of people will trust a recommendation from a peer and 70% trust recommendations even if they’re from somebody they don’t know.

Case study peer recommendation quote

So if you have a customer or client who can’t stop singing your praises, make sure you get a direct quote from them and include it in your case study.

You can either lift part of the conversation or interview, or you can specifically request a quote. Make sure to ask for permission before using the quote.

Contrast Lead Generation Business Case Study Template

This design uses a bright contrasting speech bubble to show that it includes a direct quote, and helps the quote stand out from the rest of the text.

This will help draw the customer’s attention directly to the quote, in turn influencing them to use your product or service.

Less is often more, and this is especially true when it comes to creating designs. Whilst you want to create a professional-looking, well-written and design case study – there’s no need to overcomplicate things.

These simple case study examples show that smart clean designs and informative content can be an effective way to showcase your successes.

Use colors and fonts to create a professional-looking case study

Business case studies shouldn’t be boring. In fact, they should be beautifully and professionally designed.

This means the normal rules of design apply. Use fonts, colors, and icons to create an interesting and visually appealing case study.

In this case study example, we can see how multiple fonts have been used to help differentiate between the headers and content, as well as complementary colors and eye-catching icons.

Blue Simple Business Case Study Template

Marketing case studies are incredibly useful for showing your marketing successes. Every successful marketing campaign relies on influencing a consumer’s behavior, and a great case study can be a great way to spotlight your biggest wins.

In the marketing case study examples below, a variety of designs and techniques to create impactful and effective case studies.

Show off impressive results with a bold marketing case study

Case studies are meant to show off your successes, so make sure you feature your positive results prominently. Using bold and bright colors as well as contrasting shapes, large bold fonts, and simple icons is a great way to highlight your wins.

In well-written case study examples like the one below, the big wins are highlighted on the second page with a bright orange color and are highlighted in circles.

Making the important data stand out is especially important when attracting a prospective customer with marketing case studies.

Light simplebusiness case study template

Use a simple but clear layout in your case study

Using a simple layout in your case study can be incredibly effective, like in the example of a case study below.

Keeping a clean white background, and using slim lines to help separate the sections is an easy way to format your case study.

Making the information clear helps draw attention to the important results, and it helps improve the  accessibility of the design .

Business case study examples like this would sit nicely within a larger report, with a consistent layout throughout.

Modern lead Generaton Business Case Study Template

Use visuals and icons to create an engaging and branded business case study

Nobody wants to read pages and pages of text — and that’s why Venngage wants to help you communicate your ideas visually.

Using icons, graphics, photos, or patterns helps create a much more engaging design. 

With this Blue Cap case study icons, colors, and impactful pattern designs have been used to create an engaging design that catches your eye.

Social Media Business Case Study template

Use a monochromatic color palette to create a professional and clean case study

Let your research shine by using a monochromatic and minimalistic color palette.

By sticking to one color, and leaving lots of blank space you can ensure your design doesn’t distract a potential customer from your case study content.

Color combination examples

In this case study on Polygon Media, the design is simple and professional, and the layout allows the prospective customer to follow the flow of information.

The gradient effect on the left-hand column helps break up the white background and adds an interesting visual effect.

Gray Lead Generation Business Case Study Template

Did you know you can generate an accessible color palette with Venngage? Try our free accessible color palette generator today and create a case study that delivers and looks pleasant to the eye:

Venngage's accessible color palette generator

Add long term goals in your case study

When creating a case study it’s a great idea to look at both the short term and the long term goals of the company to gain the best understanding possible of the insights they provide.

Short-term goals will be what the company or person hopes to achieve in the next few months, and long-term goals are what the company hopes to achieve in the next few years.

Check out this modern pattern design example of a case study below:

Lead generation business case study template

In this case study example, the short and long-term goals are clearly distinguished by light blue boxes and placed side by side so that they are easy to compare.

Lead generation case study example short term goals

Use a strong introductory paragraph to outline the overall strategy and goals before outlining the specific short-term and long-term goals to help with clarity.

This strategy can also be handy when creating a consulting case study.

Use data to make concrete points about your sales and successes

When conducting any sort of research stats, facts, and figures are like gold dust (aka, really valuable).

Being able to quantify your findings is important to help understand the information fully. Saying sales increased 10% is much more effective than saying sales increased.

While sales dashboards generally tend it make it all about the numbers and charts, in sales case study examples, like this one, the key data and findings can be presented with icons. This contributes to the potential customer’s better understanding of the report.

They can clearly comprehend the information and it shows that the case study has been well researched.

Vibrant Content Marketing Case Study Template

Use emotive, persuasive, or action based language in your marketing case study

Create a compelling case study by using emotive, persuasive and action-based language when customizing your case study template.

Case study example pursuasive language

In this well-written case study example, we can see that phrases such as “Results that Speak Volumes” and “Drive Sales” have been used.

Using persuasive language like you would in a blog post. It helps inspire potential customers to take action now.

Bold Content Marketing Case Study Template

Keep your potential customers in mind when creating a customer case study for marketing

82% of marketers use case studies in their marketing  because it’s such an effective tool to help quickly gain customers’ trust and to showcase the potential of your product.

Why are case studies such an important tool in content marketing?

By writing a case study you’re telling potential customers that they can trust you because you’re showing them that other people do.

Not only that, but if you have a SaaS product, business case studies are a great way to show how other people are effectively using your product in their company.

In this case study, Network is demonstrating how their product has been used by Vortex Co. with great success; instantly showing other potential customers that their tool works and is worth using.

Teal Social Media Business Case Study Template

Related: 10+ Case Study Infographic Templates That Convert

Case studies are particularly effective as a sales technique.

A sales case study is like an extended customer testimonial, not only sharing opinions of your product – but showcasing the results you helped your customer achieve.

Make impactful statistics pop in your sales case study

Writing a case study doesn’t mean using text as the only medium for sharing results.

You should use icons to highlight areas of your research that are particularly interesting or relevant, like in this example of a case study:

Coral content marketing case study template.jpg

Icons are a great way to help summarize information quickly and can act as visual cues to help draw the customer’s attention to certain areas of the page.

In some of the business case study examples above, icons are used to represent the impressive areas of growth and are presented in a way that grabs your attention.

Use high contrast shapes and colors to draw attention to key information in your sales case study

Help the key information stand out within your case study by using high contrast shapes and colors.

Use a complementary or contrasting color, or use a shape such as a rectangle or a circle for maximum impact.

Blue case study example case growth

This design has used dark blue rectangles to help separate the information and make it easier to read.

Coupled with icons and strong statistics, this information stands out on the page and is easily digestible and retainable for a potential customer.

Blue Content Marketing Case Study Tempalte

Case study examples summary

Once you have created your case study, it’s best practice to update your examples on a regular basis to include up-to-date statistics, data, and information.

You should update your business case study examples often if you are sharing them on your website .

It’s also important that your case study sits within your brand guidelines – find out how Venngage’s My Brand Kit tool can help you create consistently branded case study templates.

Case studies are important marketing tools – but they shouldn’t be the only tool in your toolbox. Content marketing is also a valuable way to earn consumer trust.

Case study FAQ s

Why should you write a case study.

Case studies are an effective marketing technique to engage potential customers and help build trust.

By producing case studies featuring your current clients or customers, you are showcasing how your tool or product can be used. You’re also showing that other people endorse your product.

In addition to being a good way to gather positive testimonials from existing customers, business case studies are good educational resources and can be shared amongst your company or team, and used as a reference for future projects.

How should you write a case study?

To create a great case study, you should think strategically. The first step, before starting your case study research, is to think about what you aim to learn or what you aim to prove.

You might be aiming to learn how a company makes sales or develops a new product. If this is the case, base your questions around this.

You can learn more about writing a case study  from our extensive guide.

Related: How to Present a Case Study like a Pro (With Examples)

Some good questions you could ask would be:

  • Why do you use our tool or service?
  • How often do you use our tool or service?
  • What does the process of using our product look like to you?
  • If our product didn’t exist, what would you be doing instead?
  • What is the number one benefit you’ve found from using our tool?

You might also enjoy:

  • 12 Essential Consulting Templates For Marketing, Planning and Branding
  • Best Marketing Strategies for Consultants and Freelancers in 2019 [Study + Infographic]

Discover popular designs

best case study design

Infographic maker

best case study design

Brochure maker

best case study design

White paper online

best case study design

Newsletter creator

best case study design

Flyer maker

best case study design

Timeline maker

best case study design

Letterhead maker

best case study design

Mind map maker

best case study design

Ebook maker

  • Design for Business
  • Most Recent
  • Presentations
  • Infographics
  • Data Visualizations
  • Forms and Surveys
  • Video & Animation
  • Case Studies
  • Digital Marketing
  • Design Inspiration
  • Visual Thinking
  • Product Updates
  • Visme Webinars
  • Artificial Intelligence

How to Create a Case Study + 14 Case Study Templates

How to Create a Case Study + 14 Case Study Templates

Written by: Brian Nuckols

An illustration of a man pointing to a case study inside a manila folder.

When it comes to high impact marketing content, case studies are at the top of the list for helping show off your brand’s stuff. 

In this post, I’ve put together a few high-level case study design tips as well as 14 professionally designed case study templates that you can use to start designing beautiful case studies today. 

Let’s begin! 

Here’s a short selection of 12 easy-to-edit case study templates you can edit, share and download with Visme. View more templates below:

best case study design

What is a Case Study?

A case study is a way for you to demonstrate the success you’ve already had with existing clients. When you create a case study, you explore how previous clients have used your product or service to reach their goals. 

In particular, a case study highlights a specific challenge or goal one of your clients was struggling with before they discovered your product. 

It then demonstrates how your work has assisted them on the journey towards overcoming the challenge or accomplishing the goal. 

A case study’s outcome is typically to share the story of a company’s growth or highlight the increase of metrics the company tracks to understand success. 

The case study includes an analysis of a campaign or project that goes through a few steps from identifying the problem to how you implemented the solution. 

How to Write a Case Study

When it comes to adding irresistible design to your content from the start, using a helpful tool is a great start. Sign up for a free Visme account and start highlighting your own client success stories using one of our case study templates today. 

Also, while you’re beginning to transition your case study workflow to include a professional design tool, it’s helpful to review some high level principles you can incorporate into your case study. 

We’ll start by reviewing some of the critical style tips and structural elements to include in your case study before progressing to a more detailed design section. 

An infographic sharing three style tips for case studies.

Pinpoint Your Main Message

When designing an impactful case study, it’s essential to stay clear on the metrics that you’re highlighting. The process of overcoming business challenges is a dynamic process with many moving parts. 

If you do not stay focused on what matters in your case study, you risk obscuring the big win your client experienced by using your product or service. 

This is why you need to focus on a single message or metric. This is often called the north star metric . 

The north star metric is the single most crucial rate, count or ratio that helped your client move closer towards their goals or overcame an obstacle. 

While north star metrics are context dependent, a useful heuristic you can utilize is to figure out the most predictive metric of your client’s long term success. 

In the template I’ll highlight below, cost per lead was the north star metric that The College for Adult Learning needed to optimize. 

Build relationships with customers and drive sales growth

  • Reach out to prospects with impressive pitch decks and proposals that convert
  • Monitor clients' level of engagement to see what they are most interested in
  • Build a winning sales playbook to maximize your sales team's efficiency

Sign up. It’s free.

Build relationships with customers and drive sales growth

Use Emotionally Rich Language 

Recently researchers at Presado did an interesting study to understand the types of language that help readers take action. They broke the content included in marketing assets into several categories, including functional, emotional and descriptive. 

In the most successful pieces of content, the researchers found that emotionally coded words were present in 61% of the content’s total volume.

This research shows the benefit of using emotionally engaging content in your case study. While it’s essential to focus on the concrete evidence of how you helped your client get from where they started to a successful outcome, do not forget to highlight the emotional journey. 

A diagram showcasing marketing language and the emotions it evokes.

Use Data For Concrete Evidence 

Once you’ve decided on the north star metric to highlight and you choose the emotional response you want to reinforce in your case study, it’s important to use actual data from the project to share the concrete results your product helped to achieve. 

To make sure your audience can follow your line of thinking, make sure the data in your case study is precise. If you track data across time, your readers must know whether you chose to track by month or years. 

If there are any apparent trends, you can use color to highlight specific areas in a chart. 

If you want to dig deeper into using data to tell compelling stories, check out our video data storytelling tips to improve your charts and graphs. 

best case study design

In the template below, The College for Adult Learning case study is an excellent example of how these elements can work together. 

Cost per lead was a critical north star metric, so we chose to emphasize the increase in revenue and a decrease in cost per lead. 

Additionally, the background section uses emotionally rich language by highlighting how the school helps students get ahead with their career goals. Also, the factual data is the centerpiece of this page in the case study.

If you’re ready to share how you impacted a client, use the College for Adult Learning case study template right now! 

College for Adult Learning case study template available for customization in Visme.

Include All Necessary Parts of a Case Study

After you’ve interviewed your client and you’re getting ready to start writing, it’s important to remember each piece you need to cover.

All good case studies consist of five parts: Introduction, Challenge, Solution, Benefit and Result.

An informational infographic template showcasing parts of a case study available to customize in Visme.

While you don’t necessarily need to label each section like that, be sure that the flow makes sense and covers each section fully to give your audience the full scope of your case study.

RELATED: 15 Real-Life Case Study Examples & Best Practices

14 Case Study Templates

Now that we have explored some of the high level strategies you can use to create a business case study, we will transition to 14 case study design templates you can use with Visme. 

1. Fuji Xerox Australia Case Study Template

A blue and white case study template available to be customized in Visme.

Use the Fuji Xerox case study template to showcase the concrete results you achieved for your clients. It has sections where you can explain the goals you started with and the results you achieved. 

2. College for Adult Learning Case Study Template

College for Adult Learning case study template available for customization in Visme.

As we’ve explored already, the College for Adult Learning template has sections where you can embrace a data driven storytelling approach while also connecting with your audience using emotionally rich language. 

Utilize the professionally designed business case study to connect with your audience. 

3. Intel Case Study Template

Orange and white case study template available for customization in Visme.

The Intel case study has beautiful visual elements and gives you space to share the project’s context and the goals you set out to achieve. It also allows you to get concrete with the results you achieved. 

You can always use the Visme Brand Kit to incorporate your unique brand colors into this stunning design. 

4. Bit.ly Case Study Template

Orange and teal case study template available for customization in Visme.

Bit.ly is a marketing product that helps brands track how they are doing with campaign results. The bit.ly business case study template showcases how they drove impressive results for an eCommerce business. 

You can modify the professionally designed case study template to illustrate the key results you drive for your clients. 

5. NVISIONCenters Case Study Template

Blue and purple case study template available for customization in Visme.

The NVISIONCenters case study template is an excellent example of how powerful it is to pair beautiful designs with the results you generate for your clients. In this case study, we see how you can transform your past accomplishments into a powerful marketing asset. 

6. Adobe Case Study Template

Yellow and black case study template available for customization in Visme.

The Adobe case study is an exciting example of a business case study because it does a great job illustrating how you can use a specific result to create a powerful marketing asset. 

Adobe had a particular goal of branding to position itself as a leader for the future of digital marketing. LinkedIn sponsored messages was an effective tactic to drive the outcome Adobe needed. 

You can use the Adobe case study template to demonstrate the success of your most effective tactics. 

7. Inkjet Wholesale Case Study Template

A colorful case study template available for customization in Visme.

The Inkjet wholesale case study template is an excellent choice if you want to experiment with your case study’s visual element. The roadmap to objectives diagram is a powerful graphic that illustrates the journey of a successful campaign. 

8. Neutrogena Case Study Template

Blue and white case study template available for customization in Visme.

If you have a strong visual brand to tell your case study’s story with visuals, the Neutrogena template is a great choice. It is already designed with plenty of space to highlight your visuals. 

When it is all said and done, you have the results section to complete a successful client partnership story.

9. Weebly Case Study Template

Neutral case study template available for customization in Visme.

The Weebly case study template is your choice if you want to add visual flair to your case study. The beautiful layout is a testament to the power of pairing minimal design with an exciting statistic. 

10. Patagonia Case Study Template

Bright pink and purple case study template available for customization in Visme.

The Patagonia case study is a perfect example of how crucial it is to make design choices based on your brand’s unique personality. 

It is a fantastic choice if you have a project to showcase featuring a brand with a distinct brand aesthetic.  

11. Think With Google Case Study Template

Red and white case study template available for customization in Visme.

The Think With Google case study template tells the story of a mobile game that needed to create more engagement on their app. 

It is a visually impactful case study design template that you can use to tell a compelling story about your results. 

12. Kleenex Case Study Template

Beige case study template available for customization in Visme.

This case study template is the perfect way to show off search marketing results for a client or other highly specific KPIs that you managed to accomplish.

Insert the initial challenge followed by your company’s solution and adjust the included data visualization tools to showcase your specific results.

13. Customer Experience Presentation Case Study Template

Orange and purple case study presentation template available for customization in Visme.

The presentation case study template is an excellent choice for blending beautiful visual elements with the ability to give detailed information about the results you generated, as well as showcasing that data in a unique format. 

If you are ready to show how the unique features of your product or service drove real world business results then it is a good choice for your case study. 

14. Webinar Presentation Case Study Template

Purple, pink and blue case study presentation available for customization in Visme.

One small business saw incredible results when using Visme to optimize their webinar workflow. They saved 100 hours of their precious time by incorporating our collaborative design tools. 

We designed the small business template using those results as an example. When you have an eye catching effect to showcase to your audience, you can use this template as a starting point. 

Case Study Design Tips

Now that we’ve explored the 14 templates you can use with Visme to create your case study, let’s take a look at some practical design tips that will take your content to the next level. 

Infographic sharing six case study design tips.

Be Brief In Your Case Study 

In discussions about writing with style, brevity is a common topic. However, it’s also an important design principle. 

Brevity in design is when you find the best way to perform your intended objective in as few steps as possible. 

When designing your case study, make sure you do not add extraneous visual elements where they are not needed. Instead, think of the effect you want to have on your reader and try to do it simply. 

Describe Your Vision Clearly

Earlier in this article, I wrote about the north star metric, your case study’s emotional effect and using data to make the case study concrete. Your design choices should serve to reinforce these primary goals. 

Clarity in design is when all of the visual elements add up to a whole. 

A great example of this is in the small business case study template where the shapes, typography and color scheme all emphasize the main idea that Visme helps the reader save time. 

Blue and purple presentation slide showcasing the highlight of a case study.

Create A Consistent Style 

Visual consistency is a fundamental design principle that you can not afford to ignore in your case study. It will help you increase readability and make sure your audience does not get frustrated with jarring visual elements. 

In short, a consistent style is when you use a uniform color scheme, typography and the same kinds of visual elements throughout the case study. 

Use A Case Study Template For Readability

Readability is a crucial element of design, especially for case studies that are experienced on mobile devices. Contrast is an impactful readability principle. 

Make sure any contrasting colors you chose are easy on the eye and your reader does not have to strain to read your case study. 

Use Proper Alignment In Your Case Study 

Alignment is one of the principles of design that sets professionally designed business case study templates apart. Great designers have an intuitive eye for the mathematically based ratios of proximity invisible in sound design and an eyesore in lousy design. 

The good news is that you do not have to be a mathematician nor a professional designer to have a perfect alignment for your case study. Visme utilizes an easy to use drag and drop design tool that helps you achieve proper alignment in your case study. 

Let Your Brand Personality Speak

When we make intentional design decisions, we want to create a positive emotional experience for our audience. One of the best ways to do that is to make decisions that showcase your brand’s unique personality .

Is the case study you are creating like a well dressed business person who is serious, trustworthy and capable of doing a great job? Is it more like an extravert at a party bouncing from person to person lighting up the room? 

There is no right answer, but you need to infuse your viewpoint into the case study you create if you want to create a unique design. 

Start Designing Your Case Study Today 

A professionally designed case study template will help you create a stunning case study. While reviewing some high level design strategies is an important step, a tool like Visme will help you make a real impact on your audience.

If you’re ready to create your next case study, get started with Visme today .

Design beautiful visual content you can be proud of.

best case study design

Trusted by leading brands

Capterra

Recommended content for you:

A Complete Guide to Service Level Agreement (SLA) + Template

Create Stunning Content!

Design visual brand experiences for your business whether you are a seasoned designer or a total novice.

best case study design

About the Author

Brian Nuckols is a writer working in Pittsburgh, Pennsylvania. He enjoys communicating visionary ideas in clear, action oriented language. When he’s not working on content for a transformative company you can find him analyzing dreams, creating music, and writing poetry.

best case study design

19 Examples of Online Case Studies Done Right

Examples of Online Case Studies Done Right

Designers generally don’t like writing. After all, creative problem-solving through design uses visual, not verbal tools, right? But, sadly for many, case studies are supposed to contain text, too. This is where a lot of designers and art directors stumble, ending up either with poorly crafted case studies, or no case studies in their portfolio at all. And that’s a huge mistake. Online case studies (because these days, if it’s not online, it’s not there at all) are immensely important as they provide a compact, informative display of not just your skills and expertise, but your professionalism too. A good case study shows that you understand the concept of focus, that you can distinguish between different layers of relevance and also sheds some light on your creative process. As such, case studies are an indispensable hiring tool.

That being said, let’s see how the visually-oriented folks can craft a case study that ticks all the right boxes.

Quick Tips for Designing Perfect Online Case Studies

If you’re in doubt as to where to start with your case studies, here are a few things to keep in mind:

  • Stay focused . Don’t use case studies as an opportunity to channel your revolutionary ideas, but don’t delve in conventionalities, either. Don’t try to tell everything about the project at once, or at all. Your clients don’t need to know everything you did for a project. But they do need to know the relevant bits.
  • Provide a solid structure. Scannable content is the form that works the best, whatever the format. Separate your key information in tidy, well-rounded units. These include, but are not limited to: project target/goal/outcome, background, evaluation, concept, implementation, conclusion.
  • Provide essential project information. Viewers need the who, the what and the when.
  • Treat the page as a gallery wall. Consider your own portfolio style and create case study pages that are in line with it, but also convey the character and the spirit of the project, too. When displaying visual material, don’t just scatter it around the page – it won’t impress anyone. Try exhibiting it in engaging, interactive frames, add interaction for better immersion, and display the material in their intended environment – various device screens, etc.
  • Maintain good measure. You want to dazzle the visitors, not blind them. If your case studies are too cluttered, flashy or visually saturated, they might create an undesired effect. Go for minimalism, but avoid making your pages look poor.

Sure, things like these are sometimes easier said than done. That’s why we prepared a curated selection of the best, most inspiring online case studies we handpicked around the web, hoping to give you some cues and ideas for your own cases. Here’s what we’ll talk about:

Juicebrothers by Lama Lama

Art of swissdent by creative nights, max shkret by zhenya rynzhuk, mercado by loer architecten, self scenter by ultranoir, fontshare by wemakefab, more & more nespresso by playful, bian 2016 by baillat studio, prada employees online store by niccolò miranda, ortovivo by k95, obys agency typography principles, komuso design by tubik, the 92 group by humana studio, dreamhaus by wørks studio, topline by parsons branding, weekend by hello today, posted by fuge, decathlon app by fuego camina conmigo, unstuck by violet office.

Juicebrothers by Lama Lama

If you read our piece on creative page transitions , you probably remember Lama Lama , a creative digital agency from Amsterdam, and their Juicebrothers project. The case study for the project (the organic, cold-pressed juice brand from Netherlands) is presented in a combination of playfulness and youth typical of Lama Lama, and a high level of professionalism, also typical of the agency . The main visual motif is the beautiful deep green color that communicates health and vitality, featured extensively in layouts for the Juicebrothers website. Small white typography conveys just the right amount of information about the project and allows the imagery to take center stage. The case study page opens with a sort of split screen between bits of text on the left and a vertical image gallery to the right, and then proceeds with larger image and video sections displaying selected bits of visual content for the brand. All the while, we also get to play with the cursor effect – an oversized, pixelized snake trail that follows the mouse movements.

Art of Swissdent by Creative Nights

Creative Nights is a UX design consultancy and creative studio headquartered in Prague, with an impressive roster of international projects. One of these projects is the website for the renowned dental products brand, Swissdent. Art of Swissdent is designed as a crossover between an eCommerce website and an online presentation of the brand. The case study , available at the agency’s website in their Works section, follows the style and the look of the agency’s branding and design, and the selected imagery from the project is given in beautiful frame sections with round edges. The entire page is perfectly balanced in terms of atmosphere, colors and dynamics , and makes the displayed work appear as an integral part of the agency’s own aesthetics, even if that may not necessarily be the case. The page ends with three fun, oversized buttons that the visitors can use to share their impressions with the agency.

Max Shkret by Zhenya Rynzhuk

Zhenya Rynzhuk is an architect-turned-art director with a solid industry experience and quite a few awards under her belt. Her website, which has received accolades for overall design as well as for mobile excellence, features some innovative design solutions, plenty of interactivity and just the right amount of brutalist details to keep things exciting in a minimalist environment . The Work section features several case studies for the projects Zhenya is most proud of, including art direction and interface design for Max Shkret , an award-winning digital artist creating 3D digital models. After an airy, minimalist and monochromatic section introducing the project, the page proceeds with a scroll-animated gallery of select project imagery. The images of Shkret’s digital models of animals (for which he hopes to raise enough money to turn into actual physical objects) are presented in successive full-width sections, each with a background that matches the object chromatically), resulting in an interesting, exciting stroll through Shrek’s imaginary world . This layout also adds a welcome touch of color to Zhenya’s generally monochromatic ambient.

Mercado by Loer Architecten

Loer Architecten is a Dutch architecture studio with a beautiful, airy, dynamic website based on full-screen imagery, interactivity and interesting navigational solutions. The Projects section includes an interactive links list from which we get to navigate to the projects that interest us. We picked the Mercado project , which has the goal of transforming an abandoned backalley in the center of Groeningen into a thriving commercial and urban hub. Just as it would be expected from an architecture studio, the case study is clean and precise, opening with the most essential information , such as status and location. It is the page layout, however, that gives it a welcome kick and saves it from being plain and dull . The project name is displayed in vertical letters to avoid occupying precious space on the page. Thin straight and curved interface lines give it dynamicity, and so do animations in individual pieces of visual content, as well as animated scrolling effects. There isn’t a single full-width or full-screen image in this case study which, combined with ample use of negative space, gives it a very clean, breathable character.

Acheron

Insurance WordPress Theme

Lynna

Kids and Toy Store WooCommerce Theme

FreightExpress

FreightExpress

Transport & Logistics WordPress Theme

Self Scenter by Ultranoir

Commissioned by Comme des Garcons to create an interactive digital experience helping customers discover their fragrances, the French digital agency Ultranoir came up with Self Scenter , a Web GL-based reinvention of the brand’s Fragrance Finder so that it dynamically creates user-specific shapes. The case study shares some of the immersiveness of the project, especially in the hero section with a video and a large title. The case study, however, assumes a cleaner, more informative and practical character later on the page, sharing some of the visual pieces that best convey the atmosphere of the project – videos and select imagery. And the project is truly stunning, too – a beautiful dark interface with a somewhat mysterious character is graced by superbly designed elements with utmost attention to detail and aesthetic coherence. These dark visuals are contrasted by a light background, complete with the cursor shaped like a dot that changes from black to white and vice versa, depending on the surface it hovers upon.

Fontshare by Wemakefab

Wemakefab is an old acquaintance from our exploration of the power of interactive links in web design , and today we want to take a look at the case study for the project they developed for the online font aggregator Fontshare. As we get to learn from the case study, the project involved complete visual rebranding, interface design and even the logo redesign. And we have to say, this is a proper case study here, the one that ticks all the boxes as to how a case study should be done and what it should include . Each element of the project is listed and illustrated in a logical, sequential manner, on a clean, high-contrast black and white page. It starts with the project blurb, and then moves to font cards, internal pages, mobile view, the palette and select details. All visuals are given in a manner that follows the principles of usability and clean design – they are large (occasionally oversized), clean, carefully arranged, with occasional thin lines, both vertical and horizontal, that sequence off the sections. Several elements give off a spirit of playfulness and humor – like the section that switches from white ot black when hovered upon, oversized typography and the blinking cursor. The case study is stylistically coherent and tight and very well matched to the nature and the purpose of the project.

More & More Nespresso by Playful

Playful is a collaborative collective of digital creators specialized in art direction and moving picture campaigns. More & More Nespresso is, by their own admission, one of the most challenging and rewarding projects the agency has worked on. The case study for the project is just as complex and rich as the project itself. It opens with an impressive hero slider introducing some of the textures that played a central role in the project, in a deep, sultry purple. Carefully curated images and videos from the project are skillfully arranged along the page, contrasted with large empty spaces with light backgrounds and text, offering a welcome pause from the visual feast. The color play is particularly striking – the project itself features a delicate interplay between rich, deep burgundys, greens and blues on one hand, and fine, elegant pastels on the other. The same interplay is repeated in the case study, and the elegant, sophisticated character of the project is underlined by the use of the lovely Antiga typeface throughout the page. The page features a director’s cut video, which is the centerpiece of the project, but doesn’t take over the case study, as it is after all exactly that – a case study in which the agency explains the creative process and pinpoints main visual cues and motifs.

Bian 2016 by Baillat Studio

You may remember the Baillat Studio from our piece on inspiring menu design , in which we praised the studio’s modern, interactive fullscreen menu. Today we’re going to check out the Project section of the website, specifically the case study for the 2016 edition of BIAN (the International Digital Art Biennale). The visual identity for the festival was based on black and red, a color combination that creates a lovely contrast with the page’s light gray background and black interface typography. A short text about the target and the main identity elements (Swiss style-based aesthetics, right-angle frames, repetition, lines and precision) follows the opening hero section with a full-width visual from the project. After this introductory section, we get to explore the visuals from the project, presented in the form of photography, video and images of project material in real life, in its designated ambience. The agency, therefore, decided to let the images speak for themselves, without excessive explanations and textual narratives . And it was a good call, too – the page is compact and informative, just what a case study should be.

Prada Employees Online Store by Niccolò Miranda

Here’s a designer we love to feature in our articles – we’ve written about Niccolò Miranda in our pieces on poster-inspired web design and on great examples of footer design , to name a few. This time around, let’s take a look at how this talented Italian designer and developer with a penchant for illustration decided to present his featured works on his website, using the case study for Prada Employees Online Store as an example. The first thing we notice is that the project pages are completely in line with the overall style of Miranda’s portfolio. By that we mean the paper-like texture, the torn paper effect, the columns and sections resembling newspaper layouts, and, of course, illustrations . The page opens with a hero section that holds a lovely illustration from the project he did for Prada (an online store that sells the brand’s previous collections). We then move on to a section explaining what it was that Miranda was commissioned to do, and sections explaining how he did it. What’s interesting (in addition to the distinct and idiosyncratic style) is that the imagery from the project is presented not in the main page content, but instead in a sidebar that opens to the right when we click on the appropriate icon . The page also features a big oval button that leads to the project’s live site, and that’s about it. It is basically more of a project blurb page than a case study per se, but considering its unique style and Miranda’s amazing talent, we figured it deserved a mention here as well.

Ortovivo by K95

K95 is a design, branding and communications agency from Catania, Sicily. They work with mostly Italian clients but have a few international names on their roster as well. Their website features a neat list of projects in the form of an interactive link carousel, each link leading to the appropriate case study. Today we’re going to check out the one for Ortovivo , a Sicilian organic food production company. Each project is neatly divided into sections that include description, target, branding and packaging , linked in the header (from which we can also turn off the case study and return to the homepage). The layout is airy and clean, with plenty of empty space around each piece of visual content, and a large circular animated button inviting us to scroll to explore the project. Sections with empty space are combined with full-width interactive ones, moving and expanding as we scroll. It is a dynamic, modern and skillfully designed page that unites good UX, usability and efficiency with modern design practices that speak volumes of the agency’s expertise and taste.

Obys Agency Typography Principles

Obys Agency is a creative design agency from Ukraine with a focus on UX/UI design, animation, graphic design and development. Their website is a modern, streamlined and fluid display of their works, principles, accolades and much more. As an agency that flaunts a serious approach to everything they do, Obys wanted to share some of their ethos and the artistic and design principles they follow in their work, and that’s why they created a standalone website on Typography Principles , while the main website has a page that serves as a case study for it. The site includes three sections explaining how the agency uses fonts, how it combines them and what rules it follows when it comes to typography. The page follows the white on black aesthetic line of the rest of the website, with sections that roll up or down revealing underlying content. Navigation is particularly interesting here, as we get to explore the visual content through scrolling, clicking on oversized interactive buttons, and play videos. Numbered sections and diagonal arrows hint to physical navigation signals (like traffic or airport ones), and the part of the study that deals with animation is presented in a separate unit. The website itself is rather impressive and the case study does an excellent job at conveying its complexity and elegance, both design-wise and in terms of UX.

Komuso Design by Tubik

Tubik Studio is a full-stack digital service agency with a focus on UX and UI design. Their website offers a rather no-frills (but nevertheless striking) display of services and works the studio is most proud of, with a gallery of images leading to specific projects. The page for Komuso Design project, for instance, offers an informative and hands-on overview of the project. It opens with an intro hero image, followed by brief project info presented in a simple, readable form, with comfortable black Gilroy typography on a white background. The visual content is presented in the form of videos on a lovely marble-like background, combined with screenshots from the project arranged on a beautifully combined palette of pastels. A particularly well-designed section is the boxed split slider gallery that offers a dynamic and convenient way of displaying several instances of content without cluttering the page or making it too long. The study ends with the visual system: a color scheme with HEX codes, some representative samples of typography and the mobile layout. The entire page bears an airy, pleasant character, perfectly aligned with the client’s brand and product (a wellness tool designed to help people relax through breathing).

The 92 Group by Humana Studio

Humana Studio is a Portuguese agency that helps build brands with a social and environmental impact. They were commissioned by the 92 Group, a design studio that challenges traditions in media and entertainment through irreverence, unconventionality and youth. Obviously, this was an excellent fit as the Humana Studio has a distinctly disruptive approach. The case study for the 92 Group brand identity and communication strategy partly follows the same disruptive principles – especially in terms of visual communication – but also some more conventional ones, specifically when it comes to UX. The visual content is saturated, loud and bold , with strong, deep colors on a black background, but the way it is arranged on the page guarantees proper navigation, readability and ease of consumption . The sections are topped with a subtle zoom-in effect and a yellow round cursor that shrinks and expands and the text is short and to the point. The study is brief but concentrated, informative and practical, coherent in character and atmosphere.

DreamHaus by WØRKS Studio

WØRKS Studio is a New York-based consultancy specializing in creative direction, strategy and design. Their main website is an exciting showcase of both the agency ethos and their projects, and is marked by a distinct cinematic approach, with a lot of information and content being handed in form of immersive fullscreen videos and animated sequences. The DreamHaus project is presented as an animated study of the pillar design elements used for the project – with the main focus on typography and the palette . The fullscreen hero section opens with a large animated logo of the project, proceeds with a palette of beautiful pastels, with names and hex codes, and ends with a sequence that showcases the typography used for the project, and the main layout style, as well as textures. The visitor can scroll to learn more about the project and its goal, as well as the main guidelines that the agency followed in the creative direction of this project. The images related to the project, or the products of the direction, if you will, are presented with animation effects that feature a brief flash of yellow, which is the agency’s signature color, thus providing a continuity between the project and its creator and, of course, reinforcing the agency’s own branding.

Topline by Parsons Branding

Our most frequent readers might remember Parsons Branding from our piece on inspiring creative agencies and designers , in which we praised the agency’s beautiful UI design and interesting navigation solutions. Today, we want to check out one of their case studies, specifically the one for Topline , the South African tool manufacturer. The case studies all feature unique page navigation – the left portion of the screen contains a numbered section with jump links to specific parts of the case study : Overview, Identity, Packaging and so on, and of course we can simply scroll down and explore the entire study in its intended order. The background is in the agency’s signature green and gray, with a very subtle paper-like texture, giving the entire interface a lifelike quality. The left side, the one with the table of contents, remains static as we scroll, assuring easy navigation and orientation on the page, which is, in itself, quite rich in content, both visual and textual. Certain sections are given in horizontal scroll sliders, so we get an impression that the page expands in all directions. This is an extremely well thought-out case study, brimful of information for those interested in exploring the project in great detail, but at the same time simple and informative for those looking to just skim the content.

Weekend by Hello Today

The Japanese Hello Today did a quite complete agency work for the home appliance manufacturer Weekend, from strategic planning and branding to graphic design, web design, photo and art direction and even copywriting. The Weekend case study on the agency website is a modern, elegantly dark showcase of everything the agency did, from the first steps to the completion of the project. Discrete white typography on a black background introduces basic project information and brand philosophy, both in English and in Japanese, before we scroll down to visuals. These are presented in a typically Japanese, dignified manner, gently floating on the black background, creating a beautiful contrast and a strange sense of calm . Thin, subtle interface lines provide some framework for the visual content and communicate rather successfully with the overall aesthetics of the website – minimalist and stripped-down.

Posted by Fuge

Fuge is a Moscow-based design agency delivering UI, branding and digital solutions. The agency website is minimalist, in a very reduced palette, with small typography and on-lover grid patterns, resulting in a modern, serious look. This character is repeated throughout the website, including the individual case pages. Our favorite one is the case study for Posted , a design magazine for which the agency did branding, as well as UX and UI services and animations. The case page starts rather minimalistically, with a large image on a light background and just a few bits of text. As we scroll, more and more pieces of content appear on screen, in an interactive and rather fluid way . The case study is divided into sections – logo and elements, desktop and mobile versions of the magazine website. Each image can be expanded in a popup, with smooth and modern transitions, giving the page a dynamic and modern look. This atmosphere is reinforced by a modern, minimalist palette reduced to grayscale, black and red, which is the Posted brand palette. The images (or rather previews) are alternately arranged on the page, creating a lovely balance, and the entire composition appears to be held in place by the grid lines that appear as we hover over certain areas.

Decathlon App by Fuego Camina Conmigo

Decathlon has long planned a redesign and a relaunch of its app for the Spanish market but the Covid-19 pandemic put a halt to those plans for a while. As soon as the pandemic loosened, the sports goods company reached out to the Barcelona-based, Twin Peaks-named agency Fuego Camina Conmigo (Fire Walk with Me) for a range of services from digital strategy, art direction and concept, to copy, audiovisual content and social ads. The Decathlon App case study is available at the agency website, and it’s one of the most successful, detailed and complete studies we’ve seen in a while . it ticks all the boxes in terms of what a case study should contain – the context, the target, the implementation, and so on, but it does so in a way that is by no means dry or technical. The agency achieved this by skillfully alternating light and readable text sections with fullscreen sections with the visual material from the app , which can be viewed either as images or clicked to play a video. All the while, the agency maintains its own visual identity, present in typography, layout styles and elements such as the round cursor, buttons and icons.

Unstuck by Violet Office

Here’s a project that is as noble as it is well-carried out. Unstuck by Violet Office is an effort started by the CEO of Chobani and several other stakeholders with the goal of helping refugees find full-time jobs in partner companies and their supply chains. Chobani was the first to join the project, of course, and it was soon followed by other major brands like Ben & Jerry and Dole. Violet Office did the branding, web design and development, as well as social media. The branding part is perhaps the most impressive – the agency created a logo and wordmark that can easily fit any brand partner’s logo , and the first part of the case study focuses on that particular effort, complete with rich visuals proving the efficiency of the design . It then proceeds with an analysis of the Unstuck visual system (colors, patterns, typography), and ends with examples of brand activations, complete with the launch video. The high-contrast visuals are displayed full-width, either in galleries or individually, which creates an immersive effect on the visitor, who ends up being completely drawn into the narrative of this commendable project.

Wrapping It Up

As we saw from the examples we visited today, while a good case study may not necessarily have to strictly adhere to a formulaic structure, it’s still a good idea to give it some structure and to conceptualize it in a way that communicates clearly and directly with the viewer. And since the viewers are also potential clients, it’s needless to stress how important this is.

We’ve seen some “proper” case studies with neatly divided sections and a tight structure repeated throughout each study. We’ve also seen some more “relaxed” ones, and some that perhaps don’t really qualify as case studies in the strictest terms but that due to their quality and supreme design elements deserve a mention.

Hopefully we managed to inspire you by showing a variety of styles and methodologies you can follow in creating your own case studies. Feel free to share with us your own favorites or, even better, your own work!

How to Create a WordPress Website: The Ultimate Guide

10 captivating examples of the liquid metal effect in web design, 10 examples of imaginative mouse cursor design, 10 examples of innovative contact form design, 10 examples of websites inspired by poster aesthetics, 10 google font combinations for inspiration, 10 inspiring design podcasts to listen to while you work.

Qode Interactive Themes 600

Post your comment cancel reply

Save my name and website in this browser for the next time I comment.

Post your comment

5 inspiring web design case studies

A good case study makes for a top calling card; check out these examples.

The reality of web design is that once you've finished a project, you hopefully move straight onto the next one. However, every site you deliver is an essential portfolio piece that demonstrates your skills and abilities, and while you'll usually want to link to your recent work on your site, it pays to do the job properly.

Rather than simply grabbing a screenshot of a landing page and a link and adding it to your online portfolio, writing up an engaging case study on your work can be a lot more worthwhile. Case studies don't need to be lengthy essays; they just need to give readers a taste of your process and provide some insight into the challenges you've faced over the course of a web build and how you solved them. 

They're a great way to let potential clients know how you work, and they can also provide inspiration for other designers and developers; here are five of our favourite recent examples. Make sure you also check out our top web design tips .

  • How to write engaging case studies for your portfolio

01. Museum of Science and Industry of Chicago

Web design case studies: Museum of Science and Industry of Chicago

For a really inspiring case study, it's hard to beat DogStudio's extensive piece chronicling its work for the Museum of Science and Industry of Chicago. The museum is a vast and highly respected American institution, and you can't help but get the impression that DogStudio was punching well above its weight when it won the commission to rethink and revamp its web platform, but as this case study reveals, it carried the job off with aplomb.

Packed with revealing wireframes, imagery and animations, it's a fascinating insight into a massive and challenging build that had to cater for more than five million online visitors wanting to do everything from buy tickets through to figuring out where to park and finding information about individual exhibits. 

02. National Geographic: A Bear's-Eye View of Yellowstone

Web design case studies: National Geographic: A Bear's-Eye View of Yellowstone

Sometimes it's better to show rather than tell. For this captivating look at Yellowstone National Park as seen by four bears fitted with camera collars and GPS, Hello Monday had a wealth of footage, data and expert analysis to work with. And rather than go into dry details of how it fitted everything together, it keeps things brief in its case study , providing a short outline of the project and deliverables before moving on to an entirely visual essay that demonstrates just how much work went into creating this digital feature.

As well as a good helping of footage and screenshots showcasing what the site's all about, what we really love about this study is a section dedicated to how Hello Monday stamped its own personality on the project, breathing extra life into the feature with animation, watercolour illustrations and pencil-drawn portraits of each bear.

Get the Creative Bloq Newsletter

Daily design news, reviews, how-tos and more, as picked by the editors.

03. Once Upon a Time in… Hollywood

Web design case studies: Once Upon a Time in… Hollywood

Currently doing big business at the box office, Quentin Tarantino's Once Upon a Time in… Hollywood is a love letter to 1960's cinema that recreates its era with Tarantino's typical attention to detail. And to create an online presence that captured the feel of 1969 Hollywood as well as the film, LA agency Watson went the extra mile to create a digital magazine that feels like it could have come off a newsstand 50 years ago.

In this case study the Watson team explain not only the thinking behind the magazine and its pitch-perfect adverts, but also how they create a physical print run of the mag that got handed out at the premiere and first-night screenings, creating a whole other social buzz as movie fans posted shots of their magazine to prove that they were there. If you're looking for ideas on how to run a strong social campaign, there's some great material here. 

04. British Red Cross

Web design case studies: British Red Cross

Kota's case study on its recent work with the British Red Cross is a clear and concise piece that provides valuable insight on the challenges – and opportunities – of working on a campaign with an institution with clear-cut brand guidelines that need to be adhered to. In the case of the British Red Cross's OneKindThing campaign, Kota had to create a platform that stood out from previous campaigns while staying within the society's pretty epic brand guidelines.

With a handful of images and a couple of paragraphs, Kota outlines how it managed just that, and also covers some of the technical hurdles that had to be overcome to deliver the finished site. The end result was well worth the effort, as the British Red Cross testimonial at the end of the case study reveals.

05. Stonewall Forever

Web design case studies: Stonewall Forever

To mark the 50th anniversary of the Stonewall Riots, an event that helped bring about the Pride movement, Stink Digital partnered with The LGBT Community Center to create Stonewall Forever, an immersive digital experience that features key narratives and previously unheard stories from LGBTQ+ history. 

Stink Digital's case study explains how it built a living monument to 50 years of Pride, based in Christopher Park, New York, but accessible anywhere through a website or AR app, and goes into some detail of the challenges of creating a WebGL monument that consists of over 10,000 individual shards with post-processing effects, but still runs at 60fps, even on low-end devices. 

Beyond the technical challenges, though, this is an absorbing and insightful piece on a project that explores life before, during and after the Stonewall Riots.

Related articles:

  • The hottest web design trends of 2019
  • How to refine your design portfolio
  • Get the perfect website layout in 27 steps

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Jim McCauley is a writer, performer and cat-wrangler who started writing professionally way back in 1995 on PC Format magazine, and has been covering technology-related subjects ever since, whether it's hardware, software or videogames. A chance call in 2005 led to Jim taking charge of Computer Arts' website and developing an interest in the world of graphic design, and eventually led to a move over to the freshly-launched Creative Bloq in 2012. Jim now works as a freelance writer for sites including Creative Bloq, T3 and PetsRadar, specialising in design, technology, wellness and cats, while doing the occasional pantomime and street performance in Bath and designing posters for a local drama group on the side.

Related articles

The latest Apple event wallpapers give your homescreen a glow up

  • 2 Capcom's rarest retro fighting game is coming back, and I couldn't be happier
  • 3 Master the perfect portrait and more in ImagineFX issue 244
  • 4 New “chonker of a Batman logo” fails to fly with DC fans (but I love it)
  • 5 Oasis are back, and so is this iconic logo

best case study design

Have a language expert improve your writing

Run a free plagiarism check in 10 minutes, generate accurate citations for free.

  • Knowledge Base

Methodology

  • What Is a Case Study? | Definition, Examples & Methods

What Is a Case Study? | Definition, Examples & Methods

Published on May 8, 2019 by Shona McCombes . Revised on November 20, 2023.

A case study is a detailed study of a specific subject, such as a person, group, place, event, organization, or phenomenon. Case studies are commonly used in social, educational, clinical, and business research.

A case study research design usually involves qualitative methods , but quantitative methods are sometimes also used. Case studies are good for describing , comparing, evaluating and understanding different aspects of a research problem .

Table of contents

When to do a case study, step 1: select a case, step 2: build a theoretical framework, step 3: collect your data, step 4: describe and analyze the case, other interesting articles.

A case study is an appropriate research design when you want to gain concrete, contextual, in-depth knowledge about a specific real-world subject. It allows you to explore the key characteristics, meanings, and implications of the case.

Case studies are often a good choice in a thesis or dissertation . They keep your project focused and manageable when you don’t have the time or resources to do large-scale research.

You might use just one complex case study where you explore a single subject in depth, or conduct multiple case studies to compare and illuminate different aspects of your research problem.

Case study examples
Research question Case study
What are the ecological effects of wolf reintroduction? Case study of wolf reintroduction in Yellowstone National Park
How do populist politicians use narratives about history to gain support? Case studies of Hungarian prime minister Viktor Orbán and US president Donald Trump
How can teachers implement active learning strategies in mixed-level classrooms? Case study of a local school that promotes active learning
What are the main advantages and disadvantages of wind farms for rural communities? Case studies of three rural wind farm development projects in different parts of the country
How are viral marketing strategies changing the relationship between companies and consumers? Case study of the iPhone X marketing campaign
How do experiences of work in the gig economy differ by gender, race and age? Case studies of Deliveroo and Uber drivers in London

Here's why students love Scribbr's proofreading services

Discover proofreading & editing

Once you have developed your problem statement and research questions , you should be ready to choose the specific case that you want to focus on. A good case study should have the potential to:

  • Provide new or unexpected insights into the subject
  • Challenge or complicate existing assumptions and theories
  • Propose practical courses of action to resolve a problem
  • Open up new directions for future research

TipIf your research is more practical in nature and aims to simultaneously investigate an issue as you solve it, consider conducting action research instead.

Unlike quantitative or experimental research , a strong case study does not require a random or representative sample. In fact, case studies often deliberately focus on unusual, neglected, or outlying cases which may shed new light on the research problem.

Example of an outlying case studyIn the 1960s the town of Roseto, Pennsylvania was discovered to have extremely low rates of heart disease compared to the US average. It became an important case study for understanding previously neglected causes of heart disease.

However, you can also choose a more common or representative case to exemplify a particular category, experience or phenomenon.

Example of a representative case studyIn the 1920s, two sociologists used Muncie, Indiana as a case study of a typical American city that supposedly exemplified the changing culture of the US at the time.

While case studies focus more on concrete details than general theories, they should usually have some connection with theory in the field. This way the case study is not just an isolated description, but is integrated into existing knowledge about the topic. It might aim to:

  • Exemplify a theory by showing how it explains the case under investigation
  • Expand on a theory by uncovering new concepts and ideas that need to be incorporated
  • Challenge a theory by exploring an outlier case that doesn’t fit with established assumptions

To ensure that your analysis of the case has a solid academic grounding, you should conduct a literature review of sources related to the topic and develop a theoretical framework . This means identifying key concepts and theories to guide your analysis and interpretation.

There are many different research methods you can use to collect data on your subject. Case studies tend to focus on qualitative data using methods such as interviews , observations , and analysis of primary and secondary sources (e.g., newspaper articles, photographs, official records). Sometimes a case study will also collect quantitative data.

Example of a mixed methods case studyFor a case study of a wind farm development in a rural area, you could collect quantitative data on employment rates and business revenue, collect qualitative data on local people’s perceptions and experiences, and analyze local and national media coverage of the development.

The aim is to gain as thorough an understanding as possible of the case and its context.

In writing up the case study, you need to bring together all the relevant aspects to give as complete a picture as possible of the subject.

How you report your findings depends on the type of research you are doing. Some case studies are structured like a standard scientific paper or thesis , with separate sections or chapters for the methods , results and discussion .

Others are written in a more narrative style, aiming to explore the case from various angles and analyze its meanings and implications (for example, by using textual analysis or discourse analysis ).

In all cases, though, make sure to give contextual details about the case, connect it back to the literature and theory, and discuss how it fits into wider patterns or debates.

If you want to know more about statistics , methodology , or research bias , make sure to check out some of our other articles with explanations and examples.

  • Normal distribution
  • Degrees of freedom
  • Null hypothesis
  • Discourse analysis
  • Control groups
  • Mixed methods research
  • Non-probability sampling
  • Quantitative research
  • Ecological validity

Research bias

  • Rosenthal effect
  • Implicit bias
  • Cognitive bias
  • Selection bias
  • Negativity bias
  • Status quo bias

Cite this Scribbr article

If you want to cite this source, you can copy and paste the citation or click the “Cite this Scribbr article” button to automatically add the citation to our free Citation Generator.

McCombes, S. (2023, November 20). What Is a Case Study? | Definition, Examples & Methods. Scribbr. Retrieved August 26, 2024, from https://www.scribbr.com/methodology/case-study/

Is this article helpful?

Shona McCombes

Shona McCombes

Other students also liked, primary vs. secondary sources | difference & examples, what is a theoretical framework | guide to organizing, what is action research | definition & examples, get unlimited documents corrected.

✔ Free APA citation check included ✔ Unlimited document corrections ✔ Specialized in correcting academic texts

Discover Case study websites built by the Webflow community

Browse, clone, and customize thousands of websites #madeinwebflow. .css-ac9ku6{color:#2e5cff;font-weight:normal;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;}.css-ac9ku6:hover{-webkit-text-decoration:underline;text-decoration:underline;} looking for templates.

author avatar

  • Marketplace
  • Hire designers
  • Become an Affiliate
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences

IMAGES

  1. How to Create a Case Study + 14 Case Study Templates

    best case study design

  2. 15+ Professional Case Study Examples [Design Tips + Templates]

    best case study design

  3. 15+ Professional Case Study Examples [Design Tips + Templates]

    best case study design

  4. 15+ Professional Case Study Examples [Design Tips + Templates]

    best case study design

  5. 10 Case Study Template Design

    best case study design

  6. 15+ Professional Case Study Examples [Design Tips + Templates]

    best case study design

COMMENTS

  1. 11 Inspiring UX Case Studies That Every Designer Should Study

    11 Best UX Case Studies for Designers. The best way to understand what a good case study looks like is to go over other examples. Each of these UX case study examples shows a designer's insights, basic skills, and other designers' lessons learned through their experience. 1. Promo.com web editor.

  2. 10 Exceptional Product Design Portfolios with Case Study Breakdowns

    Here are a few UI/UX and Product Designer portfolios and case studies that I keep coming back to for reference and inspiration of best practices and creativity. Here are some top UI/UX and Product Designer portfolios and case studies that show strong processes and communicate the value behind the design.

  3. 10 Amazing Case Study Design Examples

    This case study showcases the storyboards, illustrations, character designs, and scriptwriting that went into creating it. Case study design examples like this one aren't only important in communicating the steps you took in completing a project, but serve an important marketing role. This case study shines due to its navigation.

  4. 15 Real-Life Case Study Examples & Best Practices

    To ensure you're making the most of your case studies, we've put together 15 real-life case study examples to inspire you. These examples span a variety of industries and formats. We've also included best practices, design tips and templates to inspire you. Let's dive in!

  5. Case Study Club

    Case Study Club is the biggest curated gallery of the best UX design case studies. Get inspired by industry-leading designers, openly sharing their UX process. ... Monthly UX and product design case studies. Trusted by designers from companies like Apple, Google and Spotify. It's 100% free. Join 33.000+ UX and product professionals. Career ...

  6. 15 Excellent UX Case Studies Every Creative Should Read

    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.

  7. 5 Remarkable UX Design Case Studies (2024 Insights)

    5 Remarkable UX Design Case Studies (2024 Insights) Prerna Bagree. May 22, 2024. The foundation of successful apps and platforms in the modern digital era is outstanding user experience (UX) design. A product that just works or one that excites users and encourages engagement and loyalty can be distinguished by its well-designed user experience ...

  8. 62 UX Case Studies To Improve Your Product Skills

    Spotify vs Apple: How Spotify is betting $230M on podcasts to win over Apple users (Ep. 1) Spotify vs Apple. See exactly how companies like Tinder, Airbnb, Trello, Uber and Tesla design products that people love. One new user experience case study every month.

  9. Top 22 Stunning UX Case Studies You Should Know in 2022

    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.

  10. Best UX Design Case Study Collection in 2024

    Onboarding. View all categories. Join 33.000+ UX and product professionals. Curated gallery of the best UX design case study examples. Focused on the story behind excellent design work. Learn how other designers think, get inspired and make it into your own thing.

  11. 16 case study examples [+ 3 templates]

    For example, the case study quotes the social media manager and project manager's insights regarding team-wide communication and access before explaining in greater detail. Takeaway: Highlight pain points your business solves for its client, and explore that influence in greater detail. 3. EndeavourX and Figma.

  12. 6 Excellent Product Designer Case Studies & 8 Tips for Yours

    One of those tools is UXfolio, our portfolio builder that makes the whole process faster and easier. Obviously, these 8 tips apply regardless of the tool you are using to build your product designer case studies. 1. Inject your personality into your case studies. Showing personality in a product design portfolio, case study, or resumé can be ...

  13. The 20 Best UX Portfolio Examples [Updated For 2024]

    From start to finish, Rucha's UX portfolio ticks all the right boxes. It's visually strong and easy to digest. Her user journey map is smart and in context, and the user flows, wireframes, and usability study are all useful. Tehni: A Plant App is an especially great case study and easy to follow.

  14. The best UX designer portfolios: inspiring case studies and examples

    The UX design process case studies are very detailed-almost too much-but despite their volume are easy to read because there is just the right balance between illustrative images and text as he walks us through the process. When user testing shows the design is heading in the wrong direction, it's fascinating to see how the team took a sharp ...

  15. 15+ Case Study Examples for Business, Marketing & Sales

    Whilst you want to create a professional-looking, well-written and design case study - there's no need to overcomplicate things. ... Best Marketing Strategies for Consultants and Freelancers in 2019 [Study + Infographic] About Alice Corner. Alice is a Content Marketer at Venngage, the online report, presentation, and infographic maker. ...

  16. How to Create a Case Study + 14 Case Study Templates

    14 Case Study Templates. Now that we have explored some of the high level strategies you can use to create a business case study, we will transition to 14 case study design templates you can use with Visme. 1. Fuji Xerox Australia Case Study Template. Customize this template and make it your own!

  17. Best Case Studies Projects :: Photos, videos, logos ...

    Southtech Designs. 4 121. The Case. Eslam Mhd. 224 1.9k. 3D Visualization for UK Projects: 4 Case Studies. Archicgi com. 11 100. Travel App UX case study.

  18. 19 Examples of Online Case Studies Done Right

    Creative Nights is a UX design consultancy and creative studio headquartered in Prague, with an impressive roster of international projects. One of these projects is the website for the renowned dental products brand, Swissdent. Art of Swissdent is designed as a crossover between an eCommerce website and an online presentation of the brand. The case study, available at the agency's website ...

  19. 5 inspiring web design case studies

    Make sure you also check out our top web design tips. How to write engaging case studies for your portfolio. 01. Museum of Science and Industry of Chicago. DogStudio took on a massive job with this site, and delivered (Image credit: DogStudio) For a really inspiring case study, it's hard to beat DogStudio's extensive piece chronicling its work ...

  20. How to write a case study

    Case study examples. While templates are helpful, seeing a case study in action can also be a great way to learn. Here are some examples of how Adobe customers have experienced success. Juniper Networks. One example is the Adobe and Juniper Networks case study, which puts the reader in the customer's shoes.

  21. What Is a Case Study?

    Revised on November 20, 2023. A case study is a detailed study of a specific subject, such as a person, group, place, event, organization, or phenomenon. Case studies are commonly used in social, educational, clinical, and business research. A case study research design usually involves qualitative methods, but quantitative methods are ...

  22. Best Case Study Websites

    Discover the best case-study websites created by professional designers. Get inspired and start planning your perfect case-study web design today! Join over 500,000 designers building professional, responsive websites in Webflow. It is free to use and simple to start. Product Marketplace ...