Helix Design System is our centralized collection of reusable components—initially starting with Figma design elements—along with guidelines, and assets that help maintain consistency and efficiency in product design and development. For 888 Holdings, the transition to the new Spectate platform is streamlined by a unified strategy, offering standardized components and product principles that initially minimize design time and subsequently reduce development time and costs.It is imperative that a company as large as 888 Holdings, with multiple brands, fosters collaboration, efficiency, consistency, scalability, and a quicker go-to-market strategy in the product development processes.
Identified numerous messy components and sub-libraries historically, creating a cluttered and ambiguous environment that hampered design efficiency. Currently, as shown below, a fragmented system with 7 teams managing 14 libraries and over 7,000 components leads to inefficiency and high costs. Icon retrieval and editing alone can take up to two days and cost over £2000.
In contrast, the future state as per the stats below, envisions a streamlined, structured, and scalable library system. The perfect scenario is a move towards fewer, more organized libraries with specific functions. Like in this example an iconography library that spans all brands (William Hill, 888 Sports, Poker and Casino, and Mr Green). This approach promises multi-brand and taskspecific libraries that are scalable, easy to update, and minimize design and admin work, leading to faster work turnover and substantial cost savings.
Previously, when there was a need for a design that included various icons and their multiple variants were not documented and not easily available for a designer, the following methods were applied:
a) Ask around to determine who worked on these icons from a historical perspective. b) If identified, the 2nd designer would then have to search through old files for it. c) Often, it was unclear who created the icons or where they were stored. d) On average, 1-2 days were spent just to locate the icons. e) Once found, the icon then needed to be resized or edited to fit the design specifications and deploy it or made engineering-ready. f) The entire process could cost, based on an average rate of £800/day, around £1600 for 2 days (Inc 2 designers), which could be reduced to a few minutes and a couple of clicks. Bringing the cost down to single digits (Say <£8))
