Lottie animations for websites, convenient, small size. Amazing option for your page.
Recently a client approached me and wanted to see if I can help him with a Lottie animation, which basically is a JSON-based animation file format that you can use on any platform as easily as static assets. They are small files that work on any device and can scale up or down without pixelation.
You can use Lotties on basically any platform: web or mobile. This means you can integrate them seamlessly into both apps and web pages. In a nutshell, you can unleash a lot of animation power on a website, for icons, logos, interactions. You name it! It's an awesome tool to use and I was pretty excited to do it. The mission was animate this graphic which basically explains how the platform works, it needed to be short and without any IN & OUT animations, just add movement and a loop so it will be auto playing on the site without any noticeable jumps. This was the final version:
The shadows may not look so good, it was intended for another BG color. The client is happy and me too, another animation done. Really had an awesome time learning the do's & dont's of this type of animation, I want to keep learning :)