The idea was to build a single page microsite to promote Laphroaig® 10 year and Laphroaig® Select.
To promote Laphroaig® we built a Flavor Wheel designed to help bar tenders mix great cocktails using Laphroaig® and pair those cocktails with delicious food. The Flavor Wheel lets a bar tender spin the wheel to quickly find a flavor. When they click on a flavor the site loads a featured cocktail along with a food pairing suggestion. It also shows a few more cocktail options right below the featured cocktail and food pairing section to get the bar tender’s creative juices going.
The animation
On a section of the site, the Making Laphroaig® section, we explain in a nice visual way the ingredients that make up Laphroaig®. The animation makes each ingredient of Laphroaig® come out of a Laphroaig® bottle one by one as the user scrolls. When the user scrolls back, the ingredients go back in the bottle.
The animation was written using a jQuery plugin that I wrote called premiseScroll.