Design for Brands by Matt Plays


Burton Bag Check 2015

Bag Check's a fun way to home in on the right bag for your next adventure. The spring/summer 2015 iteration was illustrated and designed by John Brown. I helped out by animating his lettering. 


Using After Effects and a few great tools on the web, we managed to create clean, lightweight PNG sequences to be animated with CSS. Once we exported each frame out of After Effects, we used a simple web tool called Instant Sprite to create a film-strip-like PNG.


 From there, we ran the film-strip PNGs through TinyPNG to keep load times practical. Everything else is thanks to our developer comrades who made the project sing.