Design System
Design System is the core of consistency and speed in digital product building. Bring designers and engineers to the same table, from brand, UX, Copywriters, to Front end engineers.
Allow designers to focus on the problem and how to solve it with higher speed, without have to worry about building everything from scratch every time and be sure that patterns and components are available already to the engineers as well, reducing production time as well.
Industry
Betting and FIntech
Client
Oddschecker and PrimaryBid
Service
Design System Design
Date
2019-2021
Challenge
One of the most complex tasks a product designer can do is create and build a design system from scratch. When I first arrived there were no design systems in place and all the components were copy / pasted across files. This process created a lot of inconsistencies throughout design and the user experience which is not good. So my first task was to build a design system that could be used by everyone involved in the production. Having extensive knowledge of design systems and creating components I started assembly them following the atomic design process.
Goal
Have a unified design system with responsive componets shared across design and engineering team
Solution
I started analysing the product and collecting patterns, icons, colours and components that was were used. Understanding the business direction and company brand giudelines. Re-built all of them using autolayout and atomic design. Connecting Designers and Engineers on the same page on the topic of Design System. Planned next steps.
