Skip to content
Motion Graphics & Animation

How to Get Animated Maps and Routes Right

Motion graphics that show locations, journeys, territories or data on maps, from simple route lines to animated regions.

Tomas Lindqvist Post-Production Lead 25 min read 11 views
How to Get Animated Maps and Routes Right

Key takeaways

  • Public data: the U.S. Census Bureau publishes TIGER/Line boundary files
  • Federal works: works of the U.S. federal government are generally not protected by copyright
  • Most useful single move: Check data licenses and attribution requirements.
  • Commonest mistake: Using map screenshots without permission.
  • Bring in help when any of the situations under "When to bring in help" below describe your project.

Why it matters

Maps explain geography instantly, but map data comes with licensing terms and projections that can mislead if chosen carelessly.

The numbers, in one place

Here are the numbers worth holding yourself to, and where they come from.

Published figures for Animated Maps and Routes
MeasureFigure
Public datathe U.S. Census Bureau publishes TIGER/Line boundary files
Federal worksworks of the U.S. federal government are generally not protected by copyright
Web Mercatorenlarges areas far from the equator
Attributionmany map data sources require credit

What good looks like

These are worth doing. None of them needs to land in the first week.

  • Check data licenses and attribution requirements
  • Choose projections suited to the region shown
  • Simplify maps to what the story needs
  • Label locations clearly
  • Animate routes at a readable pace

What to avoid

These come up constantly, and several of them look like good decisions at the time.

  • Using map screenshots without permission
  • Comparing areas on Web Mercator
  • Too many labels on screen
  • Unclear start and end points on routes

Where this sits in Motion Graphics & Animation

Animated Maps and Routes is one part of how we approach Motion Graphics & Animation work. It rarely arrives on its own: the decisions above interact with everything else on the project, which is why they are worth settling early rather than at review.

Who this is actually for

Most people who end up on a page about Animated Maps and Routes got here for a practical reason. A project is about to start, a deliverable came back wrong, or a quote landed and nobody in the room could tell whether it was fair.

Any of those is a fine reason to be here. What follows covers the whole thing: what the work involves, what it costs in the US, how long it takes, what we need from you, and how to tell whether what comes back is any good. Skip to whichever part you need.

When occasional turns into ongoing

There's usually a moment when motion graphics & animation stops being something you handle between other things and starts being a job. It tends to look like this:

  • The work is landing on someone whose actual job is something else, and their actual job is slipping.
  • Volume has stopped being occasional and started being weekly.
  • Quality varies depending on who happened to be free that day.
  • You are turning down opportunities because production cannot keep up.
  • The same fix keeps getting made because nobody wrote down how to do it right.
  • You are paying for software seats that get used a few days a month.

If two or three of those are true, the question isn't really whether to get help. It's whether to hire, to use a freelancer, or to work with a studio — and there's a section further down that lays out the trade-offs honestly, including the cases where hiring us is the wrong answer.

How the work actually runs

Here's the sequence a motion graphics & animation job actually follows. It isn't a marketing diagram — it's the order things have to happen in, and most of the expensive problems in this field come from doing one of these steps out of order or skipping it entirely.

Key takeaways
The stages of a typical motion graphics & animation project. Animated Maps and Routes work sits inside this sequence rather than alongside it.

1. Script and message

What it has to say, in order, in words. Animating a script nobody agreed on is the most expensive way to discover a disagreement.

2. Storyboard

Key frames on a page. Cheap to change here, expensive to change after animation has started, and this is the stage clients most often want to skip.

3. Style frames

Two or three fully designed stills that establish the look. Approved before motion begins.

4. Animatic

The storyboard timed out with scratch voice-over. Establishes pacing, and reveals immediately whether the script fits the runtime.

5. Design and asset build

Every element built properly for animation — layered, named, and at a resolution that survives scaling.

6. Animation

The actual motion work. Easing, timing and hierarchy, which is where the difference between competent and good lives.

7. Sound

Voice-over, music and sound design. Motion without sound design always feels unfinished, and the fix is usually cheap.

8. Render and deliver

Every format and aspect ratio required, from broadcast masters to Lottie for the web.

Where does Animated Maps and Routes fit? Usually somewhere in the middle of that sequence, and it inherits every decision made before it. That's the argument for settling scope early: a change at stage two is a conversation, and the same change at stage seven is a rebuild.

The numbers, and where they come from

These are published thresholds, not our opinions. Where a standards body or a platform has stated a figure, that figure is here and the body is credited at the bottom of the page. Where nobody has published one, you won't find a number invented to fill the gap.

