Luxury gym mobile app

Brief

UnReal Sukhumvit Co Ltd (Bangkok luxury gym) needed a full mobile app: onboarding, booking, training, AI coach, challenges, shop, profile, reset club, content. Dark luxury aesthetic. Wil holds a 1 percent shareholding via SPA / MOU. Project doubles as proof of mobile-app capability.

Stack

React Native + Expo Router + Remotion for the intro animation. Hard-coded design tokens per screen (BG #0A0A0A, GOLD rgb(200,180,140), Plus Jakarta Sans + Manrope hierarchy). Real logo SVG paths embedded in Remotion (4-second 30fps 1080x1920 intro). 14 screens. Zero TypeScript errors. Web preview running at localhost:19006, mobile via Expo Go QR.

• React Native
• Expo Router
• Remotion
• Plus Jakarta Sans
• Manrope

Outcome

All 14 screens shipped: onboarding (3 slides), home, book, coach detail, train (programs/history/exercises tabs), workout active (live timer + set logging + rest countdown), AI coach (InBody 2x2 + macros + full report), challenges (Summer Shred + leaderboard), shop (4-filter grid), product detail, reset club (4 service cards), content, profile (PRO membership + QR + body comp), shake bar. Bottom-nav with 5 primary tabs.

What we shipped

• 14 production-ready React Native screens, no boilerplate templates.
• Live workout timer with set logging + rest countdown, all native.
• Remotion 1080x1920 intro animation rendered at 30fps with brand SVGs.
• InBody 2x2 + macros report screen wired for real device data.
• Bottom-nav + 5-tab IA shipped with zero TypeScript errors.