Sako
Back to Journal

Lottie vs. Video in GTM Assets: When to Use Each

Motion4 min read
Koushik Venkatesan

Koushik Venkatesan

Founder

Share

Both Lottie animations and video have a place in a GTM asset stack. The choice depends on format, file size, interactivity requirements, and production pipeline.

Lottie vs. Video in GTM Assets: When to Use Each

When a B2B team decides to add motion to their GTM assets, the first technical question is usually "should this be a video or an animation?" The answer is not preference — it's determined by the format the asset lives in, the production pipeline that needs to support it, and what the asset needs to do.

What Lottie Is and What It's Good For

Lottie is a JSON-based animation format exported from After Effects that renders at any resolution without quality loss, loops seamlessly, and has a file size that is typically 10–20x smaller than equivalent video. It is the dominant format for web animations that need to be crisp, scalable, and lightweight.

Where Lottie wins:

Website animations. Hero sections, feature demos, icons that come alive on hover, loading states, scroll-triggered animations. Lottie renders natively in the browser without a video player, which means no autoplay restrictions, no buffering, no control bar unless you add one.

App UI demos. Showing a software workflow in a product tour or landing page feature section. Lottie lets you loop specific interactions without the overhead of a video file.

Scalable brand motion. Animated logos, loading indicators, micro-interactions. These need to render perfectly at every screen size. Lottie does this; video does not.

Email animations. GIF-converted Lotties are lighter than video-converted GIFs and maintain better quality at common email dimensions.

Where Lottie doesn't win: anywhere you need realistic footage, voice, complex compositing, or the production qualities of actual video.

What Video Is and What It's Good For

Video — specifically H.264 or H.265 compressed MP4, or WebM for web — is the right format when Lottie can't do the job.

Testimonials and talking-head content. Real people speaking create trust that motion design cannot replicate. A 60-second customer story video is more persuasive than any animation.

Product demos with real UI complexity. If you're showing an actual product workflow with real data, real interactions, and transitions between screens, video captures it without requiring the motion designer to rebuild the UI in After Effects.

LinkedIn and Meta ads. Most ad platforms natively play MP4. Lottie requires a web embed — it does not run inside a LinkedIn or Meta ad unit. For paid social, video is the format.

Long-form content. Anything over 30 seconds that tells a narrative story is usually better served by video with audio than by a silent animation.

The Decision Framework

The practical question is usually not "which is better?" but "which do we need for this specific output?"

For website: use Lottie when you can. For paid social ads: use video. For product tours and feature sections: use Lottie. For testimonials: use video. For email: use Lottie exported as GIF if the animation is simple; use a static image linking to video if it's complex. For decks: embed video for plays that need audio; use GIF-converted Lottie for silent loops.

The Production Implication

Lottie and video have different production pipelines. Lottie is produced in After Effects and exported via the Bodymovin plugin — it requires a motion designer with AE proficiency. Video production requires either a camera setup for live action or a video editing and compositing workflow.

A design team that can produce both is significantly more valuable than one that can only produce one. The GTM asset stack of a well-run B2B SaaS marketing program uses both regularly — and knowing which to use, without calling a meeting about it, is a sign of mature design ops.

Ready to ship?

Design that earns its keep.

Convert-ready GTM assets in 48h. Month-to-month, 14-day money-back guarantee.

Newsletter

Stay sharp on design ops

Practical tips on shipping GTM creative faster. No spam, unsubscribe anytime.

By subscribing you agree to our Privacy Policy (unsubscribe anytime). We use Brevo to send emails.

SAKOSAKOSAKO