Together with the designer and web developer, we created these fun Lottie animations throughout the site.
screen recording of homepage
Technicals
We used Lottie in order to export JSON files, so the animations were pixel perfect and tiny files (all below 100KB!).
Everything was animated as "manual" as possible so that it would be Lottie-compatible - no expressions, effects, animators, etc. Just good old fashioned keyframes.
After Effects timeline
Each letter and its shadow was animated separately to keep Lottie happy.
keyframes
Here are my custom curves that create the "bouncing" effect.