A collaborative, cloud-based design system was developed for a major sports betting client to address flaws in their UI management tool. The project focused on aligning global design teams, establishing governance, and identifying organisational gaps. Key outputs included a scalable design system with inline documentation, a consistent naming convention, new product workflows, and a front-end prototype for improved collaboration between designers and developers.
The client is one of the world's largest sports betting groups. The online tool used to manage the client’s UI components was fundamentally flawed and produced bottlenecks for their internal processes and creativity. We were asked to deliver a platform that addressed the technical requirements of a scalable design system.
- Align agnostic and core products with the Design System to create a single source of truth for the company
- Deliver fresh UI to each brand without breaking the product architecture
- Establish roles, responsibilities and governance to maintain future iterations of the platform
- Identify gaps and opportunities in the current organisational structure of the business
By applying user-focused design thinking methods, we understood the challenges and frictions faced by 30+ global teams of designers, engineers and brand teams and aligned them on design system best practices and tooling.
- Understand frictions blocking UI component updates and the disconnect between the design and engineering teams
- Audit the current organisational structure and end-to-end processes to identify the pain points and areas of opportunity
- Troubleshoot the reasons behind component hacks and the barriers the existing UI kit presents to the business
- Take an experiment-led approach to research, working in the open to align the wider team
A collaborative, cloud-based design system that enables users to work in the open, apply changes with ease and maintain a growing system. We were able to align design components with code for a frictionless handoff between designers and developers.
- Cloud-based, collaborative design system with inline documentation to support design decisions
- A new, consistent naming convention designed for scaling and a detailed database for components
- Five new product workflows for handoff, embedding new project management tools and visibility into the business
- A front-end prototype showcasing the accurate theming of white-label wireframes, automatic component publishing and platform updates