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 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.
More Food Love Stories
Nana’s ‘magic’ soup
Hand-coded to responsively crop the copy. Maintains a single line no matter the viewport width. This feature has saved hours of ongoing work in adjusting copy length to suit major device widths.
Ella’s ‘one- handed’ stir fry
A small script was created to allow the image to fire the link beneath. Allowing full tracking and improved usability while maintaining accessibility.
Stu’s ‘never fails’ mac ‘n’ cheese
Late-loaded background images
Below-the-fold images are late-loaded and faded-in as they enter the viewport. Reducing server-load and improving initial page load.
Bill & Izzy’s ‘mum’ll love this’ cake
Appear as real text overlaying the image. Font size is relative to the image due to the use of fluid-responsive fonts. Preventing illegible font-sizes. Saving time in the creation of multiple images and multiple break-points. Very nice, very accessible.
Our Dad’s ‘post- footie’ pizza
‘Get the recipe’ links
Contain visually hidden text so screen readers may easily identify link destinations.