The Challenge: Bridging Vision and Reality

Fanatics came to me with a bold vision and early-stage concepts from a global design agency. But there was a significant gap between those initial ideas and a real-world, buildable product. They needed someone to bridge that gap by taking an ambitious vision for the world’s #1 sports app and architecting the detailed, user-centric foundation that would actually get built.

The goal was creating a single destination that seamlessly integrated scores, news, commerce, betting, loyalty, and collectibles. This wasn’t about creating pretty screens. It was about solving a fundamental UX challenge: how do you unify five different product experiences without overwhelming the user?

My Role: Lead Product Designer & UX Architect

I was brought in to architect the user experience. My responsibility was defining the information architecture, designing end-to-end user flows for all core features, and creating a cohesive, scalable design system that internal teams could adopt and expand.

The process followed the same sportsbook UX design and data visualisation design principles I apply to simplify complex, high-volume digital environments.

Part 1: The Foundation

1. The Personalized Experience

The personalised onboarding flow I designed captures favourite leagues, teams, and players, which directly powers this feed. Every user gets a unique experience from day one.

Key Decision: Why a Dynamic “For You” Feed Over a Static Home Screen

We considered a traditional, utility-focused home screen with quick access tiles. But to be the #1 sports app, we couldn’t just be a utility. We had to be a destination.

I advocated for a dynamic “For You” feed as the core experience. This decision was strategic: the feed structure allows us to surface relevant scores, news, merchandise, and betting odds in a single, personalized, habit-forming stream. It transforms the app from “I need to check a score” into “I wonder what’s happening in my sports world today.”

Mobile app UI showing Fanatics onboarding flow for selecting leagues and teams, daily rewards screen, and personalized fan profile with FanCash balance, designed by SGX Studio.

2. The Definitive Score & Content Hub

I designed a comprehensive system for team and league pages as hubs for schedules, stats, rosters, and merchandise. The Score Centre was designed as the heart of the live experience, allowing users to effortlessly follow multiple games from pre-game analysis through live play-by-play into post-game breakdowns.

Mobile app UI showing Fanatics live scores feed, NBA league overview, team details for the Los Angeles Lakers, and integrated merchandise store, designed by SGX Studio.

3. In-Depth, Multi-Stage Event Coverage

Beyond a simple score, fans want to immerse themselves in the game. I designed a detailed, multi-stage event view that adapted to the user’s context. This included pre-game stats and insights, a rich live-game experience with multiple viewing options, and a post-game view for reliving key moments.

Mobile app UI showing live NBA game between Celtics and Magic, including score updates, video highlights, shot chart, and game leader stats, designed by SGX Studio.

4. A Deeply Integrated Loyalty System

Loyalty wasn’t an afterthought but woven into the fabric of the app. I designed the user’s profile as a central hub for all loyalty activities, from tracking FanCash balance to viewing rewards status and engaging with FanChallenges.

Mobile app UI showing FanCash balance progression across four tiers with different reward levels and color themes, designed by SGX Studio.

Part 2: Visualising the Product Roadmap

Following delivery of the foundational work, our partnership expanded. I was engaged to help visualize the long-term, multi-milestone product roadmap. The goal was creating a tangible “North Star” vision to align stakeholders and guide the product’s evolution from minimum viable product to fully personalized ecosystem.

Milestone 1: The Foundation (Visualising the essential features for launch)

Milestone 2: Deepening Engagement (Designing the next wave of features)

Milestone 3: The Fully Personalised Ecosystem (Creating the “North Star” vision)

Mobile app UI showing Fanatics user profile, FanCash balance, active games, and sports merchandise marketplace, designed by SGX Studio.

The Impact: A Complete Strategic Vision that Aligned the Business

Across these engagements, my product design work provided a complete strategic package that was instrumental in moving this complex, high-stakes initiative from abstract idea to actionable plan.

Created a Tangible Vision to Align Stakeholders: The comprehensive UX designs transformed the roadmap into a clear, tangible product vision. This “North Star” made it easier to secure executive buy-in and align product, design, and engineering teams around a single, shared understanding of the future.

Accelerated the Development Roadmap by Months: By delivering a detailed, end-to-end foundation for the mobile app, I removed ambiguity and provided clear specification for internal teams. This de-risked the engineering effort and saved months of discovery work, allowing them to move directly into efficient build phase.

Provided a Scalable Foundation for Future Growth: The design system and architecture I established created a cohesive framework. This empowered the internal team to continue building, iterating, and launching new features with speed and consistency long after my engagement.

This type of challenge sits at the core of sports product UX design, where complex systems must still feel intuitive and human.

Professional note: This case study showcases the foundational design architecture and conceptual UX/UI work I delivered. The final execution and continued iteration are handled by the client’s internal team.

Sports Product Strategy & UX Design Case Studies

Clear, outcome-focused case studies showing how I’ve helped sports brands simplify complexity, sharpen their product direction and design experiences that keep users returning.

View All Case Studies

Got a product idea or an underperforming app?

Tell me about your challenge or book a quick 20-minute conversation to get started.

Thank you for your message. It has been sent.
There was an error trying to send your message. Please try again later.

By submitting my data I agree to be contacted