mental health app ux case study

Illustrator

Mental Health App- My First UI/UX Case Study

Creative Fields

• first case study
• mental health
• Mental Health App
• UX Case Study

No use is allowed without explicit permission from owner

Advisory boards aren’t only for executives. Join the LogRocket Content Advisory Board today →

• Product Management
• Solve User-Reported Issues
• Find Issues Faster
• Optimize Conversion and Adoption

21 UX case studies to learn from in 2024

UX case studies are the heart of your design portfolio. They offer a peek into your design process, showcasing how you tackle challenges, your methods, and your results. For recruiters, these case studies serve as a metric for evaluating your skills, problem-solving abilities, and talent.

If you’re considering creating your own UX case study in 2024 but don’t know where to start, you’re in the right place. This article aims to inspire you with 21 carefully hand-picked UX case study examples, each offering valuable lessons.

But before we dive into these examples, let’s address a question that might be lingering: Is a UX case study truly worth the effort?

Is it worth creating a UX case study?

The short answer is yes.

Remember how in math class, showing your workings was even more important than getting the correct answer? UX case studies are like that for designers. They are more than just showcasing the final product (the polished website or app); they detail the steps taken to get there (the research, user testing, and design iterations). By showing your design process, you give potential employers or clients a peek into your thought process and problem-solving skills.

A well-laid-out case study has many benefits, including the following:

Building credibility

As case studies provide evidence of your expertise and past successes, they can build credibility and trust with potential employers or clients.

Educational value

By showing your design process, you provide valuable insights and learnings for other designers and stakeholders.

Differentiation

A compelling case study can leave a lasting impression on potential recruiters and clients, helping you stand out.

Iterative improvement

A case study is like a roadmap of each project, detailing the highs, lows, failures, and successes. This information allows you to identify areas for improvement, learn from mistakes, and refine your approach in subsequent projects.

Now that you know why a stand-out case study is so important, let’s look at 21 examples to help you get creative. The case studies will fall under five categories:

• Language learning app
• Learning app
• Travel agency app
• Intelly healthcare app
• Cox Automotive
• Swiftwash laundry
• Wayfaro trip planner
• New York Times app redesign
• Disney+ app redesign
• Fitbit redesign
• Ryanair app redesign
• Forbes app redesign
• Enhancing virtual teaching with Google Meet
• Airbnb’s global check-in tool
• Spotify home shortcuts
• AI-powered spatial banking for Apple Vision Pro
• Sage Express

In this section, we’ll explore case studies that take us through the complete design journey of creating a digital product from scratch.

1. Language learning app

If you’re a designer looking to get your foot in the door, this is one case study you need to check out. It’s so well detailed that it helped this designer land their first role as a UX designer:

Created by Christina Sa, this case study tackles the all-too-common struggle of learning a new language through a mobile app. It takes us through the process of designing a nontraditional learning app that focuses on building a habit by teaching the Korean language using Korean media such as K-pop, K-drama, and K-webtoon.

Over 200k developers and product managers use LogRocket to create better digital experiences

Key takeaway

This case study shows how a structured design process, user-centered approach, and effective communication can help you stand out. The creator meticulously laid out their design process from the exploratory research phase to the final prototype, even detailing how the case study changed their view on the importance of a design process.

If you’re searching for a comprehensive case study that details every step of the design process, look no further. This one is for you:

This impressive case study by Finna Wang explores the creation of a fan-focused responsive platform for Jambb, an already existing social platform. The creator starts by identifying the problem and then defines the project scope before diving into the design process.

This case study shows us the importance of an iterative problem-solving approach. It identifies a problem (pre-problem statement), creates a solution, tests the solution, and then revises the problem statement based on the new findings.

3. Learning app

If you need a highly visual case study that takes you through every step of the design process in an engaging way, this one is for you:

This case study walks us through the design of a platform where users can find experts to explain complex topics to them in a simple and friendly manner. It starts by defining the scope of work, then progresses through research, user journeys, information architecture, user flow, initial design, and user testing, before presenting the final solution.

This case study demonstrates effective ways to keep readers engaged while taking them through the steps of a design process. By incorporating illustrations and data visualization, the designer communicates complex information in an engaging manner, without boring the readers.

If you’re in search of a case study that details the design process but is also visually appealing, you should give this one a look:

This case study by Orbix Studio takes us through the process of designing GiveHub, a fundraising app that helps users set up campaigns for causes they’re passionate about. It starts with an overview of the design process, then moves on to identifying the challenges and proposing solutions, before showing us how the solutions are brought to life.

