Project:
Digital Design System
Role:
UI design
Over a seven year period and three separate contracts, I have worked for Tesco to help them create their new digital design system. An extensive and amazingly in-depth project, the new design language helps designers and developers across the business to create websites and apps that are unified and recognisably Tesco. It is also integral to giving customers a consistent experience across Tesco’s apps, websites and emails. The design system services over 160 UX and UI designers across one of the UK's largest companies. A really fantastic project to work on!
As part of the core team of five, I worked under the two heads of creative to help define and roll out design assets for all areas of Tesco's customer facing UI. From button and form language to email and promotions, every nuance of UI functionality had to be considered with rules defined. This was documented in the online 'DDL Toolkit' that was built by the team to allow easy access to the design language by both colleagues and external agencies.
Research was carried out across the entirety of the existing customer facing Tesco estate to establish the full extent of the business and customer needs for each sprint. This enabled the design rules behind each part of the language to be fully validated and cover every eventuality.
After two years of work we completed the first release of new design system. We created the below poster to communicate this to the business and to show the scale of what had been achieved.
At the end of the first release of DDL, I joined the App Team as Lead Designer to help integrate our new design system into the Android and iOS groceries apps. This gave us opportunity to start stress testing the design language and get it in front of customers for testing and make further improvements/additions where necessary.
In 2020, I was asked back by Tesco to help them unify the component libraries into a brand new Figma library, align the design system with engineering and work closely with Tetralogical to ensure that our design system meets the highest accessibility standards possible.
< Previous
Next >