Google Chrome — Sync animation

August 2018 — I designed and animated five stories to demonstrate new Google Chrome features. The animations live on google.com/chrome.

Melissa Castano designed the first round of illustrations in Sketch/AI, and Lydia Weber animated it in After Effects. I refined Lydia's animation, and then exported JSON files using Lottie/Bodymovin. I sent the developers a demo CodePen project and a directory of JSON files (one for each animation), and they took it from there.

Shoutout to Laura Polkus, the Chrome product design team, and the Google Material team.

google.com/chrome/anywhere

Posted on Sep 6, 2018

More by Neil Shankar

View profile