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