Some screens from Baycrest mobile ap

Baycrest: Gamified hospital personnel training mobile app

The goal was to design an engaging mobile learning experience that helps healthcare professionals develop clinical judgment through real-world scenarios, all within a tight timeframe.

Role: UX/UI Designer
Team: Product Manager, Developer
Duration: 7 days

 
Some screens from Baycrest mobile app

 

Baycrest: Gamified hospital personnel training mobile app

The goal was to design an engaging mobile learning experience that helps healthcare professionals develop clinical judgment through real-world scenarios, all within a tight timeframe.

Role: UX/UI Designer
Team: Product Manager, Developer
Duration: 7 days


 
 
 

Research & Ideation



Given the tight timeframe, I relied primarily on research insights provided by the Product Manager. After aligning on the initial mockups, I conducted secondary research, including competitive analysis, reviewing healthcare UI design references, and studying Baycrest’s brand guidelines.
 
Initial mockups
Initial mockups
Given the tight timeframe, I relied primarily on research insights provided by the Product Manager. After aligning on the initial mockups, I conducted secondary research, including competitive analysis, reviewing healthcare UI design references, and studying Baycrest’s brand guidelines.

Initial mockups
Initial mockups
 
 
 

UI Design



 
Login screen with email and password fields Home screen with player rank, earnings and a list of cases Background screen listing patient history categories Access screen with a list of actions to select Results screen showing a correct answer and earnings Results breakdown with feedback on each decision Leaderboard screen with individual and organization tabs Situation screen describing the patient case Urgency screen with Not Urgent and Urgent options


Scalable UI Design for Gamified Learning

Using reusable components and variants, I designed a consistent, scalable interface that combines real-world medical challenges, rewards, and competitive gameplay to make professional learning more engaging, all within a tight deadline.



Scalable UI Design for Gamified Learning

Using reusable components and variants, I designed a consistent, scalable interface that combines real-world medical challenges, rewards, and competitive gameplay to make professional learning more engaging, all within a tight deadline.


 

 

The Result



 
Delivered a polished, scalable mobile app interface within a tight timeframe, transforming real-world medical scenarios into an engaging, gamified learning experience. The design combines intuitive gameplay, rewards, and competitive features while maintaining consistency with Baycrest’s brand guidelines.
The resulting Baycrest mobile app screens The resulting Toronto Business Connect website