MASTER CHEF & BUSH COOK

Moosemeat & Marmalade brings together Bush Cook: Art Napoleon, and classically trained British Chef: Dan Hayes to explore cultures and traditions through the way we access, cook and present our food.

The Backstory of Art & Dan is an interactive, story driven journey through their lives from childhood to present day. They come from two very different walks of life and don’t always see eye to eye. It’s what makes their relationship special.

view the story

Interactions

As the timeline progresses ScrollMagic was used to enhance the experience allowing the page to zoom in/out, scroll vertically and horizontally, fade in/out, animate based on scroll position and pin an element at a specific scroll position. Using these interactions at chosen points throughout the journey helps provide an engaging experience to the user.

Active Avatars

In order to identify which person they were reading about, custom character avatars were created. In the introduction of Chapter one, the avatars animate in large to the centre of the screen before shrinking down and moving off canvas. As you navigate through the story, the avatars spin/flip between Art & Dan.

Moosemeat & Marmalade Clip

http://www.andrewklotz.ca/wp-content/themes/salient/css/fonts/svg/basic_geolocalize-01.svg

Agency

Switch United
Denman Digital

http://www.andrewklotz.ca/wp-content/themes/salient/css/fonts/svg/software_vector_box.svg

Role

Art Director
Designer & UX

http://www.andrewklotz.ca/wp-content/themes/salient/css/fonts/svg/arrows_info.svg

Client

APTN
Mooswa Films

http://www.andrewklotz.ca/wp-content/themes/salient/css/fonts/svg/weather_lightning.svg

Credits

Steve Mackey |Development