The 7 Steps of Animated Video Production

In this article, we're sharing exactly what you need to know about animated video production that’s essential for creating a successful and high-converting video.

The 7 Steps of Animated Video Production
Table of contents

There’s a lot of info out there about animated video production.

We like to stay on top of the industry trends, so we analyzed the 21 most popular articles to see what’s currently being said.

While the articles do have some use, they mostly only cover the basics that you probably already know even without being an expert. Basics like: writing a script, the need for a storyboard, using a voice-over, animation, etc.

All this is fine, but fairly obvious. We want to go further.

Contents

  1. Animated Video Production
    1.1 Step 1. Create a Brief
    1.2 Step 2. Create a Concept
    1.3 Step 3. Writing the Script
    1.4 Step 4. Storyboard
    1.5 Useful Recource
    1.6 Step 5. Design
    1.7 Step 6. Animation
    1.8 Step 7. Voice Over, Music, Sound Design
  2. Final Words

Animated Video Production

  1. Create a brief
  2. Create a concept
  3. Write the script
  4. Create the storyboard
  5. Design the style
  6. Animation
  7. Voice over, sound design

In this article, we’ll share exactly what many people don’t know about animated video production that’s essential for creating a successful and high-converting video.

Step 1. Create a Brief

corporate video brief

Simply put, a brief is your game plan. A good brief should cover everything from the message your video needs to convey to your competitors to the style of art used. Every important aspect should be covered, from tone to length to colors, even if it’s knowledge that won’t be directly used in the final product.

You wouldn’t jump in your car and drive without knowing where you’re going, right? Don’t start production on a video without a brief. We’ve written a separate article here about the importance of the brief, which includes an example and a template you can use for your own project.

Step 2. Create a Concept

app video concept

The concept phase is underrated and underused by many animated video production companies. This happens because creators often overlook the marketing, focusing too much on the art side of the video. But the concept is the most important part. Your video can be unique and make people remember your message — or cause them to close it out after a few seconds and immediately move on to something else. It all depends on having the right concept. Of course, you can talk about your benefits and the problems you solve, but it needs to be done right.

Every aspect is important when fleshing out your concept. The mood, the tone, the characters, the music. Which USP to emphasize and how to end the video with a strong call to action.

Step 3. Writing the Script

creating script

The script is the backbone of your video. A good script will make even lackluster audio and visuals excusable. But even a million dollar explainer video that looks incredible could still sell nothing and be a failure without a working script (we’ve all seen movies like this; big-budget special effects monstrosities that bomb because the writing is so bad).

And that’s what we mean by a “good” script. It has to sell; whether the thing being sold is an idea, a message, or a product/service. The good news is, if you’ve got a proper brief, you’re already on your way.

We’ve written many articles on writing successful scripts; here are some key takeaways:

  • Unless you’re an established brand with followers that love to hear from you (i.e. Apple), you should plan on making a video between 1 and 2 minutes long. Anything shorter won’t be long enough to establish trust to your brand, anything longer will be boring and unessential. This time range is one of the major keys for an animation production that works.
  • Plan on 140 – 150 words per minute for your script.
  • The first 10 seconds is by far the most important. That moment will determine whether or not a viewer sticks around to watch the whole video. In that first 10 seconds you should focus on an emotional hook. Using a metaphor or aligning with a pain point are tried and true methods.
  • Focus, focus, focus. Figure out your main message, and be as specific as possible with a target audience. “Our product fixes everything for everyone” will get you nowhere. “Our app saves public bus riders time so they don’t have to wait around wondering when their bus to work shows up” is much better.
  • Finish with a strong call to action. A strong CTA should trigger action; whether it’s going to a website, downloading an app, or some other movement that gets someone in your funnel.

Step 4. Storyboard

creating storyboard

Once the script is finalized, you can move on to the storyboard. It’s important to note that each step from script writing on should be finalized before moving to the next stage. Wanna triple your budget and double the time needed to finish? Make changes to the script after animation has started. That’s a sure recipe for disaster. Animated video production is like a pyramid. You pull out a brick near your foundation after it’s been mostly built and you’re gonna have a real tough time getting everything looking good again.

Now then, onto the storyboard. The storyboard has been called “the final draft of the script” by some, because it takes the words and starts making them visual. A storyboard uses rough drawings to show how each line of the script plays out. It’s essential for designers as their blueprint for how the video will ultimately look. It’s also much easier to tweak since no final art has been created yet.

Useful Recourse
What Is a Storyboard and How Do You Make One?

Step 5. Design

creating animation character

Here is where you finally get to start seeing how visuals will actually look. The process starts with a mood board, which visually describes the mood and tone of the design. Once that’s agreed upon, design and/or character art is created. This gives you a static but accurate look at the style of the video.

Step 6. Animation

Once the design is confirmed, it can be animated. This is one of the most labor intensive aspects of animated video production. One visual design is a single frame. There are 30 frames per second of video. So that means a lot of work has to go into making the picture designs move and come to life. Thankfully, there’s great software now that helps with the process. But it’s still a lot of work that needs to be crafted precisely to make sure everything looks and moves right.

Step 7. Voice Over, Music, Sound Design

recording voice over

This is kind of a parallel step to animation, but does start a bit after animation production begins. A good video syncs all elements together (both visuals and audio), so oftentimes audio will start to get mixed into the video during a rough cut of the animation so that timing can be adjusted accordingly. Obviously, the voice over must tie into what’s happening visually, but the same should be true of the music. You don’t want silly clown music playing along with visuals that show an app for diagnosing serious illness.

Sound design takes audio one step further, mixing in sound effects for a much fuller experience. Sound design may not be immediately noticeable, but it adds an element of professionalism and engagement to the final video.

Final Words

As you can see, a lot goes into every stage of animated video production. Whether you’ve got just the beginnings of an idea, or you’ve already got a script ready to go, we’re always happy and available to give you a free consultation. Contact us today!

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing.

For dynamic content, add a rich text field to any collection

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

text element using
the "When inside of" nested selector system.
  • wS
  • asasA
  • ASas

Thinking of getting your own video?

Get Info & Pricing
Arrow Right Yans Media

Heading

This is some text inside of a div block.
This is some text inside of a div block.
Arrow Right Yans Media

Arrow Right Yans Media
close icon

Let’s get in touch

We’d love to hear about the project you have in mind. Drop us a note here and we’ll get back to you within 24 hours.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.