Return to Be the Key Case Study
Image of Be the Key Final Screens

Be the Key Ideation and User Testing

Mockup of Be the Key Wireframes

Wireframes

To begin the design process, I created wireframes based on the existing recognition system. The initial concepts were minimal, but they served as a foundation for exploring multiple design directions and brainstorming potential solutions for the final product

A mockup of AI generated Be the Key Screens: Top design iterations

Replit: AI Exploration

A unique part of this project was experimenting with AI-assisted product development using Replit, a tool recommended by a designer I met at ConnectHV. That same night, I used my top design iterations to start building the product. Replit helped speed up the wireframing process and quickly visualize key user flows.

Mockup displaying User testing presentation screens

How Users Informed the Final Design: Testing with 40+ Nurses

Involving staff in the design decisions was crucial to the project's success. I was lucky enough to present at the monthly floor meeting with over 40+ clinical staff. We used Microsoft Polls to cast votes and collect essential feedback.

Return to Be the Key Case Study