This case study illustrates how a visually engaging design and clear organization can make your presentation easy to grasp.

5. Travel agency app

This case study is quite popular on Behance, and it’s easy to see why:

The case study takes us through the process of creating a travel app that lets users compare travel packages from various travel agencies or groups. The creators set out a clear problem statement, propose a solution, and then show us the step-by-step implementation process. The incorporation of data visualization tools makes this case study easy to digest.

This is another case study that shows the importance of using a clearly defined design process. Going by its popularity on Behance, you can tell that the step-by-step process breakdown was well worth the effort.

6. Intelly healthcare app

If you’re looking for a UX case study that explores the design journey for both mobile and desktop versions of an app, this is one you should check out:

This case study explores the process of creating Intelly, an app that transforms patient care with telemedicine, prescription management, and real-time tracking. The case study begins with a clear design goal, followed by a layout of existing problems and design opportunities. The final design is a mobile app for patients and a desktop app for doctors.

This case study highlights the importance of proactive problem-solving and creative thinking in the design process. The creators laid out some key problems, identified design opportunities in them, and effectively leveraged them to create an app.

7. Cox Automotive

If you prefer a results-oriented case study, you’ll love this one:

This case study delves into how Cox Automotive’s Manheim division, used LogRocket to optimize their customers’ digital experience for remote car auctions. It starts by highlighting the three key outcomes before giving us an executive summary of the case study. The rest of the case study takes us through the process of achieving the highlighted outcomes.

A key takeaway from this case study is the significance of using user data and feedback to enhance the digital experience continuously. Cox Automotive used LogRocket to identify and address user-reported issues, gain insights into customer behaviors, and make data-driven decisions to optimize their product.

These case studies are more focused on the visual aspects of the design process, teaching us a thing or two about presentation and delivery.

If you love a case study that scores high on aesthetics with vivid colors, cool illustrations, and fun animations, you need to check this one out:

This case study takes us on a visual journey of creating Rebank, a digital product aimed at revolutionizing the baking industry. It starts with the research process, moves on to branding and style, and then takes us through the different screens, explaining what each one offers.

This case study illustrates the value of thinking outside the box. Breaking away from the conventional design style of financial products makes it a stand-out case study.

9. Swiftwash Laundry

If you’re looking for a case study that prioritizes aesthetics and visual appeal, you should check this one out:

This case study by Orbix Studio gives us a peek into how they created Swiftwash, a laundry service app. It takes us through the steps involved in creating an intuitive, user-friendly, and visually appealing interface.

If there’s one thing to take away from this case study, it’s the value of presenting information in a straightforward manner. Besides being easy on the eye, this case study is also easy to digest. The creators lay out the problem and detail the steps taken to achieve a solution, in an easy-to-follow way, while maintaining a high visual appeal.

10. Wayfaro trip planner

If you’re looking for a concise case study with clean visuals, you should definitely check this one out:

This Behance case study takes us through the design of Wayfaro, a trip planner app that allows users to plan their itineraries for upcoming journeys. The creators dive straight into the visual design process, showing us aspects such as branding and user flow, and explaining the various features on each screen.

This case study shows us the power of an attractive presentation. Not only is the mobile app design visually appealing, but the design process is presented in a sleek and stylish manner.

App redesign

These case studies delve into the redesign of existing apps, offering valuable insights into presentation techniques and problem-solving approaches.

11. New York Times app redesign

If you’re looking for an app redesign case study that’s impactful yet concise, this one is for you:

This study details the creation of “Timely,” a design feature to address issues with the NYT app such as irrelevant content, low usage, and undesirable coverage. It takes us through the process of identifying the problem, understanding audience needs, creating wireframes, and prototyping.

This case study shows us that you don’t always need to overhaul the existing app when redesigning. It suggests a solution that fits into the current information setup, adding custom graphics to the mobile app. Starting with a simple problem statement, it proposes a solution to address the app’s issues without changing what customers already enjoy.

12. Disney+ app redesign

If you’re looking for an engaging case study that’s light on information, you should check out this one:

This case study by Andre Carioca dives right into giving the user interface a little facelift to make it more fun and engaging. By employing compelling storytelling and appealing visuals, the creator crafts a narrative that’s a delight to read.

Given how popular this case study is on Behance, you can tell that the designer did something right. It shows how injecting a little playfulness can elevate your case study and make it more delightful.

13. Fitbit redesign

If you want an in-depth case study that doesn’t bore you to sleep, this one is for you:

