February 19, 2018

Tesco: Digital Design Language (DDL)

The Problem

Before and after the DDL Tesco lacked a coherent look and feel for its digital estate which was contributing to decreasing trust in the brand, and confusion among existing and prospect customers.

What we did

Shared, standardised UI Common icon language I created the team who defined and created a shared design standard for user interfaces across all Tesco-branded screens: consumer-, colleague- and partner-facing. This included sub-brands and global properties. This was then developed further to become a central set of UI components that all teams could use to build with.

How we did it

Studio days Rather than create yet another team who would create a specification that was ignored, I built a small central team who asked other teams to second designers into to help build the design language. This ensured that teams were able to influence and shape the work with their domain expertise and then return to their teams as advocates.

We were highly-transparent with regard to our timings and roadmap, which enables contributing and consuming teams to plan their work accordingly. A smiple governing principle (later blessed’ by Brand) was that wherever a UI specification exists in the DDL it must be used.

Files

Full DDL presentation deck - 46MB

DDL Specification (u/p: view/1Tesc0)


product design web product strategy accessibility tesco UI design systems caseStudy


Previous post
AdPlus: Explainer Video AdPlus was a startup I was involved with that was seeking to find a way to offer customers the benefits of fewer ads without going to the extreme of
Next post
Tesco: DDL Tools - responsive promo builder Following the creation and rollout of Tesco’s digital brand expression (the DDL) we were asked to help speed-up the adoption of the new brand in