MICRO-ANIMATION EMBEDS FOR FAST LOADIN WEBSITE
Let's dive into how these animations came to life, and there are two distinct approaches we took:
​
Approach One: We crafted these animations by meticulously modeling them in After Effects. Each polygon became a separate 3D shape layer. We then exported them as JSON files using Bodymovin and rigorously tested them with Lottie and/or Rive.
Approach Two: Here, we ventured into Cinema 4D territory, creating our models and then exporting them as baked FBX files, all conveniently hosted on Spline.Design.
The latter approach proved to be eight times faster in production and also offered us the flexibility to incorporate more interactive elements, including scrolling animations. It's been quite the journey, and we're excited to share the results.
Initially, I explored and demonstrated how the macro animations should look, such as carousels and scrolling. See above.
However, once signed off, this would then be handed over to the backend developer to emulate.
The next step was to develop the micro-animations. Animations to be embedded on the various pages. See below.