This case study by Stacey Wang takes us through the process of redesigning Fitbit, a wearable fitness tracker. The creator starts by understanding personas and what users expect from a fitness tracker.

Next was the development of use cases and personas. Through a series of guerrilla tests, they were able to identify user pain points. The redesign was centered around addressing these pain points.

This case study highlights the importance of clear organization and strong visual communication. The creator goes in-depth into the intricacies of redesigning the Fitbit app, highlighting every step, without boring the readers.

14. Ryanair app redesign

If you’re bored of the usual static case studies and need something more interactive, this app redesign is what you’re looking for:

This case study takes us through the process of giving the Ryanair app a fresh look. Besides the clean aesthetics and straightforward presentation, the incorporation of playful language and interactive elements makes this case study captivating.

This case study shows how adding a bit of interactivity to your presentation can elevate your work.

15. Forbes app redesign

This case study starts by explaining why the redesign was needed and dives deep into analyzing the current app. The creator then takes us through the research and ideation phases and shares their proposed solution. After testing the solution, they made iterations based on the results.

When it comes to redesigning an existing product, it’s a good idea to make a strong case for why the redesign was needed in the first place.

UX research

These case studies are centered around UX research, highlighting key research insights to enhance your design process.

16. Enhancing virtual teaching with Google Meet

This case study by Amanda Rosenburg, Head of User Experience Research, Google Classroom shows us how listening to user feedback can help make our products more useful and inclusive to users.

To improve the virtual teaching experience on Google Meet, the team spent a lot of time getting feedback from teachers. They then incorporated this feedback into the product design, resulting in new functionality like attendance taking, hand raising, waiting rooms, and polls. Not only did these new features improve the user experience for teachers and students, but they also created a better user experience for all Google Meet users.

When there isn’t room for extensive user research and you need to make quick improvements to the user experience, it’s best to go straight to your users for feedback.

17. Airbnb’s global check-in tool

This case study by Vibha Bamba, Design Lead on Airbnb’s Host Success team, shows us how observing user behaviors inspired the creation of a global check-in tool:

By observing interactions between guests and hosts, the Airbnb team discovered a design opportunity. This led to the creation of visual check-in guides for Airbnb guests, which they can access both offline and online.

There’s a lot to be learned from observing user behavior. Don’t limit yourself to insights obtained from periodic research. Instead, observe how people interact with your product in their daily lives. The insights obtained from such observations can help unlock ingenious design opportunities.

18. Spotify Home Shortcuts

This case study by Nhi Ngo, a Senior User Researcher at Spotify shows us the importance of a human perspective in a data-driven world:

When the Spotify team set out to develop and launch the ML-powered Shortcuts feature on the home tab, they hit a brick wall with the naming. A/B tests came back inconclusive. In the end, they had to go with the product designer’s suggestion of giving the feature a name that would create a more human and personal experience for users.

This led to the creation of a humanistic product feature that evoked joy in Spotify’s users and led to the incorporation of more time-based features in the model, making the content more time-sensitive for users.

Although data-driven research is powerful, it doesn’t hold all the answers. So in your quest to uncover answers through research, never lose sight of the all-important human perspective.

Artificial intelligence

The following case studies are centered around the design of AI-powered products.

19. AI-powered spatial banking for Apple Vision Pro

If you want to be wowed by a futuristic case study that merges artificial intelligence with spatial banking, you should check this out:

In this revolutionary case study, UXDA designers offer a sneak peek into the future with a banking experience powered by AI. They unveil their vision of AI-powered spatial banking on the visionOS platform, showcasing its features and their AI use cases.

This case study shows us the importance of pushing boundaries to create innovative experiences that cater to user needs and preferences.

20. Sage Express

If what you need is an AI case study that isn’t information-dense, this one is for you:

This case study by Arounda takes us through the design of Sage Express, an AI-powered data discovery tool that automatically extracts patterns, tendencies, and insights from data. It outlines the challenge, proposes a solution, and details the journey of bringing the proposed solution to life. But it doesn’t stop there: it also shows the actual results of the design using tangible metrics.

This case study underscores the importance of showing your outcomes in tangible form. You’ve worked hard on a project, but what were the actual results?

If you’re looking for a clean and well-structured AI case study, this will be helpful:

This case study takes us through the process of creating Delfi, an AI-driven banking financial report system. It details the entire design process from onboarding to prototype creation.

If there’s one thing to learn from this case study, it’s how a well-structured presentation can simplify complex information. Although the case study is heavy on financial data, the organized layout not only enhances visual appeal but also aids comprehension.

