Concept First, Animation Last: The Process That Makes Motion Design Work

The most expensive mistake in motion design production is starting with animation. It sounds obvious when you say it, but the majority of studios, and clients, skip straight to the visual execution before the concept is solid.

They pick a style, choose colours, start animating, and then try to retrofit a message into frames that were designed without one. The result is a video that looks great and communicates nothing.

Here's the order that actually works.

Step 1: Problem

Before anything creative happens, you need absolute clarity on the problem you're solving. Not your product's problem. Your customer's problem.

This means talking to the people who use the product, reading their support tickets, understanding their day-to-day frustrations. The problem you articulate in the first ten seconds of the video determines whether anyone watches the next fifty.

What this looks like in practice: A one-page brief that answers: Who is this for? What problem do they face? What do we want them to do after watching? Everything downstream flows from these three answers.

Step 2: Concept

The concept is the creative idea that makes your message memorable. It's the metaphor, the angle, the narrative device that turns information into a story.

"Our platform connects your data sources" is not a concept. "Imagine your data trapped in thirty different rooms with no hallways between them. we build the hallways" is a concept.

Finding the right concept is the most important creative work in the entire process. It's also the stage most studios skip, jumping from brief to storyboard with nothing in between.

What this looks like in practice: Three to five concept directions, each with a one-paragraph description of the creative angle. The client picks one, and we develop it further.

Step 3: Treatment

The treatment expands the chosen concept into a structured narrative. It's the script and the visual direction combined. a document that describes what the viewer hears and sees at each moment of the video.

This is where the story arc gets built. The problem, the turn, the solution, the proof, the call to action. Each section is described in enough detail that everyone involved. client, scriptwriter, designer, animator. has the same picture in their head.

What this looks like in practice: A written document, typically two to three pages, that reads like a short screenplay. Voice over on one side, visual description on the other.

Step 4: Storyboard

Now, and only now, does visual work begin. The storyboard translates the treatment into a sequence of key frames. Each frame represents a major moment in the video.

A good storyboard is rough. It's not about beautiful illustration. It's about composition, timing, and visual flow. Can the viewer follow the narrative from frame to frame? Does the eye move naturally through each scene? Are we showing, not telling?

What this looks like in practice: Eight to fifteen frames for a 60 to 90-second video. Sketched or digitally roughed out. Annotated with timing and transition notes.

Step 5: Style

With the storyboard approved, the style gets developed. This means taking two or three key frames and rendering them at full quality. final colours, typography, illustration style, texture, and detail.

These are called style frames, and they're the visual contract between the designer and the client. "This is what the final video will look like. Are we aligned?"

What this looks like in practice: Two to three fully designed frames that represent the visual range of the video. If the video has a problem section and a solution section, the style frames should show both.

Why style comes after storyboard, not before: Because the storyboard reveals what you actually need to design. If you design the style first, you'll inevitably create frames that look beautiful but don't serve the story. The storyboard ensures that every design decision has a narrative purpose.

What Happens When You Skip the Concept

I see this constantly. A client comes to me with a half-finished project from another studio. They've got beautiful style frames. Polished colour palettes, trendy illustration, perfect typography. But the video isn't working. Nobody can explain why.

The reason is always the same: they jumped from brief to style frames. They skipped concept and treatment entirely. So the design looks good in isolation, but it doesn't serve any narrative. There's no through-line. No emotional arc. No reason for the viewer to keep watching after second five.

I worked on a project for a city planning consultancy where the previous studio had produced three rounds of style frames before anyone had written a single line of script. Beautiful frames. Completely unusable, because nobody had decided what the video was actually about.

We started over. Went back to the problem. Found the concept (a giraffe as a metaphor for seeing further and reaching higher). Built the treatment. Storyboarded it. Then designed the style to serve the story. The final video took less time to produce than the three failed rounds of style frames.

The correct sequence is always: concept, treatment, storyboard, style, animate. Every time a project skips a step, it costs more to fix later than it would have cost to do properly in the first place.

Step 6: Animate

Animation is the final step. By the time an animator opens After Effects, every creative decision has been made. the concept, the narrative, the visual language, the composition, the pacing.

This is what makes animation efficient rather than expensive. The animator isn't guessing. They're executing a clear plan.

What this looks like in practice: The animator works scene by scene, following the storyboard and style frames. First pass is timing and motion. Second pass is refinement and detail. Final pass is sound design and polish.

Why Most Studios Do It Backwards

The market incentivises speed. Clients want to see something visual as soon as possible. Studios want to demonstrate value quickly. So both parties rush to animation. the most visible, most expensive, and hardest-to-change stage of the process.

The cost of getting it wrong at the animation stage is enormous. Changing a concept in a written treatment takes 30 minutes. Changing it in a finished animation takes days and thousands of dollars.

The paradox: The studios that spend the most time in pre-production deliver faster and cheaper than those that rush to animate. Because when the concept is right, the animation flows. When the concept is wrong, every frame is a renegotiation.

The Process at Motion Story

Every project I take on follows this exact sequence. It's not rigid. some steps overlap, some projects need more concept development, some less storyboarding. But the order never changes.

If you want to see what this process produces, take a look at my work. If you want to apply it to your next project, get in touch.

---

Dan Neale is a motion designer and creative director based in Byron Bay, Australia. He specialises in motion design for SaaS companies, tech founders, agencies, and nonprofits. 15 years. 500+ projects. motionstory.com.au