Lottie Web and App Animation

Pro

Petar Avramovic

Starting at

$

25

/hr

About this service

Summary

I create smooth, lightweight Lottie animations for SaaS products, Apps, and modern Websites. Whether you need a loading animation, UI detail, or branded micro-interaction, I’ll help bring motion to your product — with a clear, efficient, and collaborative process.

Process

1. Discovery & Brief
We’ll start with a quick exchange where you tell me what the animation is for — is it a UI element, a logo, a loading screen, or something else? You can share any references, brand guidelines, or sketches.
2. Design & Animation
Based on your input, I’ll design and animate the piece in After Effects, optimizing it for Lottie export from the start. You’ll receive a low-res preview video for feedback.
3. Revisions
You’ll get one revision round, which can include more than just small tweaks. If the animation doesn’t match your vision, we can adjust timing, design elements, or even direction, as long as it stays within the original brief. My goal is to deliver something you’re truly happy with.
4. Final Delivery
Once approved, you’ll receive:
Lottie .json file
Preview .mp4 or .gif
Source .aep file (optional)
Tips on how to implement if needed
➕ Additional Revisions (Optional Add-On)
If you'd like more revisions beyond the included round — whether it's a creative pivot or extended polish — no problem! Additional revisions can be added at $XX per round (usually 1–2 days turnaround per round). Let’s keep things flexible and collaborative.
🔹 Need more than one revision? Just let me know — I offer flexible add-ons for extended collaboration.

What's included

  • Custom 2D Animation (5–10 sec) designed for Lottie

    A smooth, scalable animation created in After Effects and optimized for Lottie export. Based on your brand and intended use (UI element, illustration, logo, etc.).

  • Lottie JSON File + Preview Video

    You’ll receive a production-ready Lottie .json file and a .mp4 or .gif preview for review, implementation, or sharing with your dev team.

  • 1x Round of Revisions

    One round of feedback is included to ensure the animation looks and feels exactly how you want it.

  • Source Project File (.aep)

    You’ll get the original After Effects project file for future tweaks or adjustments (optional but adds value and trust).

Example projects

a link to the video instead.

Lottie Animation for Web and App

Skills and tools

Art Director

2D Animator

Logo Designer

Adobe After Effects

Adobe After Effects

Jitter

Jitter

LottieFiles

LottieFiles

Industries

Design
Marketing
Mobile