A Waste-less Journey
‘A Waste-less Journey’ is an informational One Pager commissioned by ao.com to bring awareness to food waste. The Singe Page website takes you on an interactive visual journey from the supermarket to the kitchen presenting facts and tips along the way. The animation happens as you scroll with the use of the awesome Skrollr.js plugin. Quite a nice touch when the clock fast forwards while the chicken in the oven:) Cheers for the excellent build notes below, sure our readers will find this helpful. If you’re keen to learn how to achieve a similar effect in your One Page website, check out the Skrollr Workshop we’re promoting.
Categories Informational
Objective Provide Information
Features Ao.com Awareness Campaign Colorful Environment Flat Design Food Horizontal Parallax Scrolling Horizontal Scroll Hotspots Illustrations Infographics Moving Elements Norwester Font Parallax Scrolling Responsive Design Responsive Warning Sathu Font Skrollr.js SVG Elements United Kingdom Zazzle Media
- Need Hosting? I’d highly recommend Bluehost
- Broken link? Please Email or Tweet me
- Credits: Zazzle Media
- Reviewed: 19 May 2015 by Rob Hope
Strengthen your Landing Pages with 100 Hot Tips, audiobook and interactive launch checklists ๐ฅ