2014 Mazda3 La Presse+ iPad app. HTML5 ad
Client: JWT Canada
I got a quick, last minute 2014 Mazda3 job from JWT to build out a large, HTML5 ad for the La Presse+ iPad app. I’ve built many, many carousels using mostly jQuery in the past, however for this project I minimized the needed JavaScript down to its bare minimum (using Zepto for the selectors and touch gestures) and executed all of the animations needed to create the transitions in CSS3 using Sass and Compass with Codekit. Once the ad was built, it was just a matter of compressing graphics and whittling down the number of slides until the 500 KB file size was reached, not counting the included HTML5 video.