Why it matters
The published figures for Animated Maps and Routes. Every one of them comes from a body named at the foot of this page, not from us.

What it costs in the US

Straight to the money. These are typical US market ranges for motion graphics & animation work. They are not a quote, because a quote needs your actual files, but they should tell you whether the number you've been given is in the right postcode.

Typical US market ranges for Motion Graphics & Animation
Type of workTypical rangeWhat that buys
Logo sting or short title$500 – $3,000A few seconds of brand motion, delivered in the formats you need.
Explainer video$3,000 – $20,000 per minuteScript, storyboard, custom design, animation, voice-over and sound.
UI and product motion$1,500 – $12,000Interface animation, Lottie assets, and specs your developers can implement.

Those are wide ranges, and they're wide for a reason. Here's what moves a job from one end to the other.

What actually drives the price

Runtime
Animation cost scales close to linearly with seconds. A sixty-second explainer is roughly twice a thirty.
Illustration load
Custom characters and bespoke illustration are a separate discipline before animation starts.
Character animation
Rigged characters that move believably are the most expensive thing in this field, by some distance.
3D elements
Mixing 3D into motion graphics brings the 3D pipeline and its render times with it.
Revision rounds after animation starts
Changing the script after animation has begun means redoing the animation.
Localization
Text-heavy motion in eight languages is eight timing passes, not one export.

How the money is usually structured

Separately from how much, there's the question of how. Five models cover almost everything in this industry, and the right one depends on how well the job can be described before it starts.

Per unit
A fixed price per image, per minute, per page, per asset. Best when the work is genuinely repeatable and you can describe one unit precisely. It is the easiest model to budget and the easiest to argue about, because everything hinges on whether your idea of one unit matches ours. Settle that on a sample before you settle it on an invoice.
Hourly or day rate
You buy time, and the output is whatever that time produces. Honest when nobody can scope the job yet — a rescue, an unknown archive, an exploratory phase. Ask for a not-to-exceed number anyway. An open hourly arrangement with no ceiling is a budget with no floor.
Fixed project fee
One number for a defined scope, usually with a stated number of revision rounds. The model most clients prefer and the one that punishes a vague brief hardest. The fee is only fixed if the scope is, so expect the scope document to be more specific than feels comfortable. That specificity is what protects you.
Monthly retainer
A set amount of capacity reserved for you every month. Worth it once the work is continuous rather than occasional — a catalog that refreshes, a channel that publishes weekly, a site that keeps changing. Below roughly ten to fifteen hours a month it usually costs more than buying the work as it comes.
Value or outcome based
Pricing tied to a business result rather than to effort. Rare, and rarely as clean as it sounds. It works where the outcome is unambiguous and attributable, and falls apart where it is neither. Treat an outcome-based proposal with the same scrutiny you would give any other claim about attribution.

If you want a real number rather than a range, the fastest route is to send us the actual brief — scope, volume, deadline, and a couple of sample files if you have them. That's usually enough for a fixed price rather than an estimate.

How long it takes

Timelines in this field are mostly predictable, with one exception that catches almost everybody. Here's the usual shape.

Typical phase durations
PhaseUsual duration
Script and storyboard1–2 weeks
Style frames1 week
Animatic3–5 days
Animation2–5 weeks depending on runtime
Sound and delivery1 week

One thing worth saying plainly: the most common cause of a late project isn't production. It's waiting — for content, for a decision, for one person to look at something. If you want a project to move quickly, the highest-leverage thing you can do is name one person who can say yes and make sure they're available. That single change is worth more than any amount of chasing.

Rush work is possible and it's genuinely more expensive, because it means real people working real overtime or a job jumping a queue somebody else is in. We'll always tell you what a rush actually costs before you commit to it.

What to send us

Half of the projects that feel slow were slow at the very beginning. A clean handoff is the cheapest speed improvement available to you, and it costs about twenty minutes.

What belongs in the brief

Who it is for
The audience, in one sentence, in your own words. Not a persona document — a sentence.
What it has to do
The action you want someone to take, or the decision you want them to be able to make.
Where it will live
Every placement, at every size. This is the single most common omission, and it is the one that causes reshoots and recrops.
What already exists
Brand guidelines, prior work, the files nobody likes. Especially the files nobody likes, and why.
What is fixed
Colors, typefaces, legal copy, platform requirements, anything that is not up for discussion.
What good looks like
Two or three references, plus one example of something you actively dislike. The dislike is more useful than the likes.
The real deadline
The date something has to be live, not the date you would like to see a draft. Say which one you are giving.
Who signs off
One name. A brief with four approvers and no decider is a brief that will cost you two extra revision rounds.

