Led the comprehensive UX/UI modernization of a leading live dealer gaming platform (15+ years market presence). By resolving critical legacy issues—including clutter blocking game feeds and high-friction betting—the redesign established a mobile-first experience that reduced betting errors, accelerated gameplay, and successfully repositioned the brand as a premium provider.
Link (Hong Kong IP cannot asscess)
Context: A legacy live dealer provider needed to revamp their 15-year-old platform covering Baccarat, Roulette, Blackjack, and Sic Bo.
The Problem: The existing interface was data-heavy and cluttered, with large grids blocking the live video feed. Betting was slow and prone to errors on mobile.
The Goal: Shift from a "data-heavy" legacy tool to a "video-first" immersive entertainment experience.
- My Role: Lead UX/UI Designer
- Timeline: 6 months (audit: 4 weeks; design system: 8 weeks; delivery: 12 weeks)
- Tools: Figma (Prototyping & Design System)
- Deliverables: High-fidelity UI, Mobile Design System, Interactive Prototypes
Analysis of the legacy platform (see "Old Baccarat" screenshots) & by competitive analysis revealed 4 critical friction points:
Video Obstruction
Large history grids blocked 40% of the dealer stream
→ Reduced trust & immersion
Slow Betting
Text-heavy buttons required cognitive effort to scan
→ Missed bets during fast countdowns
Mobile Friction
Tiny touch targets (<30px) on betting grids
→ High error rate ("fat finger" clicks)
Dated Visuals
Flat, low-contrast grey aesthetic
→ Felt "cheap" vs. modern competitors
Problem
Legacy UI treated the live feed as secondary to data tables.
Solution
- Expanded live video to full-screen width.
- Moved history grids and roadmaps to collapsible drawers/bottom sheets.
Result:
Players feel "at the table," not looking at a spreadsheet.
Problem
Text labels cluttered the screen.
Solution
Replaced text with universal, high-contrast iconography.
Result:
30% reduction in visual noise; cleaner interface for betting.
Problem:
Players struggled to repeat complex bets every 20 seconds.
Solution:
Introduced Auto Bet toggle (pre-set amounts/patterns).
Result:
Eliminated repetitive clicks, allowing players to focus on the game flow.
Problem:
Complex Roulette / Sic Bo grids are impossible to tap on phones.
Solution:
- Implemented 72px primary betting targets for accuracy.
- Used 8-point grid spacing to prevent accidental mis-clicks.
Result: Zero-error betting experience on mobile devices.
Enhanced lobby and in-game UI with modern aesthetics and intuitive interactions.
Consistent and unified visual style across all games.
Improved navigation, interaction clarity, and responsiveness for both desktop and mobile.
Audit & Strategy: Analyzed legacy "Old Baccarat" screens to identify screen real estate waste. Defined "Video-First" design principle.
Prototyping: Created high-fidelity interactive prototypes in Figma for Baccarat, Roulette, Sic Bo, and Blackjack.
Visual System: Developed a High-Contrast Dark Mode system (Gold/Black/Dark Grey) to create a "VIP Club" atmosphere consistent across all 7+ game types.
IMPACT & RESULTS
- Mobile Adoption:
Significant increase in session length due to error-free touch targets.
- Betting Efficiency:
Auto Bet feature reduced repetitive clicks, enabling faster gameplay.
- Brand Perception:
Successfully repositioned from a legacy tool to a "Premium/VIP" entertainment provider.
- Visuals:
"Premium" brand perception restored through unified design system.
Key Takeaways:
- What Worked:
Immersion = Revenue: In live casino, the "product" is the dealer video. The UI must get out of the way.
- What I'd Do Differently:
Involve developers earlier for complex animation constraints (e.g., card flipping animations on mobile web).
- Skills Gained:
Mobile ergonomics (touch target standards), high-fidelity prototyping, design system scaling across multiple products, legacy modernization.
%201.png)
