Build more interactive digital experiences with Lottie animation

A Lottie animation is a vector animation exported as a JSON file, so the browser or app rebuilds the motion from code instead of playing a video. Typical files are around 5 to 20 KB, so they load instantly even on a weak mobile connection.

It's used for the small moving parts of a digital product, including micro-interactions and UI indicators like loading loops, toggle switches and animated icons, onboarding sequences that walk a new user through a feature, scroll and hover states that respond to what the user is doing, and landing pages that need movement without the weight.

The common thread is that Lottie sits inside a product or a page. It isn't a video you watch, it's a component the interface uses. It was built by Airbnb for their own product, then open sourced, and it has since become the standard for animated web graphics.

The difference is what the browser receives. A GIF is a sequence of images, so the file carries every frame as pixels, while a Lottie is a set of instructions the browser draws itself. For a website or an app, that makes Lottie the better choice almost every time.

That one difference produces everything else. The file is dramatically smaller, so the page loads faster. It stays sharp at any size instead of being locked to its export resolution, which means one file covers every breakpoint in a responsive layout rather than several versions. It supports full color and clean transparency, instead of a GIF's limited palette and rough edges. And it can respond to scrolling or hovering, which a GIF cannot do at all.

Where a GIF still wins is reach. Email clients and messaging apps don't run Lottie, so if the animation has to survive inside an email, a GIF is still the right file.

A professional training video needs a modular approach rather than a promotional one, which means tight pre-production planning, clean audio and visuals, and rigorous editing. Each video is built as a lesson, not a pitch.

The steps we run are a free sample so you can see the visual direction before committing, then planning and scriptwriting, then storyboarding every scene so you can see the whole video before anything is animated, then asset setup and animation, then your revisions. Nothing moves to the next stage until you've signed off the one before it.Two structural decisions matter more than the production quality. Keep each video to one topic, and design for updates from the start, since animated content can be revised remotely without rehiring anyone.

Engagement in employee training is mostly a structuring problem, not a production problem. Keep modules to two to five minutes, use clear audio, write conversationally rather than like a policy document, and give people something to look at that isn't a slide.

What loses viewers is cognitive overload. One topic per video, one idea per scene, and no narration competing with dense on-screen text. Animation helps for a specific reason, which is that you can show a process happening instead of describing it, and that's what makes it stick.

We run this as a four-step workflow of strategic planning, asset preparation, detailed storyboarding, then revisions, using 2D and 3D animation, branded motion graphics, UI animation and Lottie web assets. If you're building this into a wider customer or employee program, our customer enablement guide covers how video scales it.

Your existing material is usually enough to start, like SOPs, policy documents, slide decks, a recorded walkthrough or screenshots of the system. One call with the person who knows the process fills in the rest.You don't need a script. We write it from your material and send it for review, and your subject expert checks it for accuracy before anything is animated. If you have brand guidelines, send those too, so the whole library looks like it came from your company.

Yes. Internal training content is handled under an NDA, with secure file transfer and limited access, and we can run secure data destruction at the end of a project if you need it.

That matters here more than in marketing work, because training material often contains policies, systems and customer data you'd rather not circulate. You also get full commercial rights and the source files for everything we deliver.

You get MP4 files with captions and subtitle files, which upload to any LMS or intranet, plus the source files and any platform versions you need. If you need SCORM packaging or another specific format, tell us early so we can plan for it.

We also deliver Lottie and web assets when the training sits inside your product rather than in an LMS, which keeps file sizes small and the quality sharp on any screen.

Yes. Because the videos are animated, we can update the scenes that changed instead of remaking the module, with no reshoot and nobody to rehire.

This is usually where a training library falls over, since policies change and filmed content quietly goes out of date. If you're updating regularly, the subscription works better than paying per video, because you can keep refreshing the library as part of the same monthly cost.

Yes. We deliver multi-language voiceover and subtitles, with more than 40 UK and US artists, plus over 20 artists across six further languages.

Because the animation is built once and the audio is swapped, extra languages cost far less than producing each version from scratch. Tell us which languages you need before we start, since on-screen text has to be built to allow for it.

Across studios that publish their rates, standard corporate training modules land between $1,000 and $5,000 per finished minute, and the full spread runs from about $300 to over $20,000 per minute. What moves the number is production style and instructional complexity, not runtime.

It breaks into four bands. Screen recording and talking-head sit lowest at roughly $300 to $1,200 per finished minute, which suits software tutorials and quick internal updates. Standard live-action runs about $1,000 to $5,000 per finished minute with an on-camera trainer, light scripting and basic graphics. Animated modules run about $2,000 to $8,000 per finished minute with custom storyboards and 2D or 3D animation. Full enterprise courses are quoted as a package rather than per minute, often $15,000 to $75,000 or more, covering several modules, workbooks and LMS integration.

The real cost drivers are pre-production, meaning instructional design and scriptwriting, the logistics of a live shoot with talent and crew, and post-production work like localization. For context, a 60-second animated training video from us is $5,140, which sits in the middle of the animated band. Our 2D animation cost guide breaks the pricing factors down further.

With us, a standalone project starts at $3,480 on fixed price, or $3,680 a month on a creative subscription if you need a series rather than one video. The total depends on instructional design complexity and animation style more than on runtime.

There are three tiers. Basic runs from $3,480 to $5,580 for 30 to 120-second videos, delivered in 4 to 10 business days. Premium runs from $4,080 to $6,200 for the same durations with more creative resource, in 8 to 18 business days. Enhanced runs from $5,140 to $6,700, in 10 to 20 business days, and adds 3D and enhanced sound design. Anything longer than 120 seconds is quoted individually.

Two things change the total. Timelines can be halved by doubling the production team, which costs 30% more, and professional voiceover with full commercial rights runs from about $460 to $850 depending on length. Every project is scoped around what the training needs to achieve, so if you're working to a set budget, tell us early. All the packages are on our pricing page.

The cheapest route is to make them in-house, using AI video tools, screen recording software and a basic setup, which removes external crews and studio rental entirely. For internal updates, that's often the right call.

A few things decide whether the result is usable. Write a precise script before you record anything. Find a quiet room, because bad audio ruins a video faster than bad visuals. Use screen capture instead of filming a monitor. And build reusable intro and outro templates so every module looks like it came from the same company.

Where that stops working is scale and complexity. A compliance module that has to be right, or a series that has to stay consistent across dozens of videos, takes more internal time than it saves. That's when a managed option makes sense, and ours starts at $3,480 per video with no internal logistics on your side.

It depends on your workflow. At one end, AI tools turn text into presenter-led video in minutes with almost no learning curve. At the other, desktop editors give you precision, with screen capture, multi-track timelines and cursor tracking. Both are viable, and neither makes the editorial decisions for you.

We've tested a lot of these tools and written up which AI tools are worth using in motion design. If you'd rather not run any software, we're the alternative to in-house production, turning technical data, compliance rules and onboarding processes into modular training videos of two to five minutes each.

Training video production services come from specialist animation studios, corporate production houses and e-learning agencies. Motion The Agency is a specialist studio, and we build modular animated learning content around your actual L&D needs, covering onboarding, compliance, health and safety, product knowledge, technical skills and cybersecurity awareness.

What separates us from traditional production houses is that we simplify complex B2B and SaaS material into visual stories, and we publish our prices. Production runs in modules, starting with a one-to-one consultation, then digital storyboarding, asset mapping, then iterative editing with your feedback.

You can see the work on your own material first, since a free sample comes back within 48 hours, with a 14-day money-back policy after that. Because a subscription bills monthly rather than per project, you can keep refreshing the library as policies change, which is usually where training content falls over.