Scanimation Name Badge

 
5.gif
 
 

I designed an interactive name badge for Infragistics' 2015 UXify conference. The name badge uses a method of animation known as “scanimation”.

A six frame animation is combined into a single abstract image. By moving a striped acetate overlay across the image, the viewer is only able to see only one frame at a time. As the frames are quickly strung together, the once static image creates the illusion of movement.

 
 
0333.UXifyNameBadge_5224F068.jpg
2Halftime-Animating-Name-BAdge-Photoshop-Gif.gif