Design System of UBET
2025
As a leading crypto entertainment platform based in Canada, UBET was looking to take their digital product to the next level. I was engaged directly to explore how the user experience could be evolved to better suit the needs of customers and bring new excitement to the industry. It was a great experience to work directly with their teams to achieve their business goals for their digital product through effective design thinking. Their commitment to achieving quality and ethical customer outcomes made for a rewarding collaboration.
Website & app design system
When approaching their existing product, I was determined to not only improve things but leverage what was performing well. With this perspective, I carefully reviewed the customer insights of the product and conducted thorough competitor analysis and interaction design reviews of the entire product. The insights led me to the creation of new patterns with the purpose of simplifying a relatively stagnant industry. There were also major improvements made to the overall accessibility and alignment to modern best practices for the web and mobile app environments..
Creation of tokens
Making the most use out of design efforts is crucial. All aspects of the design system I created were done so with development practices at the core. From the colors, styles, padding to the layouts of the pages, each and every detail was tokenized to allow for instantaneous transition to code. This allowed for streamlined changes, lowered risk of design system breakage and enabled code-centric naming conventions throughout.
Building components
With the foundations set with tokens, I designed modular, reusable components. With this process I was also able to greatly reduce the amount of duplicate or clashing existing components to make for a more consistent and easy to manage design system. I also aimed to innovate and rethink the archaic patterns of the industry to provide customers with a simple user experience regardless of how much experience they have. This sets UBET apart from the competitors and I am proud to have been part of the change. All components utilized the latest responsive and auto-layout functions to provide full specifications for all supported breakpoints.
Page layout design
With hundreds of pages and various states to cater for, I carefully built out the entire digital product using the new design system. I catered to responsive web as well as native mobile app practices. Each page was revised to improve the user experience in addition to addressing known customer problems. Testing was also incorporated to validate design decisions. The journeys across the site were also examined to ensure this was true enhancement of the product and not just a 'shiny coat of paint'.