Project:
Tesco technology
Role:
UI Design
Following on from working on their new digital design language, I was asked by Tesco to join their Technology team which focuses on in store customer facing products and colleague tools. Predominantly focusing on the self service checkout and their customer engagement centre(OneCEC), I was tasked with integrating our new design language into the products whilst enhancing functionality and solving various pain points.
On self service checkout, there were two main issues that we wanted to address. Firstly, research had shown that customers were experiencing difficulties with the existing button language and also with screen glare preventing them from interacting with the touch screens effectively. Secondly, the styling was not up to our new brand standards. Working with NCR, who create the checkout terminals and software, I designed new screens to meet our brand standards whilst also making sure we were tackling customer pain points. Build restrictions prevented us from changing the UX, so I focused on making enhancements to the existing user journeys.
The designs below show the existing checkout screens on the left and the our updated visuals on the right.
The designs below show the existing checkout screens on the left and the our updated visuals on the right.
Before
After
As part of the applying the new branding to our self service checkout process, I also created a Sketch pattern library. Using our online digital design language as a base, I created new rules for our UI that were optimised for arms length touch screens. Since returning to Tesco in my latest contract, I have now migrated all of the Checkout design system to Figma and linked everything up to Tesco's global foundation library that we created.
In addition to my work on self service checkout, I also worked on enhancing Tesco's customer engagement centre(oneCEC). This is an online tool that is used by Tesco colleagues to help with customer requests. Historically, Tesco agents have had to use many different tools and apps to cater for this. Ranging from things like changing address details to merging accounts to ordering a new Clubcard, there are many different services that an agent has to carry out.
The job of OneCEC is to combine all of this into one place where they can easily access all they need in an efficient way and help serve the customer more effectively.
The job of OneCEC is to combine all of this into one place where they can easily access all they need in an efficient way and help serve the customer more effectively.
I also worked on their Enterprise Tools web apps that help buyers and suppliers make key decisions in the complex journey of a product life cycle. A very interesting project to work on as it was dealing with a lot of data rich information that needed to be tackled in a concise way through table and data visualisation design. Information density was a key aspect to this project so specific attention was given to type treatment and colour usage in order to maintain a strong sense of visual hierarchy.
