Tools: Base44, AI-assisted rapid prototyping
Audience: University Campus Employees & Staff
Challenge: A large university launched a free bikeshare perk to reduce campus traffic and encourage fitness, but the program suffered from low adoption and too many safety incidents. Static training materials failed to bridge the gap between awareness of the rules and performing correctly in the physical outdoor environment.
Hypothesis: I gamified the barrier to entry for the program in order to transform a mandatory safety training into a high-engagement assessment that ensures 100% readiness before granting access to ride.
Solution: A mobile-first simulation that mimics the player’s own device to bridge the gap between digital training and physical experience.
Key Features:
The Phone-in-Phone UI: Users interact with a virtual version of the rental app within the game, building specific muscle memory for the bike-unlocking and docking process.
Active-Ride Assessment: As the player rides through a simulated campus environment, randomized safety hazards and quiz triggers appear, requiring split-second decision-making.
Gated Access Integration: The game serves as the final performance-based assessment. Successful completion triggers the user’s real-world credentials for the bike fleet.
Why Code-Based? Traditional slide-based tools can't simulate the haptic, fast-twitch environment of a mobile app. By using a code-based approach, I created a high-fidelity simulator that mirrors the actual user journey from pocket to pedal, ensuring the first real-world ride is a safe one.
Play the bikeshare game below (for desktop users: use keyboard arrows ◀️ and ▶️ to navigate the simulated bike ride):