Animated Recipe Book

I created this Animated Recipe Book as a part of a three-week intensive course at Parsons School of Design in the summer of 2014. My goal was to get children interested in cooking by animating each step of a Cinnamon Bun Pancakes recipe with playful illustrations.

Inspiration
In my own cooking adventures, I’ve noticed that cooking blogs with a lot of decent pictures really help me see how to do each step. I wanted to create a playful online recipe book that would visually walk children through a whole recipe in a fun way.

Technology
I illustrated each ingredient included in Adobe Illustrator and created a few GIFs out of my illustrations in Photoshop. I used HTML and CSS transitions for most of the animations and adapted this slideshow that has a parallax effect to create a book-like feel.