Two of those deserve emphasis, because they're the ones that cost money when they're missing. Where it will live — every placement, at every size — is the omission that causes reshoots and recrops. And who signs off is the one that quietly adds revision rounds: a project with four approvers and no decider will always cost more than one with a single name on it.

Specific to Animated Maps and Routes

On top of the general brief, this particular job benefits from you having settled the following before anyone starts:

  • Check data licenses and attribution requirements
  • Choose projections suited to the region shown
  • Simplify maps to what the story needs
  • Label locations clearly

If you've got files ready now, you can send them straight over — they go to private storage rather than to an inbox, and nothing is public. If you'd rather see the standard before committing to anything, try us on a couple of files first. No card, no commitment, and if it's not what you need you've lost nothing but an afternoon.

How to check what comes back

You don't need technical expertise to review this well. You need a method, and it takes about ten minutes to learn.

Check it where it will live
Approve a web asset in a browser, a print asset on paper, an audio mix on a phone speaker. Approving a deliverable in the tool that made it is how problems reach the public.
Check the edges, not the middle
The middle is almost always fine. Look at the corners, the smallest size, the longest string, the darkest area, the last ten seconds.
Check one thing at a time
Color, then type, then spacing, then content. A review that tries to see everything at once sees the loudest thing and misses the rest.
Collect feedback before you send it
One consolidated list beats six emails. Contradictions inside your own organization are cheaper to resolve on your side than on ours.
Be specific about what is wrong
"Make it pop" costs a revision round. "The headline is hard to read against the sky, can we darken the area behind it" costs ten minutes.
Say what is right too
Not out of politeness. If you only flag problems, the next round can lose the thing you liked without anyone knowing it mattered.

The bar we hold ourselves to

So you know what you're measuring against, here's what gets checked on our side before anything reaches you. None of it is optional, and none of it is charged as an extra.

  • Timing checked at full speed on the target device, not scrubbed in the timeline
  • Text on screen long enough to read twice at a normal reading pace
  • Motion checked against reduced-motion preferences, because some viewers have them on for medical reasons
  • Safe areas respected for every aspect ratio delivered
  • Color and contrast checked for legibility, not just for looks
  • Lottie and web assets checked for file size and CPU cost, not only appearance

Red flags specific to Animated Maps and Routes

If you see any of these in what comes back, say so. They're all fixable, and they're all cheaper to fix now than after it's published.

  • Using map screenshots without permission
  • Comparing areas on Web Mercator
  • Too many labels on screen
  • Unclear start and end points on routes

You can see how we present finished work — including the before and after — in the portfolio. Anything marked as a sample is our own demonstration piece rather than a client project, and it says so on the item.

Three situations you might recognize

Abstract advice is easy to agree with and hard to use. These are the shapes this kind of problem actually arrives in, and what we'd do about each one.

An explainer nobody could follow

The script was approved as a document and animated without an animatic. At full speed, five key points landed in eleven seconds. Re-timing meant re-animating. An animatic would have caught it in an afternoon.

A logo animation that did not work anywhere small

Designed at full screen, it was illegible as a video thumbnail and as an app splash. We rebuilt it with a simplified variant for small sizes, which is a decision that belongs in the brand system rather than in the animation.

Web animation that made a page janky

A hero animation exported as a large looping video pinned the CPU on mid-range phones. Rebuilt as Lottie it was a twentieth of the size and stopped affecting the page's interaction metrics.

None of those needed heroics. They needed somebody to look at the right thing early, which is most of what experience buys you in this field.

In house, freelance, studio, or a model?

This is the decision underneath "how much does it cost", and it deserves a straight answer rather than a pitch. There are four ways to get motion graphics & animation work done, and we're only the right choice for some of them.

The numbers, in one place
The honest trade-off. Neither column is the right answer on its own — it depends on how spiky your demand is.

Keep it in house

Someone on your payroll does it.

What's good about it: Fastest feedback loop there is, deepest product knowledge, no briefing overhead for small changes.

What's not: You are buying a person, not a job: their vacation, their sick days, their ceiling, and the software. It stops making sense the moment demand is spiky, because you pay for the peak all year.

Hire a freelancer

One specialist, engaged directly.

What's good about it: Cheapest way to buy real expertise, and you get the actual person who does the work.

What's not: One person is one point of failure. No cover, limited throughput, and if they move on mid-project you inherit their files and their conventions.

