Tesco Pages

Standard

Tesco Grocery

Work done for the Tesco Websites have been for Tesco Grocery and Tesco Direct while working at Dunnhumby in Ealing and Welwyn Garden City.

They were developed based on designs either created in-house, created by Tesco or created by the end-client.

Due to the updates being completed by Tesco on the Grocery and Direct websites, much of the work I did while at Dunnhumby has subsequently been taken down.  Further more, due to the nature of campaigns for which they are created, they normally had a relatively short life-span.

Tesco Coffee Pods

Coffee Pods One-Page Microsite –
Old Tesco Layout

This was a one-page microsite for Nescafe.  It is fairly standard HTML, the only aspect to note is that it was developed for the old layout of the website, which is currently being redeveloped by tesco.

Tesco Meal Deals

Meal Deals One-Page Microsite –
New Tesco Layout

This was a one-page done for a campaign Tesco did to promote ‘ready meals’  This is a version done fro the new website layout.  CSS, Classes and ID’s were used to target two layouts of the same HTML for the new layout of the website and the old layout (which is currently partially active at present).

Tesco Meal Deals

Meal Deals One-Page Microsite –
Old Tesco Layout

This was the alternative layout for the old layout of the Tesco Grocery website.  The difference between the old and new site where that the new layout adapts on tablets and computers by use of @media along with max/min screen sizes.

Alpro

Alpro One-Page Microsite –
New Tesco Layout

This was a one-page microsite done for Alpro with a responsive video player and multiple players embedded on one page. The responsiveness is observed when the browser is resized at two breakpoints, above 1260px in width and below.

Video was encoded at a reasonable resolution so that they had a better display in full-screen; many videos are encoded at a lower resolutions to make them smaller in file-size, but that means compromising video quality.

Alpro

Alpro One-Page Microsite –
Old Tesco Layout

This was the old layout version of the same one-page microsite with CSS, IDs and Classes along with the @media to control the adaptive behaviour, in this case preventing it from happening.

Lunchbox

Lunxhbox Multi-Page Microsite –
Old Tesco Layout

This was a multi-page microsite designed to uplift sales of packed-lunch related food stuffs for a range of brands including Tesco-own brands.