DriveU: Harnessing Lottie Animations for Boosted Engagement
By Sachin Das VV (Senior Motion Designer@DriveU),
Raman Kumar (Product Marketing@DriveU)
LottieFiles was a great choice for our motion design needs, letting us become better storytellers - adding a touch of warmth and delight!
DriveU is trusted by car owners in India for their everyday car needs from hiring professional chauffeurs to car washes and servicing. With over 5 million safe drives powered by trained and tested drivers, DriveU is a preferred choice for car owners to manage their cars with a one-stop shop for different car services and enjoy a rewarding experience.
How did you first learn about LottieFiles?
Before Lottie animations, we were using GIF and video output for motion requirements on our products, the biggest challenge was to keep our assets light for a better user experience. Needless to say, compressions don’t help with quality or experience. We stumbled upon LottieFiles during a motion design research discussion internally and we never looked back. We decided to go ahead and subscribe to Lottie. LottieFiles helps us with faster loading time on our apps and website, besides keeping those bytes under control. Everyone - from product to tech and marketing was convinced by the power of LottieFiles as soon as they experienced our very first design - a clean and minimal animation - who wouldn’t like that?
How has adopting LottieFiles improved your motion design process compared to using GIFs and videos?
It was a seamless experience when it came to adopting and implementing LottieFiles in our motion design language. It has not only gained great feedback internally but also earned praise from our customers. Lottie animations saved a lot of time that we used to spend running back and forth between design and tech for file size compression and other issues with GIFs and Videos with the feature of easy JSON exports and motion implementation through Lottie.
How has Lottie impacted your animation workflow and integration process with the product?
Lottie has reduced our time and efforts to export the animations created using After Effects - ready for implementation on the product side. Our tech team loves it! We have added animated micro-interactions on the app to enhance user experience. We usually plan ahead for creative requirements, keeping in mind how an animation on the product has to be simple, clutter-free and self-explanatory. Implementing motion on the product is always depends on compatibility and Lottie has solved that for us.
What are the key benefits and impacts of integrating Lottie animations into your app's design and user experience?
The biggest impact created with Lottie is the reduction in implementation time because of faster export. We upgraded our tracking screens and micro-interaction elements with Lottie animations from the previous static images and placeholders, which has helped users with a better experience on the app and it’s fun as well. Our brand animations created with Lottie have brought consistency in customer experience throughout our apps and website. It has also helped us set a unique design tone from what other brands are creating. New minimalist design implementation which includes Lottie animations has improved our overall engagement rates by removing ambiguous steps in the customer journey and we have seen an overall increase in user retention - obviously, people love cool apps with motion!
Any final thoughts?
We believe LottieFiles is going to be our partner for life helping us cut through the clutter in design space - across product and marketing. Thanks for all those codes which made our tech teams happier than ever!
Download DriveU