Day and night cycle animation

This was animated in AfterEffects and gets played back via Lottie on the web (thus limiting myself to simple vector shapes and flat colors). Context is this page around the Root test drive, where we give tips on safe driving (which lowers your insurance rate). This tip is about avoiding driving during late nights. I set it up so you have to hover the animation on desktop, but it auto-plays on mobile when it's visible. There are various other animations on the same page, so this approach works well both for interaction and performance.

Posted on Feb 2, 2018

More by Root Insurance Co.

View profile