Intro
Intro
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 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.
Kiosk
Kiosk
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...
Documentation
Documentation
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.