Product films, launch visuals and interactive experiences.

Tell us about your brief Book a 15-minute call
View all pages
Animation

5 Animation Production Stages: Triumphs & Trials Unleashed

5 Animation Production Stages: Triumphs & Trials Unleashed

TL;DR

The animation production pipeline runs in five stages: concept and storyboarding, design and modelling, rigging and animation, lighting and rendering, and compositing and editing. On a product film, XO3D runs the same ground as five stages with a sign-off at each, so you know what you are approving and when.

The animation production pipeline, also called the animation process, runs in five stages, from concept and storyboard to compositing and edit. On a product film, XO3D runs the same ground as five stages with a sign-off at each. The process animation teams use is broadly the same everywhere; what changes is who approves what, and when.

The table maps the familiar stages onto the stages XO3D uses on a product CGI film. The names in the second column are the ones on our process page, which explains how XO3D runs these stages.

Pipeline stageWhere it sits in XO3D’s five stagesWhat gets madeWhat you approve
1. Concept and storyboardingBrief & pre-productionWritten creative direction, storyboard, animaticThe brief: creative direction, scope and deliverables
2. Design and modellingLook developmentThe 3D model, materials, lighting rig and one material test renderThe material test render, on your actual product, at full resolution
3. Rigging and animationProductionMovement on the parts that move, animated shotsReview rounds in Frame.io
4. Lighting and renderingProductionGreycard passes, then final lit and rendered framesReview rounds in Frame.io
5. Compositing and editingFinishingGrade, sound, master files and format versionsFinal masters, after any optional legal or brand review

Two honest differences sit in that mapping. General stages 3 and 4 both happen inside XO3D’s Production stage, because animation and rendering overlap on a product film.

And XO3D’s fifth stage, Delivery & archive, has no generic twin: it covers the deliverables package, the hand-over of the commissioned 3D model and the archive a returning brief can build on.

The 5 stages of animation production

Each stage below follows the same pattern: what happens, what you see, what you approve, where it goes wrong, and an example from a real project.

Stage 1: Concept and Storyboarding

What happens. Every strong animation starts with a concept that answers one question: what does the viewer need to feel, or understand, by the end?

On a product film the concept starts at a kick-off, where the product story, audience and outputs are agreed, and becomes a written brief. Storyboarding follows: a sequence of frames that arranges shots, plans transitions and fixes the order in which the product reveals itself.

An animatic then sets those frames to time, so pace and camera can be judged before anything is built in detail.

What you see. A storyboard, then an animatic, and what to check in it. Our guide to storyboard formats shows the range, from thumbnails to detailed boards.

What you approve. The brief: creative direction, scope and deliverables. Nothing goes into production before that sign-off.

Where it goes wrong. A film that is still being argued about at animation stage. Pace and running time are cheap to change on a board and expensive to change in a render.

From a real project. On Petalite’s EV charger film, storyboards and a simple animatic mapped the narrative, key messages and camera moments before animation began, and aligned stakeholders early. On AUAR’s MicroFactory, the supplied model, movement references and brand guidance informed the storyboard, and the hero film was later cut from 60 seconds to 36.

If you are writing the brief now, you can build your brief on XO3D Labs first.

AUAR MicroFactory animation storyboard mounted on the studio wall for pre-production shot planning
The AUAR storyboard on the studio wall, planning the whole film before any shot was built.

Stage 2: Design and Modelling

What happens. Characters, props and environments are built in detail. On a product film the “character” is the product, and it is built from the client’s CAD rather than from photographs. The model is then given materials, matched to product references and samples where they are supplied, and lit with a rig designed for the product.

What you see. A look-development frame: the actual product, at full resolution, under the intended lighting. Our guide to look development explains what that frame decides.

What you approve. One material test render. This is the frame that determines whether the final imagery looks real or rendered.

Where it goes wrong. CAD that was never meant for rendering. Supplied files often carry broken topology, overlaps or parts at the wrong scale, and those problems surface in every later stage if nobody checks them now. The product truth standard sets out how reference and review keep the model honest.

From a real project. On Petalite, XO3D rebuilt the supplied CAD for production: repairing topology, resolving overlaps, setting real-world scale and establishing a clear naming and grouping system, so the project stayed stable as the design evolved.

On Nanuskate’s modular ramp, the first material pass read as one uniform surface, so a slight colour shift was added to each panel.

Nanuskate modular skate ramp, product CGI built from one Master Asset
Nanuskate's modular ramp. The composite finish was built from reference images, with a slight colour shift on each panel.

Stage 3: Rigging and Animation

What happens. Rigging installs controls into a 3D model so its parts can move.

In character work that means a digital skeleton. On a product film, rigging is only a real step of the pipeline where parts actually move: a hinge, a mechanism, a robot arm.

Animation follows, using timing and motion to bring the model to life. The difference between animation that feels alive and animation that feels mechanical usually comes down to timing: the variation in speed and pause that mimics how real objects move.

What you see. Greycard animation: plain grey geometry moving through the shots, so timing and camera can be judged without materials getting in the way.

