–
A few years back, I came across this form with a cute character standing on top, reacting to users’ interactions with the form. Since then, I’ve had this itch to create something similar. Lately, I’ve been crafting a bunch of animations for various apps using Lottie. The process involves animating in After Effects and exporting it with Lottie.
I hadn’t dipped my toes into JavaScript animation before, but an opportunity presented itself, and what better way to dive in than by creating that dreamy form of mine?
One sweet perk of this approach compared to Lottie is the smoother response to user interactions and, as a result, a smaller output size.
On the side, I also threw in some animated buttons that I thought added a fun touch.
Overall, I am satisfied with the final output.