Product
Classroom RevivR
Company:
Laerdal Medical, British Heart Foundation
Timeline
2024
Duration:
6 months (Team project)
Role
UX Designer - Researcher
Innovation
We reimagined CPR training as an interactive story students could live through. By turning rigid lessons into playful teamwork, real-time feedback, and shared celebration, we made life-saving skills feel intuitive, social, and unforgettable.
Overview
Classroom RevivR is a CPR training app used by teachers and students in classrooms across the UK. In this project, we redesigned the app to make it more engaging, intuitive, and easy to use for teenagers. Through interface improvements, storytelling, and interactive features, we turned a confusing learning experience into one that builds confidence and encourages active participation.
Problem
The original Classroom RevivR app caused cognitive overload for students, with unclear instructions spread across multiple screens and little feedback to support learning. Teenagers struggled to stay focused, often unsure of what to do or whether they were doing it correctly. The experience felt fragmented and passive, making it hard to stay engaged with such a critical and serious topic.
Solution
We designed a student-centered experience that reduced cognitive load and kept teenagers actively engaged. The new interface uses clear visual cues, guided storytelling, and real-time feedback to support learning. Interactive quizzes, progress badges, and shared classroom moments made the training feel fun, focused, and rewarding, thus helping students feel confident and involved from start to finish.
Research
We began by interviewing students and teachers to understand how the app was used in real settings. Using cognitive walkthroughs and heuristic evaluations, we identified problems like cognitive overload, unclear instructions, and lack of feedback. We mapped the student journey to pinpoint moments of confusion and disengagement. These insights shaped our design decisions and helped us focus on creating a smoother and more engaging learning experience.
Design
We developed an interactive prototype focused on clarity, engagement, and ease of use. The redesigned interface used story-based guidance, visual cues, and real-time feedback to support students at every step. Interactive quizzes, progress badges, and shared classroom moments made the experience more social and rewarding. This shift helped students stay focused, feel more confident, and better retain life-saving skills.
User Testing
We tested the prototype with six high school students through task-based usability sessions. Task completion rates improved by 15%, and students described the new experience as smoother, clearer, and more engaging. They found it easier to follow instructions, stay focused, and work together during training. While our sample was small, the feedback confirmed that the redesign reduced confusion and increased student confidence during CPR practice.
What I did and why it matters?
I redesigned two key moments that brought our core innovation to life by turning passive learning into active and engaging participation. I reimagined the team quiz to encourage real dialogue between students. Instead of working in silence, pairs had to align on their answers, which made learning social and collaborative. I also designed a shared celebration animation that triggered across all screens at the end of training, transforming completion into a joyful and memorable moment. These interactions made the experience more human, more fun, and more emotionally resonant.
Reflection
This project taught me the power of designing for emotion and engagement, even within serious topics like emergency training. Small details like a quiz interaction or a celebration screen can shift how people feel, learn, and remember. I also learned how to balance educational goals with playful elements without losing the purpose of the product. Most importantly, I saw how thoughtful design can make life-saving skills more accessible, memorable, and meaningful for young people in a classroom setting.