What you approve. The greycard, inside the review rounds. XO3D checks composition, geometry intersections, camera and part movement, and timing against voiceover or music before the client sees it.

Where it goes wrong. Motion that has no reference. When nobody knows how a part really moves, the animation has to guess, and guesses read as stiff or wrong.

From a real project. AUAR’s robot arm needed detailed rigging in Cinema 4D. AUAR supplied videos of the prototype working in its factory, which gave the team movement references. On Petalite, cable movement was treated as research and development rather than an afterthought; our post on cable motion in product animation covers that work.

AUAR robotic arm assembling a timber wall panel inside the MicroFactory
AUAR's robot arm building a timber panel. Its movement was rigged in Cinema 4D from the client's prototype footage.

Stage 4: Lighting and Rendering

What happens. Lighting sets mood and draws focus to what matters, much like stage lighting in theatre.

Rendering then generates the finished frames from the modelled, lit and animated scene. On XO3D product films, the render step of the pipeline starts with greycard passes: each shot is built in plain grey for camera and composition sign-off, and photorealistic materials and lighting land only once that is locked.

What you see. Grey passes, then final frames. Redshift is XO3D’s primary renderer, with KeyShot used for packshots only, as our production specifications set out.

What you approve. Draft frames and sequences, inside the Frame.io review rounds.

Where it goes wrong. Lighting a shot before its composition is agreed. Every change to camera or staging after final lighting means relighting and re-rendering the shot.

From a real project. The three AUAR pairs below show the same shots at grey stage and as final renders.

AUAR grey card pass A05, robot and rack in the studio for camera and composition sign-off
Grey card pass A05: camera and composition, signed off before materials and lighting.
AUAR final rendered composition A05, robot and rack with lighting and materials applied
Final A05: the same composition with lighting and materials applied.
AUAR grey card pass B01, robot cell deploying from the container for camera sign-off
Grey card pass B01: the robot cell deploying from its container, checked for camera.
AUAR final rendered composition B01, robot cell deployed from the green container
Final B01: the deployed robot cell, lit and rendered.
AUAR grey card pass C01, containers in the yard as a scale reference for the final C02 shot
Grey card pass C01: containers in the yard as a scale reference.
AUAR final rendered composition C02, MicroFactory containers travelling through the yard
Final C02: the MicroFactory containers travelling through the yard.
The AUAR process reel: grey card, material development, lighting and camera studies from the production. Press play.

See every grey-to-final comparison in the AUAR MicroFactory film case study.

Stage 5: Compositing and Editing

What happens. The final stage combines the rendered frames with grade, sound and transitions into one piece, the animation equivalent of post-production in film. On a product film, the colour grade holds the approved product colour rather than trading it away for a look.

What you see. The edit with sound, then master files in every agreed format. Sound is planned like any other stage; our guide to sound design for product films explains how, and the sound design brief generator on XO3D Labs helps you write that part of the brief.

What you approve. The final masters, checked against the deliverables list agreed at brief stage, after any optional legal or brand review.

Where it goes wrong. Formats left until the end. A landscape composition can lose its important action when it is cropped to vertical, so the crops need planning while shots are still being composed.

From a real project. AUAR’s Shot 02 was delivered as a 1920 × 1080 landscape file and a 1080 × 1920 vertical version, both four seconds long. Nanuskate’s 71-second launch film and its cut-downs came from one Master Asset in 16:9, 1:1 and 9:16. The social video format guide on XO3D Labs lists the sizes each platform asks for.

Four routes, four projects

The same five stages produce very different films. These four XO3D projects show what each case study records, and nothing more.

  • AUAR MicroFactory film. A 36-second film, 24 stills and three animated GIFs, delivered within two months for a website launch. During production the still set grew from 14 to 24 and the film was cut from 60 seconds to 36.
  • Nanuskate launch film. A 71-second launch film and its cut-downs from one Master Asset, in 16:9, 1:1 and 9:16. Greycard passes locked the assembly order before the final film.
  • Petalite EV charger film. A 31-second launch film finished in 4K, made while the charger was still evolving. Assets were updated to the latest engineering iterations during production.
  • Flash Motors CES films. Two 40-second 4K product animations for CES 2024, one of the scooter and one of its handlebar controller. To meet a fixed show date, the work ran as three parallel lines inside production: animation and camera, lighting and materials, then post-production and overlays.

How long it takes, and how many rounds

On XO3D’s process, a hero film usually takes four to seven weeks from brief to delivery, and a launch suite of film, stills and social formats six to ten. The usual shape is 3 to 5 days on brief and pre-production, 1 to 1.5 weeks on look development, 2 to 3 weeks on production, 3 to 5 days on finishing and 2 to 3 days on delivery.

Production is the part that scales with the number of deliverables.

Review rounds run in Frame.io: three on stills and four on anything including video, as stated in each proposal. Our guide to production timelines breaks the totals down by project type.

If you have a launch date, plan backwards from your launch date with the Labs planner. For a budget range on a film, the animation price calculator on XO3D Labs gives an indicative figure.

Where it goes wrong, by stage

