Margaret River Dairy Company / Responsive Website Design and Build
As part of a major brand overhaul, Margaret River Dairy Company needed a completely revamped website to showcase their award-winning products.
Founded by Italian artisan cheesemakers in 1966, the Margaret River Dairy Company is steeped in tradition with its range of gourmet cheeses and yoghurts. After fire destroyed their factory in 2012 they rebuilt with an impressive state-of-the-art facility. The 2015 rebrand is the culmination of that journey and we’re excited to be able to help build the new (but still traditional) Margaret River Dairy Company.
Our brief for the website was simple: showcase their range of gourmet products with stunning photography; highlight the beautiful Margaret River region as the setting for the dairy’s tourism business; and keep the website up-to-date with the latest and greatest from their popular social media platforms.
The process to get to the website was a long one. After creating a new identity we designed a range of new tubs and labels for a brand new range of yoghurts as well as revamped the existing cheese labels. We then helped capture the visual content through on-site photography as well as product photography with a food stylist—all before we touched a line of code.
The site itself is elegant and simple – we call it a modern vintage brand. A stunning design ties together images of the Margaret River region with on-site dairy photography and scrumptious product photography. Almost every aspect of the site has been meticulously and strategically created, from the extensive product pages with recipes, to the location page with hand-drawn map, directions and region information. The site automatically integrates with Facebook, pulling though the latest posts and updates shared on the popular social media platform. Performance is always a factor with image-heavy, responsive websites, so we implemented mobile optimisations including responsive image sizes which led to a 50% reduction in image sizes and a 25% decrease in overall load times on mobile.