Planning a Clean 2D Motion Graphic: Goal, Audience, and Story Beats

Start With the Communication Goal (What the Viewer Must Understand)

A clean motion graphic starts as a communication problem, not an animation problem. Before you design anything, define the single outcome you want in the viewer’s mind. If you can’t state what they must understand, you’ll likely add extra scenes, extra text, and extra motion that dilute the message.

Define the goal in one measurable sentence

Use this template:

After watching, the viewer will understand that [core idea] and know to [next step / decision].

Examples

• After watching, the viewer will understand how our 3-step signup works and know to start a free trial.
• After watching, the viewer will understand what “compound interest” means and know why starting early matters.
• After watching, the viewer will understand the new office safety rule and know what to do during an alarm.

Common goal mistakes (and quick fixes)

• Too broad: “Explain our product.” → Fix: “Explain the one feature that removes the biggest doubt.”
• Too many outcomes: teach + persuade + entertain + brand story → Fix: pick the primary outcome; everything else supports it.
• Not audience-specific: “Everyone should understand…” → Fix: name one audience segment and their context.

Write a One-Sentence Message (Your North Star)

Your one-sentence message is the “spine” of the animation. Every scene should either set it up, prove it, or help the viewer act on it. If a scene doesn’t support the spine, cut it.

Continue in our app.

You can listen to the audiobook with the screen off, receive a free certificate for this course, and also have access to 5,000 other free online courses.

Or continue reading below...

Download the app

Message formula

Pick one of these structures:

• Problem → Solution → Benefit: [Problem] is frustrating. [Solution] makes it easy, so you get [benefit].
• Myth → Truth: You might think [myth], but actually [truth], which means [implication].
• How it works: In [number] steps, you can [result] by [simple mechanism].

Example (Problem → Solution → Benefit)

Tracking expenses is messy; our app auto-categorizes purchases so you always know where your money goes.

Practical step-by-step: test your sentence

• Read it aloud in one breath. If you run out of breath, it’s doing too much.
• Underline the nouns. If there are more than 3–5 key nouns, simplify.
• Ask: “Could a viewer repeat this after one watch?” If not, shorten.

Identify the Target Audience and Tone

Audience and tone determine your vocabulary, pacing, and how literal or abstract your visuals should be. A clean plan chooses a lane: who is this for, and how should it feel?

Audience snapshot (fill-in)

• Who: (role / age range / experience level)
• Context: (where they watch: phone, meeting, website, classroom)
• Prior knowledge: (what they already know)
• Primary question: (what they’re trying to figure out)
• Main objection/confusion: (what might block understanding)

Tone slider (choose 2–3 traits)

Pick a small set of tone words to keep decisions consistent:

• Friendly vs. Formal
• Playful vs. Serious
• Calm vs. Energetic
• Minimal vs. Expressive

Example tone definition

• Audience: first-time users on mobile
• Tone: friendly, calm, reassuring
• Implication: short sentences, slower transitions, clear icons, fewer rapid cuts

Break the Message Into 3–7 Story Beats

Story beats are the major steps of understanding. For beginner-friendly motion graphics, 3–7 beats is a sweet spot: enough structure to be clear, not so many that it feels busy.

Beat patterns you can reuse

• 3 beats (ultra-clean): Setup → Explain → Action
• 5 beats (common): Hook → Problem → Solution → Proof/How → Call-to-action
• 7 beats (more detail): Hook → Context → Problem → Insight → Steps → Result → Action

Practical step-by-step: create your beat outline

Use your one-sentence message, then expand it:

1. Hook: what earns attention in 2–4 seconds?
2. Problem/Question: what’s confusing or painful?
3. Core idea: what’s the key insight?
4. Mechanism: how it works (only what’s necessary)
5. Benefit: what changes for the viewer?
6. Action: what should they do next?

Example beat outline (5 beats)

• Beat 1 — Hook: “Still guessing where your money went?”
• Beat 2 — Problem: Receipts, categories, and spreadsheets are inconsistent.
• Beat 3 — Solution: App automatically categorizes purchases.
• Beat 4 — How/Proof: Show 3 categories updating in real time; quick before/after.
• Beat 5 — Action: “Connect your card and see your spending today.”

Mini-Workflow: Turn Beats Into a Shot List

A shot list is a scene-by-scene plan that makes production smooth. Each shot should have one job: introduce an idea, show a change, or confirm understanding.

Shot list template (copy/paste)

Practical step-by-step: build your shot list from beats

1. Write beats in a column. One row per beat.
2. Split any beat that has two ideas. If you say “and” a lot, it’s probably two shots.
3. Assign one primary visual per shot. Avoid mixing metaphors in the same shot.
4. Estimate duration. Start with 3–6 seconds per shot for beginner projects.
5. Add a transition note. Cut, wipe, match move, morph—choose one that supports clarity.

On-Screen Text: Keep It Readable and Short

On-screen text is powerful, but it can also overload the viewer if it’s long or changes too quickly. Plan text like signage: short, scannable, and timed for reading.

Text length guidelines (practical)

• Headline text: 2–6 words (fast to scan)
• Support text: 6–12 words (one short sentence)
• Avoid paragraphs. If you need a paragraph, consider voiceover or split into multiple shots.

Timing rule of thumb

• Minimum on-screen time: ~2 seconds for very short text
• Add time as words increase: if it’s more than ~8–10 words, plan ~3–4+ seconds and reduce motion during reading
• One text idea per shot. If the text contains two claims, split it.

Practical step-by-step: write “text cards” for each shot

1. For each shot, draft the on-screen text in one line.
2. Cut filler words (very, really, just, actually).
3. Replace phrases with single words where possible (e.g., “in a fast way” → “fast”).
4. Check consistency: same tense, same style (all verbs, or all nouns).

Decide the Primary Visual Metaphor (One Big Idea)

A primary visual metaphor is the main way you make an abstract idea feel concrete. Choosing one metaphor early keeps the animation clean and prevents a “grab bag” of unrelated icons.

How to choose a metaphor

• Map the message to a familiar system: sorting, building, traveling, unlocking, growing, filtering.
• Prefer metaphors that animate clearly: things that can move, transform, fill, connect, stack, or reveal.
• Match the audience context: office audience may read “folders” faster than “spaceships.”

Metaphor examples

• Organization: messy pile → labeled folders (great for productivity topics)
• Progress: steps on a path → checkpoint flags (great for processes)
• Clarity: foggy glass → wiped clean (great for explaining concepts)
• Security: open lock → closed lock + shield (great for privacy/safety)

Practical check: metaphor consistency

Ask these two questions:

• Can every beat be shown using this metaphor family? (e.g., sorting, labeling, grouping)
• Does any shot introduce a competing metaphor? If yes, either remove it or redesign it to fit.

Planning Deliverables Checklist (What You Should Have Before Animating)

Use this checklist to confirm your plan is complete and production-ready.

• Brief (1 page): goal sentence, one-sentence message, audience snapshot, tone words, constraints (duration, format, brand rules if any).
• Script (if needed): voiceover or narration text; mark emphasis words; keep sentences short.
• Beat outline (3–7 beats): each beat named and described in one line.
• Timing notes: estimated seconds per beat/shot; where to slow down for reading; where to speed up for energy.
• Shot list (scene-by-scene): visuals, on-screen text, duration, transition notes.
• Primary visual metaphor: one sentence describing it, plus 2–3 example visuals that fit it.