Most production problems are not craft problems. They come from a change that lands after the stage that should have absorbed it. Three examples from live XO3D projects:

  • The design changes during production. Petalite’s charger continued to evolve while the film was being made. The clean CAD naming and grouping set up in look development is what let assets be updated to each engineering iteration without losing momentum.
  • The scope changes against a fixed date. On AUAR, the still set grew from 14 to 24 and the film was cut from 60 seconds to 36 as the client shaped its new site, and everything still landed for launch.
  • A crop nobody planned. A landscape composition also needs checking in the vertical frame it will run in, because important action can disappear when the aspect ratio changes. XO3D checks that at greycard stage.

For the buyer’s side of the same problem, read ten ways a production goes wrong. Our guide to what to judge at each stage explains which feedback is useful when. If you need the wider case for animation in a marketing plan, see the benefits of 3D animation for business marketing.

What the internal check catches

On our process page, Connor Hamilton-Smith, Head of 3D, describes what XO3D’s internal quality check looks for. At greycard, he checks composition, model intersections, camera and part movement, and timing against voiceover or music, including how a landscape shot holds up in a vertical frame.

At the material still, he checks whether the lighting reveals the texture, whether the finish behaves as intended, and whether earlier product corrections have actually been made. The hand-over is a clear record of what has been checked, what remains open and which reference supports each decision.

The takeaway

Animation production moves through five stages, and the familiar names (storyboard, modelling, rigging, rendering, compositing) describe that ground well. What a buyer needs on top is the sign-off at each stage: what gets made, what you approve, and what a late change re-opens.

On a product film that comes down to the brief, the material test render, the review rounds and the final masters. If you are planning a film, tell us about your brief or see how we approach product animation.

On how a VFX house works differently from a product CGI studio

The pipeline is very similar. The differences are in the software and the people.

A VFX house also has much larger teams, with different people working on each stage of a project. A product CGI studio's teams are smaller, and they specialise in product films and product launches.

Thomas Howcroft, Founder and Creative Director, XO3D. From the essay “VFX house or product CGI studio?”

Start the conversation

Have a product worth showing?

We reply to every brief personally, usually within one working day.

Discuss your brief

Written by

XO3D

Director-led product CGI studio

About the studio

XO3D is a director-led product CGI studio. Founded by Thomas Howcroft in 2017 and incorporated as XO3D Ltd (UK Companies House 11876020) in 2019, when Alex Mann joined as co-founder. Based at the Business and Technology Centre in Stevenage, UK, with representation at 244 Fifth Avenue, New York. We work with tech, industrial and premium consumer brands on product films, launch stills and interactive experiences.

FAQ

Common questions, answered.

What are the five stages of animation production?

Concept and storyboarding, design and modelling, rigging and animation, lighting and rendering, and compositing and editing. Each stage builds directly on the one before it.

What is an animation pipeline, and how is it different from the stages?

The stages are the phases of work. The animation pipeline is the order of hand-offs between people and tools that carries a project through those phases, so one team's output becomes the next team's input. XO3D's process page shows how the studio runs it on a product film.

Why is pre-production crucial in animation?

Pre-production, concept development and storyboarding, establishes the narrative and visual direction before expensive production work begins, giving the whole team a shared blueprint to build against.

What challenges are common during the production stage?

Keeping movement consistent, managing complex scenes, and keeping every shot aligned with the approved storyboard and animatic. On a product film, a design that is still changing is a common cause of rework, so the source revision is recorded at each stage.

How does rendering impact the finished animation?

Rendering generates the final visual output from the modelled and animated scene. Higher-fidelity rendering delivers greater realism and visual polish, but is genuinely resource-intensive and requires expert handling to get right.

What is involved in the post-production phase of animation?

Post-production covers compositing every rendered element together, editing sequence timing, adding sound design and music, and finalising the piece for distribution.

How does understanding the animation stages help a marketing team?

Knowing what happens at each stage helps a marketing team set realistic expectations, give more useful feedback at the right moment, and collaborate more effectively with the studio producing the work.

What do I approve, and when?

XO3D's process has five gates. You sign off the brief, meaning the creative direction, scope and deliverables. You approve one material test render at look development. You review in Frame.io rounds. Your legal or brand team can take an optional review window. Finally, you check the masters against the agreed deliverables list.

Can a film be made before the product exists?

Yes, when the CAD and references are resolved enough. When Duux briefed its Neo humidifier, the hardware was still under design change and there were no production units to photograph. Petalite's charger continued to evolve during production, and its assets were updated to the latest engineering iterations.

How many review rounds are there?

Three rounds on stills and four on anything including video, as stated in the proposal for each project. Smaller change requests are handled inside those rounds.

How long does each stage take?

On XO3D's process, brief and pre-production usually takes 3 to 5 days, look development 1 to 1.5 weeks, production 2 to 3 weeks, finishing 3 to 5 days, and delivery 2 to 3 days. A hero film usually takes four to seven weeks in total, and a launch suite six to ten.

Start the conversation

Got a product worth showing? Let’s talk about what it needs to do.

We reply to every brief personally, usually within one working day.