Use a studio

A team with a process, a review layer and cover.

What's good about it: Handles volume and variety, carries the QC step, and does not disappear when one person is sick.

What's not: More expensive per hour than a freelancer, and you are one client among several. Worth it when consistency across a lot of output matters more than the lowest rate.

Use a model

Generative or automated tooling, with or without a person checking.

What's good about it: Genuinely fast and genuinely cheap on the parts it is good at, and it does not get tired on page four hundred.

What's not: It is confidently wrong in ways that are hard to spot at a glance, and the parts it fails at are the ones a client notices: hands, text, counts, edges, continuity. Nothing should ship without a person having looked at it, which is why our AI work is priced with the review included rather than as a discount.

The short version: if the work is constant and central to what you do, hire. If it's spiky, or it needs a range of skills you can't justify employing, use a studio. If it's one specialist thing and you've found the right specialist, use them. We'd rather tell you that up front than take on a job we're the wrong shape for.

The US rules worth knowing

This isn't legal advice and we're not lawyers. It's a list of the American rules that come up often enough in this kind of work that not knowing about them gets expensive. If any of it applies to you, it's worth twenty minutes with someone who is a lawyer.

Reduced motion

WCAG limits flashing content that can trigger seizures, and that limit is part of the standard ADA claims and Section 508 both point at. Its guidance on motion that can trigger vestibular disorders goes further than either requires, and respecting the operating system's reduced-motion setting is the practical way to meet it.

Flashing content

Content that flashes more than three times per second is a known seizure risk and is explicitly addressed in WCAG. This applies to motion graphics on the web as much as to broadcast.

Font and asset licensing

US font licenses are usually sold per use case, and broadcast, app embedding and video are frequently separate tiers from desktop. A font that was fine on a poster may not be licensed for the commercial.

And the general commercial stuff

Whatever the discipline, buying professional services in the United States raises the same handful of questions. These are the ones clients ask us most.

Contracts and statements of work
A statement of work that names the deliverables, the number of revision rounds, the ownership terms and the payment schedule is worth the hour it takes to read. Most disputes in this industry are not about quality; they are about two people having understood "done" differently.
Ownership and work made for hire
Under US copyright law, work created by an independent contractor generally belongs to the contractor unless there is a written assignment or it falls into one of the narrow statutory work-made-for-hire categories. That surprises a lot of buyers. Get the assignment in writing; any studio that hesitates is telling you something useful.
Paying an outside supplier
A US business paying a US contractor normally collects a Form W-9 and may need to file a 1099-NEC; paying a non-US supplier usually means a W-8BEN or W-8BEN-E instead. Your accountant will want these before the first invoice, not after the last one.
Sales tax on services
Whether a creative or digital service is taxable varies by state, and several states tax some digital deliverables and not others. It is worth one question to your accountant before a large engagement rather than one letter from a state revenue department after it.
Advertising claims
The Federal Trade Commission holds advertisers responsible for claims made in their marketing, including claims made in images. A retouched product photo that no longer represents the product is an advertising problem before it is a design one, and the liability sits with the advertiser rather than the retoucher.
Accessibility
Title III of the Americans with Disabilities Act has been read by US courts to cover websites in many circumstances, and federal agencies and their contractors are bound by Section 508, which points at WCAG. Accessibility is cheaper designed in than litigated out.

Our own terms are published rather than sent on request: you can read the terms and conditions, the payment terms, the refund policy and the confidentiality and NDA position before you talk to anybody. If something in them doesn't work for you, say so early — most of it is negotiable and all of it is better settled before the work than after it.

Questions to ask anyone quoting for this

Including us. If a supplier gets cagey about any of these, that's the answer to the question you were actually asking.

Who is actually doing the work?
Ask whether it stays with the person you are talking to, moves to a team, or gets subcontracted. None of those is wrong. Not knowing is.
What exactly is a revision?
Ask what counts as a revision versus a new brief, and how many are included. This is the single most common source of a bill you did not expect.
Who owns the output?
Get it in writing, including the working files. "You own the final" and "you own everything" are very different positions, and the second one costs more for a reason.
What happens if it is wrong?
Ask what a redo costs and how fast it happens. A studio with a clear answer has had the conversation before.
Can I see work like mine?
Not a showreel — work in your category, at your volume, with the constraints you have. A beautiful portfolio in another category proves taste, not fit.
How do you handle my files?
Where they are stored, who can reach them, how long they are kept, and what happens at the end. If you are sending anything unreleased, get this in the contract.
What do you need from me?
A supplier who cannot answer this has not thought about your side of the job, and you will discover that at the deadline.

