top of page
Design Ideation
I was asked to create the animation in Figma.
This was a challenge because I was hoping to do a complex animation that would be difficult to achieve through the prototyping animations I have explored in the past. However, I eventually found a Figma plugin named Aninix that helped me create the desired effect.
The Problem
The previous animation was uninteresting and unrepresentative of the brand.
When a user is navigating the web app, the loading animation appears between almost every screen. Before my redesign, the animation was a template one the developers had found online; it was uninteresting to look at and didn’t match the brand identity. I was asked to design a new version of this animation using Markit’s logo.
The Old Animation
The Solution
Use the existing curves on Markit’s logo to design a smooth moving loop.
This was a challenge because I was hoping to do a complex animation that would be difficult to achieve through the prototyping animations I have explored in the past. However, I eventually found a Figma plugin named Aninix that helped me create the desired effect.
bottom of page