NU Coach: AI Workplace Coaching & Gamified Simulations
Transforming an unrefined AI-generated concept into a gamified, enterprise-ready workplace coaching and scenario simulation platform.
From Raw AI Prototype to Enterprise Product
Product Manager Deepak built an initial proof-of-concept on Lovable AI. While it proved the core hypothesis, the interface was overloaded with infinite vertical scrolling, cluttered "Google Meet" video grids, zero gamification, and component debt.
The Initial Lovable Build vs. Product Transformation
The raw prototype screens: initial Dashboard (left), Audio Roleplay (top right), and basic Incident Quiz (bottom right).
The initial AI prototype validated that an LLM could evaluate workplace interactions, but its endless scrolling and disorienting multi-tile video layout distracted learners from real practice. I led the complete redesign from scratch: eliminating cognitive friction, architecting a focused conversational dialogue cockpit, and engineering a behavioral gamification system (XP points calculated from speed, attempt counts, and response accuracy, paired with weekly streak multipliers). When I presented this redesigned system in an all-hands leadership review, our CEO and executive team gave enthusiastic appreciation, immediately greenlighting it for direct production rollout.
Eliminated Infinite Scroll
Replaced sprawling, chaotic layouts with fixed, thumb-reachable conversational cockpits.
Gamified Retention Engine
Engineered XP scoring (time-to-complete, accuracy, attempts) and streak leaderboards.
AI Frontend Starter Code
Used AI to generate production-ready frontend code matching Figma with 95% fidelity for developers.
Key Design Decisions That Redefined NU Coach
Transforming rapid AI code into an enterprise product requires systems thinking. Here are the 4 core design bets I made.
Gamification & Leaderboards
Replaced sporadic training with sticky daily routines: weekly simulation streaks, XP multipliers, peer leaderboards, and immediate post-incident reward feedback.
Conversational AI Coach
Replaced intimidating blank prompts with live audio waveforms, real-time speech transcription, dynamic sentiment indicators, and supportive executive coaching.
Branching Scenario Engine
Architected realistic crisis cockpits where learner choices branch into distinct consequences under SLA countdown pressure, measuring composure and leadership judgment.
Scalable Design Tokens
Built a production Figma token architecture supporting OLED dark and light modes, strict non-deterministic AI state matrices (streaming, low confidence, latency), and 48px touch ergonomics.
The 3 Selected Product Milestones
A focused exploration of the three representative touchpoints that define the user experience of NU Coach.
The Gamified Engagement & Motivation Dashboard
Replaced passive learning lists with intrinsic habit triggers: weekly practice streaks, peer leaderboards, personalized skill XP, and instant simulation reward deposit celebrations.
Key features: Dynamic XP Multipliers, Simulation Reward Celebrations, Weekly Cohort Leaderboard Podium.
Simulation Reward Deposited: Instant XP & Rank Climbing Celebration Modal
Cohort Leaderboard: Peer Rankings & Top 8% Rising Status
The Contextual AI Coach & Audio Roleplay Workspace
Designed an empathetic coaching interface with live audio waveforms, real-time speech transcription, and instant sentiment calibration for safe leadership practice.
Key features: Dual-Persona Audio Workspace, Live Transcription & Waveforms, Real-Time Sentiment Calibration.
High-Res Inspection: Director of IT Persona, Speech Transcript & Live Waveforms
The Interactive Scenario Simulation Engine
Created realistic, branching scenario trees with time-pressure constraints and immediate feedback on leadership trade-offs and team morale impact.
Key features: Zenith Outage Cockpit, 30-Minute SLA Target Clock, Compliance Hazard Scoring Rubrics.
High-Res Inspection: Zenith Outage Cockpit with 10/10 Score Breakdown & SLA Clock
Designing for Human Agency & Trust
Every AI coaching score is paired with verbatim citations from the learner's responses, allowing managers to understand, verify, and act on the feedback with confidence.
Mobile Native Experience — Android & iOS
Executive managers and busy team leads practice in short sprint windows during daily commutes. I architected responsive, touch-first Android and iOS micro-learning experiences designed for 3-minute scenario drills, tactile haptic feedback, and instant streak preservation.
Android Multi-Device Fleet Experience
Sleek dark-mode experience optimized for punch-hole camera Android devices, featuring thumb-reachable navigation and real-time streak updates.
Thumb-First Action Bar
Lower 40% reach zone designed for single-thumb commute practice.
Streak Micro-Celebrations
Spring-physics XP micro-rewards reinforcing daily learning habits.
Offline Resilience
Transit-safe local state caching preventing progress dropouts.
Adaptive Theme System & Fluid Flows
Fluid iOS tokens supporting system appearance matching (OLED Dark & Light) and touch-tested decision pathways.
OLED Dark & Light Theming
Dynamic daylight & dark mode matching system appearance.
Touch-Target Ergonomics
Strict 48px+ tap hitboxes preventing accidental scenario misses.
Compact Metrics
Glanceable composure and empathy metrics under 3 seconds.
Bespoke Mobile Storytelling Coach for TransformMe
Leading enterprise training partner TransformMe collaborated with us to design a dedicated AI storytelling coach module embedded into their mobile learning experience. I designed the complete consumer-facing mobile experience with two adaptive modalities:
Avatar & Avatar-Less Mobile UX
Designed an interactive animated AI coach avatar alongside a low-bandwidth, text/audio transcript mode ensuring seamless practice across varying network speeds.
Conversational Module Creator
Instead of forcing course creators to fill rigid forms, I designed an intelligent AI chatbot that interviews instructors and auto-generates customized storytelling scenarios.
NU Coach Platform Motion & Interaction Walkthrough
Demonstrating the live interaction synergy between the motivation dashboard, conversational roleplay, and AI diagnostic feedback.
Master Platform Experience — Light & Dark Mode Tour
Full product tour recording demonstrating adaptive theme switching (Light and Dark mode), scenario launching, interactive AI feedback states, and gamified leaderboards.
Completing a simulation triggers a seamless transition back to the dashboard: XP bars animate with spring physics, leaderboard ranks update dynamically, and AI diagnostic feedback renders progressively without layout shifts.
Fluid Layout Hierarchy
Harmonious card scaling and generous spatial breathing room ensuring effortless scanability for busy executives.
Contextual State Transitions
Seamless handoff from the dashboard into immersive, distraction-free roleplay and simulation modes.
Actionable Feedback Loops
Real-time speech tone, composure, and empathy metrics presented with clear, supportive behavioral coaching.
Proprietary Systems Architecture (Protected Under NDA)
While only 3 representative screens are displayed above, my design engagement spanned the complete enterprise coaching ecosystem. Here is an overview of the systems I architected.
End-to-End Platform Modules Architected
These modules were fully designed in Figma and handed over to PM and engineering teams for production implementation, with UI visuals withheld under corporate confidentiality.
Scoring & Streak Rule Engine
Algorithmic tier mechanics governing daily streaks, point decay, peer competition brackets, and milestone rewards.
- Dynamic Streak Multipliers
- Anti-Burnout Grace Days
- Cohort Brackets
Scenario Builder Studio
Intuitive authoring environment enabling L&D admins to craft custom branching workplace roleplays without writing code.
- Visual Decision Trees
- Persona Customization
- Competency Tagging
Competency & Skill Matrix
Standardized behavioral rubrics mapping simulation performance directly to enterprise leadership frameworks.
- Emotional Intelligence Rubrics
- Crisis Management Scoring
- Managerial Feedback Matrix
Cohort & HR Admin Dashboard
Aggregated team-level reporting showing skill gaps, completion velocity, and leadership readiness across business units.
- Team Skill Heatmaps
- Anonymized Benchmark Trends
- ROI & Engagement Exports
Enterprise AI Guardrails
Defensive design mechanisms ensuring safe AI responses, hallucination fallbacks, and confidential data privacy.
- Graceful Ambiguity Fallbacks
- Zero Data Retention Toggles
- Explicit Reasoning Disclosures
White-Label Brand Engine
Client branding system allowing enterprise customers to seamlessly skin the platform with custom colors and logos.
- Dynamic Palette Adaptation
- Custom Subdomain Binding
- Branded Certificate Generator
Shipped to Production: Transforming Rapid AI Prototypes into Enterprise Software
By bridging the gap between raw AI generation and human-centered design, NU Coach was successfully transformed into a live enterprise coaching and simulation platform now running in production.
Live Production Delivery & Measurable Outcomes
The redesign established complete parity between AI capabilities and enterprise UX standards, successfully deployed across Web, iOS, and Android for active enterprise client training.