Tesco Direct
Responsive Web Design (2012)

A responsive re—design for mobile, tablets, desktop and kiosks

Role: Lead Designer

As Lead Designer on the Tesco Direct responsive re-design I was responsible for creating a new visual language that worked with a Mobile First principle. The project was run with an Agile approach, which enabled quick prototyping and an iterative and efficient design process. A full working prototype that used real data was created within 3 months. This was delivered along with a full component library, allowing the Tesco Direct in-house team to continue developing the site.

Responsive 'Ultra'

From Mobile to
In-store kiosks

Tesco wanted to use the same code base for their in-store kiosks as their responsive web build. We proposed 3 ways of achieving this: Fully Responsive, Responsive Plus and Bespoke.

We presented the work in this way to communicate the restrictions and benefits of going both responsive and adaptive for the kiosk design and web build.

For scale...

Design details

Documenting for
a smooth process

Creating detailed and easy to follow design guidelines was the aim I set out for the team. It was important to enable the Front-end Developers to create a working prototype in a very short amount of time, making life easier for them in as many ways as possible was key to a quick turn-around.

The site is now live at www.tesco.com/direct

Since being implemented by the Tesco in-house team the site has evolved quite rapidly and has proven that the initial responsive framework created by the team at DigitasLBi was a flexible and well considered piece of Responsive Design.

Thank you