Designing a seamless and consistent betting ecosystem across brands.

About the client

Flutter Entertainment is one of Europe's largest online betting groups, bringing together a portfolio of historic and innovative brands under a single umbrella. With a user-centered approach and a strong commitment to responsible gaming, Flutter aims to deliver seamless, tailored experiences across a diverse global audience of players.

As part of this vision, the company is building a shared future in the betting industry by developing a multi-brand design system ecosystem. This initiative ensures consistent, intuitive, and ethically conscious experiences across all platforms, reinforcing Flutter's leadership in creating safe and sustainable digital environments.

Overview

My role

As Design System Administrator and Process Optimization Strategist, I was responsible for designing and building the overall DS structure to promote speed, cohesion, and team autonomy. My focus was on creating a scalable foundation that could serve both immediate operational needs and long-term product evolution across multiple brands.

I developed shared standards capable of supporting each brand's specific requirements, while maintaining a unified design language. Throughout the project, I continuously monitored, audited, and iteratively improved the system to ensure it remained robust, flexible, and aligned with the team's evolving workflows.

Preliminary Analysis of the Operational Context

As-Is Mapping Across All Brands:
We began by mapping the current UX/UI structure of each brand involved, identifying key differences in workflows, visual standards, and process flows.

Primary Flow Analysis (Sisal Reference):
Sisal was selected as the "core brand" to define the foundational flows, ensuring coherence and scalability for the future onboarding of additional brands.

Structuring the New Multi-Brand Architecture

Decision-Making Process and Team Analysis:
Through interviews with local teams, we analyzed their operational workflows, pain points, and priorities to shape a flexible yet coherent system.

Multi-Brand and Multi-Language Token System:
We developed an advanced tokenization schema enabling automatic adaptation of components, themes, and flows according to brand identity and language.

Automation of Flow Conversion:
New mechanisms were implemented to allow teams to create user flows through drag-and-drop assembly of components, eliminating the need to rebuild flows from scratch.

Practical Implementation and Rollout

Component and Asset Construction:
Each component was designed for maximum reusability and easy customization, while maintaining high-quality standards across brands and devices.

Automation Testing and Pattern Validation:
We extensively tested the DS automation engine across brands and devices to validate system robustness and ensure efficient flow conversions.

Zeroheight Documentation and Onboarding:
All flows and components were documented with practical guides, usage examples, video tutorials, and quick references to accelerate adoption across teams.

Initial Usage Monitoring and Feedback Loop:
Rapid feedback cycles were activated with design teams during the first deployments, allowing us to correct issues and optimize the system iteratively before the full rollout.

Results and impact