Albert Yih


Microsoft Accounts: Animated Illustrations

Animated illustrations showcasing benefits and services users gain access to by using their Microsoft account. Creating these animations were an exercise in exploring workflows which would allow us to output scalable SVG animations with speed and consistency.

Using the bodymovin plugin we're able to output JSON files through AfterEffects that are scalable and light-weight, which are then rendered as SVG animations in browser with the bodymovin script. The ease and performance allowed us to develop UX, animation, and engineering guidance and best practices around implementing scalable SVG animations on Microsoft's various web properties.

*Currently WIP, will be on Microsoft accounts.

Credits: Diego Baca, Jeremy Knudsen, Albert Yih