This article has shown you 21 powerful case study examples across various niches, each providing valuable insights into the design process. These case studies demonstrate the importance of showcasing the design journey, not just the final polished product.

When creating your own case study, remember to walk your users through the design process, the challenges you faced, and your solutions. This gives potential recruiters and clients a glimpse of your creativity and problem-solving skills.

And finally, don’t forget to add that human touch. Let your personality shine through and don’t be afraid to inject a little playfulness and storytelling where appropriate. By doing so, you can craft a case study that leaves a lasting impression on your audience.

Header image source: IconScout

LogRocket : Analytics that give you UX insights without the need for interviews

LogRocket lets you replay users' product experiences to visualize struggle, see issues affecting adoption, and combine qualitative and quantitative data so you can create amazing digital experiences.

See how design choices, interactions, and issues affect your users — get a demo of LogRocket today .

Share this:

• Click to share on Twitter (Opens in new window)
• Click to share on Reddit (Opens in new window)
• Click to share on LinkedIn (Opens in new window)
• Click to share on Facebook (Opens in new window)

Stop guessing about your digital experience with LogRocket

Recent posts:.

Creating a global design system: How a universal design system can revolutionize design

What if we all used one global design system? Would this benefit users and developers equally? Let’s explore this concept in depth.

Best no-code website builders for designers

With drag-and-drop interfaces, no-code website builders allow designers to focus on creativity rather than technical implementation.

How to speak to stakeholders as a UX leader

UX leaders need to keep close contact with other stakeholders to get help. Here’s how to communicate with stakeholders in your organization.

A UX analysis of Arc, Opera, and Edge: The future of browser interfaces

Are we experiencing a new age of browsers? Let’s break down the UX design of the most popular browsers and upcoming stars.

Leave a Reply Cancel reply

America's Education News Source

Copyright 2024 The 74 Media, Inc

• Cyberattack
• absenteeism
• Future of High School
• Artificial Intelligence
• science of reading

California Launches New Mental Health-based Apps for Families and Youth

As part of the new calhope program, two apps provide help for young people struggling with mental health..

Untangle Your Mind!

Sign up for our free newsletter and start your day with clear-headed reporting on the latest topics in education.

74 Million Reasons to Give

Support The 74’s year-end campaign with a tax-exempt donation and invest in our future.

Most Popular

Room scans & eye detectors: robocops are watching your kids take online exams, financial aid reform was his legacy. now, lamar alexander calls it ‘a big mess’, what’s the right goal for student achievement is 50% proficiency enough 63%, new data reveals few community college transfers complete a bachelor’s degree, 4 things districts should do right now — before the fiscal cliff.

Help fund stories like this. Donate now!

Blanca Paniagua was nervous. 

The young adult was set to speak at a webinar about one of CalHope’s new experimental apps. 

“I saw how many participants there (were)  and I was like, I’m about to use the app so it could calm me down,” said Paniagua. 

But Paniagua had some strategies from the app — including exercises to deal with anxiety. 

According to a study conducted by the California Department of Public Health, the state saw a 20% increase in suicides for young people ages 10 to 18 after the pandemic. To deal with the rising mental health crisis, the Department of Health Care Services (DHCS) has launched two new app-based programs, BrightLife Kids and Soluna, to be a first response resource for children and participants up to age 25.

“I never really knew how to express myself,” said Esther Verdugo, another Soluna participant who had experienced anxiety from her busy life before she started using the built-in journaling exercises. “The people around me always expressed themselves that I didn’t know how to share my own emotions so I shared them through journaling, and all of this I found through the . . . app.”

The release of both apps is part of California Governor Gavin Newsom’s Master Plan for Kids’ Mental Health, which launched in 2022 with a proposed budget of $4.7 billion. The two apps are free and are focused on providing a variety of resources. 

The BrightLife Kids app was introduced to California children under the age of 13 to be able to access mental health resources with their parents and guardians. Children can navigate the app under their guidance and request family or one-on-one coaching. 

The Soluna app is made for California teens and young adults from the ages of 13 to 25, covering a range of topics based on Soluna’s research of interviewing over 300 California youth on what matters to them, including body image, discovering identity, anxiety and depression.