One more, and it's the one people are most embarrassed to ask: what would make you turn this job down? A studio that has never turned work away is a studio that takes everything, and that tells you something about how carefully it's going to be handled.

The words people will use at you

Every field has vocabulary that gets deployed as a shortcut and lands as a barrier. Here's what the common terms in motion graphics & animation actually mean, in plain English. You shouldn't need this to buy the work, but it makes the conversation shorter.

Storyboard
Key moments drawn as stills. The cheapest place to change your mind.
Style frame
A single fully designed frame that sets the visual language before animation starts.
Animatic
The storyboard timed out with scratch audio. Reveals pacing problems for the cost of an afternoon.
Easing
How motion accelerates and decelerates. The main reason animation reads as considered or as mechanical.
Keyframe
A point where a property is explicitly set; the software interpolates between them.
Lottie
A vector animation format that plays in apps and browsers at a fraction of the file size of video.
Lower third
The name-and-title graphic that appears at the bottom of the frame.
Kinetic type
Animated typography used as the primary visual, rather than as a caption on something else.
Rigging
Building the controls that let a character or object be animated repeatably.
Alpha channel
Transparency information, so a graphic can sit over footage rather than in a box.

There's a fuller reference library if you want to go deeper on any of these, and everything in it is written the same way — plainly, with sources.

Questions people ask before hiring

These are the ones that come up on almost every inquiry about Animated Maps and Routes, answered straight. If yours is not here, ask it — nobody will put you on a mailing list for it.

How much does this cost?

US market rates for making information move — titles, explainers, logo animations and the graphics that carry a message when nobody is reading start around $500 – $3,000 for the simplest work and climb from there with complexity, volume and turnaround. We price per project once we have seen the brief, because a number quoted without looking at the files is a number that changes later.

Can you give me a fixed price?

Usually, yes — once the scope is written down. A fixed price needs a fixed scope, so expect the scope document to be more specific than feels necessary. That specificity is what protects you from a variation invoice.

How quickly can you start?

Script and storyboard normally takes 1–2 weeks. How soon that starts depends on the queue, and we will tell you the real date rather than the one you want to hear.

What do you need from me to begin?

A brief, the files, and the name of the one person who can approve things. The third one matters more than people expect: projects with a single decider finish measurably faster than projects with a committee.

Who owns the finished work?

You do, including the working files, and it is written into the terms rather than left to be assumed. Under US copyright law work by an outside contractor does not transfer automatically without a written assignment, so this is worth checking with any supplier.

What if I do not like it?

Tell us specifically what is wrong and we will fix it. Revision rounds are stated in the quote so nobody is guessing. If the standard is genuinely not what you need, the refund policy says what happens, in writing, before you spend anything.

Do you work with US clients?

Yes, and the hours overlap the US business day. Pricing is in US dollars, deliverables are specified against the American standards that apply — ATSC, the ADA and Section 508, FTC advertising rules, US marketplace requirements — rather than the European equivalents that a lot of studios default to.

Can I try before committing?

Yes. Send a couple of real files and we will do the work to your brief, free, with no card and no commitment. It is a better test than any portfolio, because it is your material and your standard.

Is my material kept confidential?

Yes. Files go to private storage rather than to an inbox, nothing is published without your say-so, and we will sign your NDA or use ours, whichever you prefer.

What is the most common reason a project like this runs late?

Waiting for a decision. Not production, not revisions — waiting. If you take one thing from this page, make it that.

Where to go next

When to bring in help

Bring in help when maps carry data that must be accurate.

Where this comes from

How this page was put together

Every figure, practice and warning above is taken from the standards, platform documentation and published research named in Where this comes from. Nothing here is inferred or generalized beyond what those bodies publish: where they give a number, it is their number, and where they are silent, so are we. Pages are rebuilt whenever the underlying record changes. Our own opinions, where we have them, live in the case studies and are signed.

Working on something like this?

We take on Motion Graphics & Animation work for teams who want it done once, properly. Tell us what you are building and we will tell you honestly whether we are the right studio for it. Start a project.

Use these paths to continue with the closest practical topic, service, or decision guide.

Spotted something wrong? Report an error on this page. We correct on the page and say what changed.

All services

The work behind this article, and what it costs.

Tomas Lindqvist

Picture and sound. Writes about editing, color, loudness and delivery specifications, including the ones that get deliveries rejected.

Keep reading

More in Motion Graphics & Animation