Consent Manager

Making dashboards come alive with

SVG animations!

#Animation

#Codepen

#Aftereffects

Role

Motion design

Deliverables

Lottiefiles

.JSON files

Codepen


Duration

2 weeks

Project overview

I was tasked with delivering 3 distinct lottie animations for our Consent Manager product. They were launch banners of the experience pages for manual launch, scanning and reviewing data flows.


The dashboards were designed before I joined. This was my first of many projects at Transcend.

Process

After prepping the files in Figma–ready for animation, I sent them to AfterEffects using the AEUX.io plugin. Using the Lottiefiles plugin, the final files were exported in the .JSON file format.


Since Frontend engineers were the final implementers, I had the files up on Codepen, so they could copy the familiar script tag, and easily alter playback parameters like autoplay, & loop.

Animation 1

Animation 2

Animation 3

© 2024.