Food Love Stories
Header images
Above-the-fold images are in data-URI format and embedded in the primary stylesheet to keep page load speeds high.
Behind every meal we love is a story. It’s more than just a bunch of ingredients. We know that the meals we make for those we love matter. Discover Food Love Stories, brought to you by Tesco.
Custom fonts
Are highly optimised and loaded immediately using ajax to prevent resource blocking. It also reduces the possibility of the flash of unstyled content.
Tasty ‘Pick-me-up’ meals
Headings and straplines
Heading and strapline copy are fluidly-responsive which scales the font-size porportionately to the viewport. Removes multiple breakpoint issues. Beautifully smooth.
David’s ‘hot or not’ chicken curry
Full-bleed high-resolution image
Controlling image load order ensures the large high resolution background is presented as soon as possible. A background color is set to minimise disturbance on poor connections.
If you’ve seen our recent TV ad, you’ll be in on our Food Love Story about David’s shameful secret: when he met his wife, he fibbed about sharing her love of spicy food. 15 years later, he hasn’t come clean, but he’s still making his wife her favourite curry – with a sneaky dollop of cooling yogurt for him. Get the chicken curry recipe
Watch David’s Food Love Story
How to make it
Video
Video assets are late-loaded as images and are embedded as video upon user interaction. Decreasing the time it takes for a page to become interactive to the user.
Stories from our suppliers
The bread perfectionists
The cheese fortune tellers
Project information
- Layout and code: Mike Foskett
- Creative: Daley Osiyemi
- Words, photos and video: Bartle Bogle Hegarty London
- Tasks: Carrie J. Hall