← Back to work
EP.03
Live on Google Play Product Build

TrainerQ

“Your workouts. Your adventure.” A gamified fitness and coaching platform that turns daily workouts into an RPG adventure: your body is your character, and every workout earns XP. I designed and built it solo, from concept to a live Google Play release.

Role
Product Owner · Lead Developer · Product Design · User Research
Year
2025 — Present
Tech stack
  • Next.js
  • React
  • TypeScript
  • Firebase
  • Firestore
  • Firebase Studio
  • Recharts
  • Figma
  • AI-assisted coding
Links
trainerq.com ↗
Google Play ↗
TrainerQ screens: character progression, quick actions, weekly consistency, and volume trends

The challenge

Most fitness apps overwhelm users with “data fatigue.” When the interface feels like a spreadsheet, people get bored or frustrated and quit.

The core problem: how do you make daily workout logging feel rewarding enough that users come back because they want to, not because they have to?

The solution

I redesigned the logging experience to be as frictionless as possible, moving away from dense charts and manual entry. To keep users hooked, I turned their physical progress into an RPG-style adventure.

Instead of staring at heart rate graphs, users level up a character, like a Warrior or Archer, so daily consistency feels like a game rather than data entry.

  • RPG character progression: XP, levels, character classes, and stat points
  • Workout logging, streaks, and weekly goals, plus a guided 7-minute first quest
  • AI-generated meal plans and workout suggestions
  • Stat Scan: self-assessed real-life stats you rescan to watch them move
  • Community raid bosses, rivals, leaderboards, and a social feed
  • Gamified difficulty tiers (Revenant, Raider, Slayer) to escalate the challenge
  • Coach marketplace with bookings, messaging, and push notifications
  • Coach toolkit: client roster, programs, PAR-Q assessments, and progress tracking
  • Social sign-in for a fast first session

My process

As the sole designer and developer, I ran the full product cycle, from early user interviews to a live Google Play release.

  1. Conducted user research interviews with fitness enthusiasts and personal trainers
  2. Mapped user journeys from both the athlete and coach perspectives
  3. Designed the full UI system in Figma using a custom component library
  4. Built the frontend in Next.js + TypeScript with Firebase as the backend
  5. Used AI-assisted coding (Firebase Studio + prompt engineering) to accelerate delivery
  6. Iterated on beta tester feedback across multiple sprint cycles
  7. Shipped the Android release to Google Play and own its releases and support
Panels

Project screens

Tap any panel to zoom in.

Mobile

Now on Google Play

Screens from the live Android app: home quests, community raid bosses, your character, guided training, the community feed, and Stat Scan.