Product films, launch visuals and interactive experiences.

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

XO3D Studio · 3D Animation

Animated Colourways: Product Marketing that Shows Every Variant

Every variant, in motion.

Animated colourways present approved product finishes through a controlled sequence. Keep camera and lighting consistent where comparison matters, and review each finish against a reference.

Overview

One shot. Every colourway. Every material state.

Product ranges with multiple colourways benefit disproportionately from animated variant reveal. Static grids show variants side by side. Motion shows them replacing each other in place, which is much more effective at communicating range at a glance.

Suitable product geometry can support both stills and animated finish changes. Agree the actual variants and review their materials before rendering the sequence.

What's covered

The main varieties, in detail.

Cycle reveal

Colour dissolves in place.

Product stays framed, materials transition through the range. Simple, high-impact, PDP-ready.

Split-screen array

Every colourway, at once.

Multiple instances of the product, each in a different colour, revealed together. Ideal for hero range shots.

Configurator source

Colourway swap for interactive.

Individual colourway states rendered separately, feeding a live configurator on the PDP.

Social vertical

Colourway sweep for TikTok and reels.

Fast-paced vertical cut cycling through colourways. High-impact short-form for Meta and TikTok.

Material transitions

Beyond colour, into finish.

Matte to gloss, satin to metallic, leather to fabric. Material state transitions in motion.

Beyond colour, into finish.

PDP loop

Silent colourway loop for site.

Short, silent colourway loop for PDP hero and email banner use. Big presence, small file.

Advantages

Why brands commission it.

  • Range coverage in one shot.

    A single animated shot communicates a whole range at a glance.

  • Support product inspection.

    A clearer product view can support inspection and comparison. Any effect on sales, conversion or returns needs evidence from the actual audience, placement and measurement period.

  • One asset, every runtime.

    Cycle reveal cut into hero, vertical, square and loop from one animation source.

  • Plan later colour additions.

    Once the base scene exists, adding a new colourway is a re-render, not a new shot.

Trade-offs

What to plan for.

  • Requires colourway list at brief.

    Every colourway needs Pantone or hex codes at brief. Late additions are cheap but not free.

  • Material transitions need care.

    Some material state changes (matte to gloss) can look artificial if not directed properly.

  • Not a substitute for still range grid.

    Buyers still need side-by-side range grids for direct comparison. Motion complements rather than replaces.

Process

How the work is produced.

  1. STAGE 1

    Brief and colourway list.

    Every colourway spec, order and any hero variants identified.

  2. STAGE 2

    Materials pass.

    Every material state authored to accurate Pantone or hex reference.

  3. STAGE 3

    Camera and lighting lock.

    One directed camera and lighting rig used across all variant states.

  4. STAGE 4

    Animation and transitions.

    Colour states cycled through with directed transition timing.

  5. STAGE 5

    Render and finish.

    Full render pass and compositing. Grade tuned across every colourway.

  6. STAGE 6

    Cut-downs and PDP loops.

    Hero cycle cut into short-form and silent loops for platform use.

Who this is for

Built for teams shipping the launch.

Product marketing and ecommerce teams at brands with multi-colourway ranges.

Agencies delivering integrated launch briefs with variant coverage. In-house creative teams scaling PDP experience.

Testimonial

The team at XO3D were a pleasure to work with on one of our big product launches. They rendered, batched, and saved out literally thousands of images for us. Every single one came out perfect.

Caitlin

D'Addario Europe

For sibling topics, see 3D product animation and product turntables.

Thomas Howcroft

Written by

Thomas Howcroft

Founder and Creative Director

Engineering-led realism · Campaign-ready visuals · Senior client partner

FAQ

Common questions, answered.

How many colourways can one animation show?

Practically up to 8 or 10 cleanly in a hero shot. Beyond that, split into multiple takes or use split-screen approaches.

Can we add colourways after launch?

An approved model can support further finishes and configurations. Each change still needs suitable source information, material review and output checks.

How does this feed a configurator?

The individual colourway states render as separate layers or images, feeding a PDP configurator that swaps between them.

How long does an animated colourway shot take?

With a production-ready 3D asset, typically 2 to 4 weeks including cut-downs. From scratch or CAD, allow longer for modelling.

Your next project

Make the differences easy to compare.

Keep camera and lighting consistent where comparison matters. Each finish still needs an approved reference; a colour value alone may not describe gloss, texture or metallic behaviour.

G-Lab mechanical keyboard shown in a directed product frame
G-Lab: the keyboard film brings form, colour and illuminated product details into one visual sequence. Explore the work

A route to consider

Product CGI Films

A product film developed through creative treatment, storyboard, animatic, product review and final picture and sound.

Bring these three things.

  1. Which finishes are required?
  2. What samples define them?
  3. Should variants appear together or in sequence?

Start with an outline. We review the product, intended outputs and timing before agreeing the production scope.

About the studio

XO3D is a director-led product CGI studio, incorporated as XO3D Ltd in 2019 (UK Companies House 11876020). Founded by Thomas Howcroft (Founder and Creative Director) and Alex Mann (Co-Founder and Managing Director). 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.

That makes us the right choice for launch-critical work where the visual standard has to be high and the product may not exist yet.

It makes us the wrong choice for three things, and it is worth establishing that now rather than later.

  • Hundreds of routine SKUs to a fixed template. A volume batch renderer will do that faster and for less. Paying for creative direction on work that does not need a creative decision is poor value, and we will tell you so.
  • A permanently live, self-service configurator across a large range. That is platform software. We can build the assets and, where it is the right route, the experience itself, but the ongoing system is not a studio deliverable.
  • The campaign idea itself. If what you need is the strategy, the audience work and the media plan, start with an agency. We are frequently the production partner behind one.
How XO3D compares to the other five supplier models