Design for Brands by Matt Plays

Blog

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. 

 
 
 
blog_bagcheckwanderon.gif
blog_bagcheckscreen.jpg
 
 
 

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.