LottieFiles Motion Retainer Build (6-8 days)
A repeatable delivery unit that turns LottieFiles' 800,000-animation library, Lottie Creator, and Motion Copilot into a monthly client motion retainer, priced against the $19.99 per user Individual plan and $24.99 per user Team plan. Time: 6-8 days.
By InnovaAI ResearchPublished Updated
How do you implement it?
LottieFiles Motion Retainer Build (6-8 days)
A repeatable delivery unit that turns LottieFiles' 800,000-animation library, Lottie Creator, and Motion Copilot into a monthly client motion retainer, priced against the $19.99 per user Individual plan and $24.99 per user Team plan.
- LottieFiles Team workspace provisioned at $24.99 per user per month so file version history, team feedback and comments, and custom brand palette are available on client work
- Client brand assets in vector form (logo SVG, icon set, type specimen) plus written approval to host files on LottieFiles CDN
- Figma, After Effects, Webflow, or Framer access on the client side, since those are the native integration points the animations ship through
- A named agency motion designer and a named reviewer, because Motion Copilot output still needs keyframe review before client delivery
- Agreed animation inventory per month (for example 5 logo and icon loops plus 2 CTA button states) written into the retainer scope
- 1.Create the client folder structure inside the LottieFiles Team workspace and set the custom brand palette to the client's hex values
- 2.Import the client logo and icon set as source files so AEP and Figma originals sit alongside the exported animations
- 3.Confirm seat count and billing on the Team plan at $24.99 per user per month before inviting client-side reviewers
- 1.Run a library audit against the 600,000+ premium Lottie library included in the Individual and Team plans to shortlist reusable loops
- 2.Tag and save candidate animations to a client-specific collection so the retainer starts from reuse rather than net-new design
- 3.Flag any library asset that needs recoloring to match the brand palette
- 1.Draft first-pass animations in Lottie Creator from the imported vector sources
- 2.Use Motion Copilot text-to-keyframe generation for the CTA button and loading-state loops, then hand-adjust timing curves
- 3.Export each draft in both dotLottie and JSON so the client's dev team can choose per placement
- 1.Optimize every export to dotLottie and record file size before and after optimization
- 2.Publish to LottieFiles hosting and CDN, then capture the embed codes for each placement
- 3.Test embed rendering in the client's actual Webflow or Framer build rather than a staging page
- 1.Open a review thread in the Team workspace using file feedback and comments, tagging each animation with its placement
- 2.Walk the client through version history so they can see what changed between draft and approved
- 3.Collect written sign-off per animation before any embed goes live
- 1.Deploy approved embeds to the client site and verify load behavior on mobile connections
- 2.Write the animation usage guide covering which file format to use where and how to swap an animation without a developer
- 3.Hand over CDN embed codes and source files in a single client-facing index
- 1.Set the retainer cadence: monthly refresh of 3 to 5 animations drawn from the library plus one net-new Lottie Creator piece
- 2.Document the intake form fields the client uses to request new animations each cycle
- 3.Run a margin check against seat cost and hours logged before the first invoice
- 1.Hold a 30-minute handover call walking the client through the workspace, the usage guide, and the request intake
- 2.Archive the first cycle's source files and exports in the Team workspace for reuse in cycle two
- 3.Lock the next cycle's animation list and confirm the retainer renewal date
Three Team seats cost $74.97 per month, so a retainer billed at even $600 per month clears roughly 87 percent gross margin before designer hours. The 800,000-animation library and 600,000+ premium assets mean later cycles lean on reuse and Motion Copilot drafts instead of net-new design time, which is where the margin holds as the retainer matures.
- Client LottieFiles Team workspace with brand palette, tagged collections, and version history on every file
- Set of approved dotLottie and JSON exports with before-and-after optimization file sizes recorded
- CDN embed code index mapped to each site placement
- Animation usage guide covering format choice, swap procedure, and request intake fields
- Monthly animation refresh schedule with the first cycle's source files archived
The client's approved animations are live via LottieFiles CDN embeds, every file carries version history and written sign-off in the Team workspace, and the next monthly refresh is scheduled with a documented intake form.
More on LottieFiles
- StrategyWhy LottieFiles Turns Animation Into Recurring Agency Retainer Work
- ConceptLottieFiles Reuse Multiplier
- Evaluation RuleLottieFiles Rule: Adopt When Client Sites Need Reusable Motion, Not Rendered Video
- Decision FrameworkLottieFiles: Buy vs Skip (Agency Motion Graphics Decision)
- Failure PatternThe LottieFiles Per-Seat Trap: Why Agencies Blow Animation Margins on $19.99 Seats
- Operating ProcedureLottieFiles Client Workspace Setup (Onboarding)