#BuiltWithLottie
Price.com
Written by Price.com team

Price.com is a free website, app, and browser add-on to maximize savings. Comparison shopping provides all your shopping options like new, used, local, rental, and refurbished items across thousands of stores. You'll only see active coupon codes on our site, so you'll never miss a sale. With Cashback, you can earn money as you shop. Price History shows you how well an item is priced based on the past 30 days. Price Alerts provides an email the moment the product is on sale.

Why we choose Lottie

We choose Lottie over other formats because it provides a smooth workflow that keeps the look and feel of the animation with the designer. CSS animation or javascript-based effects often lack character and individuality unless significant effort is employed by a developer. Lottie allows designers to create rich animations with a tool we already know, After Effects. The resulting JSON is cross-browser compatible and well supported on iOS, Android, and React Native.

Here’s how we use Lottie animations:

  • To introduce the content on page scroll to invite the user to continue.
  • To draw attention to areas of importance and help the user complete the desired action.
  • We use micro-interactions to define an interactive element's state or provide context to an action's success or failure.
  • We use looping animations when tasks take time. This provides a moment of entertainment and diverts the user's focus from waiting.
  • We use animation to tell simple stories about how our product works.

How we make Lottie animations

When we set out to get creating Lottie animations we start with pen and paper to ideate, Adobe Illustrator to digitize, Adobe After Effects to bring the design to life, and finally, we use Bodymovin to export our Lottie JSON animation.

We use these tools because we know them well and can quickly create our vision.

When it comes to LottieFiles, we use the platform to preview to test, share, and even make minor tweaks. Since our team is distributed, it helps to share links to the actual execution. It's a great tool. 

We’ve even used a couple animations from the LottieFiles Marketplace on our product's website and native app. 

Animation is a powerful tool when used correctly. It can attract a user's attention, provide an element of delight, and even occupy time as a task is loading. Overall it offers polish, clarity, and enhances the user's experience. 

Want to share how you use Lottie? Submit your showcase here.