These topics are laid out in the app as a series of constellations, with each star in the constellation featuring a different exercise such as: articles, podcasts, videos and quizzes all built into the app. One of the exercises, a meditative breathing exercise, was made in partnership with the Calm app, Apple’s 2017 App of the Year.

 “It turns out that the needs for the younger kids are quite different than the needs for older kids and young adults,” said Amrita Sehgal, vice president of business operations at Brightline, the company that made BrightLife Kids. “Especially for younger kids, there’s a big need to involve parents and caregivers and families into their care; versus for older kids, folks may want to interact more independently.”

For many Californians, getting help for mental health issues hasn’t always been easy. Dr. Beth Pausic, vice president of clinical excellence & safety at Kooth Digital Health, said, “When you look at US healthcare at the moment, there’s a provider shortage, there’s not enough therapists, there’s not even enough psychiatrists.” This can be especially difficult for teenagers that are  of color  or  LGBTQ .

Because the core belief is that mental health should be an ongoing conversation that is happening not just when problems arise, the apps focus primarily on prevention and early intervention. The individual coaching sessions are not meant to replace therapists or other traditional forms of behavioral health, but act as a first-response method.

“Mental health just needs to be a conversation that we’re having and not in a way that trends when something bad happens in the news,” Pausic said. “Covid put a spotlight on mental health, but there’s always been a mental health crisis. We just haven’t been talking about it.”

For kids and teens interested in using the services, they can be downloaded on the Apple App Store; and BrightLife Kids on the Google PlayStore with Soluna soon to follow.

This article is part of a collaboration between The 74 and the USC Annenberg School for Communication and Journalism.

Erick Trevino is a journalist from South Texas; and currently a producer for Annenberg Radio News and contributor for Annenberg Media’s Latin desk, Dímelo, as well as LA School Report. Erick is currently studying at USC for his Master’s in Specialized Journalism.

• mental health

We want our stories to be shared as widely as possible — for free.

Please view The 74's republishing terms.

By Erick Trevino

This story first appeared at The 74 , a nonprofit news site covering education. Sign up for free newsletters from The 74 to get more like this in your inbox.

On The 74 Today

• SUGGESTED TOPICS
• The Magazine
• Newsletters
• Managing Yourself
• Managing Teams
• Work-life Balance
• The Big Idea
• Data & Visuals
• Reading Lists
• Case Selections
• HBR Learning
• Topic Feeds
• Account Settings
• Email Preferences

Research: More People Use Mental Health Benefits When They Hear That Colleagues Use Them Too

• Laura M. Giurge,
• Lauren C. Howe,
• Zsofia Belovai,
• Guusje Lindemann,
• Sharon O’Connor

A study of 2,400 Novartis employees around the world found that simply hearing about others’ struggles can normalize accessing support at work.

Novartis has trained more than 1,000 employees as Mental Health First Aiders to offer peer-to-peer support for their colleagues. While employees were eager for the training, uptake of the program remains low. To understand why, a team of researchers conducted a randomized controlled trial with 2,400 Novartis employees who worked in the UK, Ireland, India, and Malaysia. Employees were shown one of six framings that were designed to overcome two key barriers: privacy concerns and usage concerns. They found that employees who read a story about their colleague using the service were more likely to sign up to learn more about the program, and that emphasizing the anonymity of the program did not seem to have an impact. Their findings suggest that one way to encourage employees to make use of existing mental health resources is by creating a supportive culture that embraces sharing about mental health challenges at work.

“I almost scheduled an appointment about a dozen times. But no, in the end I never went. I just wasn’t sure if my problems were big enough to warrant help and I didn’t want to take up someone else’s time unnecessarily.”

• Laura M. Giurge is an assistant professor at the London School of Economics, and a faculty affiliate at London Business School. Her research focuses on time and boundaries in organizations, workplace well-being, and the future of work. She is also passionate about translating research to the broader public through interactive and creative keynote talks, workshops, and coaching. Follow her on LinkedIn  here .
• Lauren C. Howe is an assistant professor in management at the University of Zurich. As head of research at the Center for Leadership in the Future of Work , she focuses on how human aspects, such as mindsets, socioemotional skills, and leadership, play a role in the changing world of work.
• Zsofia Belovai is a behavioral science lead for the organizational performance research practice at MoreThanNow, focusing on exploring how employee welfare can drive KPIs.
• Guusje Lindemann is a senior behavioral scientist at MoreThanNow, in the social impact and organizational performance practices, working on making the workplace better for all.
• Sharon O’Connor is the global employee wellbeing lead at Novartis. She is a founding member of the Wellbeing Executives Council of The Conference Board, and a guest lecturer on the Workplace Wellness postgraduate certificate at Trinity College Dublin.

Partner Center