Helix Design System

Brand

888 Holdings

Year

2024

Service

Product Design

Back to Work

Overview

Helix Design System is our centralized collection of reusable components—initially starting with Figma components, documentation, and assets that help maintain consistency and efficiency throughout product design and development. For Evoke, the transition to the newly formed unified strategy offers standardized components and product principles that minimize production time and costs.

Example Case

Messy components and sub-libraries historically hampered design efficiency. Currently, 7 teams manage 14 libraries with over 7,000 components, leading to inefficiency and high costs. Icon retrieval and editing can take up to two days and cost over £2000.

7x Teams - 14x Libraries - Over 7000 Components

The future state envisions a streamlined, structured, and scalable library system with fewer, more organized libraries serving specific functions. For example, an iconography library spans all brands (William Hill, 888 Sports, Poker and Casino, and Mr Green). This approach promises multi-brand, task-specific libraries that are easy to update, minimize design and admin work, and lead to faster turnover and significant cost savings.

Documented 2688 Icon Variants

Previously, obtaining various icons involved several inefficient steps:

a) Asking around to identify who created the icons.
b) Searching old files if identified.
c) Often being unclear on the creator or storage location.
d) Spending 1-2 days to locate the icons.
e) Resizing or editing the icons to fit design specifications.
f) The entire process could cost around £1600 over two days (with two designers), which could be reduced to a few minutes and less than £8 with a streamlined system.

How-to Videos