Creating an Interactive, Fan-First Experience for a Sports League
A centralized platform that boosted engagement, streamlined content management, and enhanced commercial value for fans and clubs.
Fan Engagement Obstacles
The client, managing a major sports league, struggled to deliver a unified draw experience for fans. There was no central hub for fixtures, club-centric content, or interactive features, and slow load times, along with suboptimal UX, reduced engagement. Browser compatibility issues affected accessibility, and reliance on Tableau embeds limited flexibility and developer independence. These factors collectively risked lower fan engagement, reduced commercial visibility, and inefficient content management.
How We Tackled It
We built the Draw Hub in multiple phases to improve fan experience and operational efficiency:
POC: Tableau dashboard embedded from BigQuery with gamification features.
MVP: Data migrated to MongoDB; APIs built with NestJS; React frontend for fast, mobile-friendly UI.
Enhancements: CMS was added for easier content management and reduced developer dependency.
Key Improvements Delivered:
Optimized data load times by moving from BigQuery to MongoDB and integrating APIs.
Replaced Tableau embeds with a mobile-friendly React UI for better UX.
Implemented AWS Fargate for APIs, MongoDB Atlas for DB, and S3 for frontend hosting.
Added CMS for real-time content updates and simplified workflows.
Client’s Feedback
"Fans can now access fixtures, club content, and predictions all in one place. Updates are faster, and engagement has noticeably increased since launch."
Impact Overview
The Draw Hub transformed fan engagement by providing a single, interactive platform where fixtures, club content, and predictions could be accessed easily. Fans experienced faster load times and smoother navigation, while content teams benefited from simpler updates with reduced developer dependency. Overall, the platform strengthened fan loyalty and improved commercial visibility for clubs and sponsors.
