Making dashboards come alive with SVG animations
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 wwere designed before I joined. This was my first of many projects at Transcend.
Role
Motion designer
Duration
2 weeks
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
© November 2024