Product films, launch visuals and interactive experiences.

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

Nanuskate

Nanuskate Modular Skate Ramp.

A 71-second launch film and stills for Nanuskate’s modular skate ramp, made before production. The film shows how the ramp goes together and packs away for transport, and one square-planned composition serves the 16:9, 1:1 and 9:16 cuts.

Project at a glance

A pre-launch CGI suite, end-to-end.

Client

Nanuskate

Sector

Skateboarding / Modular Consumer Product

Project Type

Pre-Launch Product Visualisation

Services

Product Animation, CGI

Software

Cinema 4D, Adobe Creative Cloud

Year

2026

Deliverables

  • Modular expandability, add-on sections shown step-by-step
  • Fast setup and breakdown explainer sequence
  • Portability and easy transport storytelling
  • Connection system clarity, how parts lock and align
  • Premium build quality and material detail
  • Lifestyle scale and real-world context

The 71-second launch film and its cut-downs came from one Master Asset in three formats: 16:9 for the film, 1:1 for product pages and 9:16 for Instagram, TikTok and paid social.

Hero film

The full hero film.

The 71-second launch film, with sound. Watch the full Nanuskate film on its own page.

The Brief

Movement, modularity, and a brand worth trusting.

Nanuskate’s sports and fitness product is all about movement and modularity, including how it connects, scales and transports. That is hard to communicate with early-stage photography alone, especially before the full system and environments are ready.

They needed visuals that could demonstrate skate-anywhere portability, fast setup (“assemble in minutes”) and seamless connections, while keeping the brand feeling premium, technical and credible.

We translated the product’s modularity into a premium, high-clarity visual narrative using photoreal CGI, explainer animation and brand-led lighting rigs, showcasing setup speed, connection logic and real-world usability in a way photography can’t achieve pre-launch. Its close-up and connection shots feature in our guide to camera shots in product animation.

Project answer

Why use CGI for this project?

  1. What we made

    XO3D created launch CGI for Nanuskate's modular skate-ramp system before full production.

  2. Why CGI

    Early-stage photography could not show how the system connected, scaled and transported across different configurations, while CGI could demonstrate each state clearly.

  3. What was delivered

    Nanuskate received animation and stills for early customers, investors, stakeholders and product-launch material.

Material look development

How did the composite ramp surface avoid looking uniform?

Jack Robertson, the lead 3D artist on this project, built the plastic composite finish from scratch because no material in the studio library closely matched it. He worked from images supplied by Nanuskate and photographs of comparable finishes. No physical sample was provided for this project.

The first pass read as one uniform surface. Jack introduced a slight colour shift on each panel so the assembled ramp reads as individual panels. The reference images also showed fine speckling and small pellet-like detail. The finished panel variation can be seen in the film and stills on this page. For the wider process, see how look development works.

Nanuskate modular ramp, close view of the speckled composite deck panels with the Nanuskate logo
A frame from the connection clip: the composite deck panels close up. The finish was interpreted from photographs, not matched to a physical sample.

The Work

From hero film to vertical social, one pipeline.

A CGI library of hero films, square explainers, vertical social cuts and greycard reviews, all built from the same models, lighting and materials.

  1. 01Hero Film

    A premium reveal that sets the brand standard.

    We built the headline product film around what matters most, setup speed, connection logic and real-world usability. Brand-led lighting rigs and photoreal CGI deliver the kind of visual quality typically reserved for much larger brands.

  2. 02Transport

    Skate-anywhere portability, demonstrated.

    A 1:1 square sequence shows the modular cubes alongside a transport vehicle, communicating the “take it anywhere” promise that early-stage photography couldn’t capture before production.

  3. 03Assembly

    Modularity made obvious.

    Exploded and step-by-step motion shows how the components align, lock and extend. Nanuskate reviewed the order of parts, the timing and the connection logic in greycard before final lighting, so the sequence on screen is the one the client approved.

  4. 04Detail

    Material detail at the macro level.

    A close-up on the metal foot connector, showing its material and finish at a scale the wider shots cannot.

  5. 05Lifestyle Context

    Real-world scale, photoreal lighting.

    A second hero cut places the ramp in a credible lifestyle environment, using the same brand-led lighting rig as the headline film, so the Nanuskate visual language stays consistent across every asset in the library.

  6. 06Connection Logic

    How parts lock, explained in motion.

    A focused connection animation shows the locking mechanism in detail. It answers the question every first-time viewer asks: how do the parts hold together?

Marketing-Ready Assets

Square cuts for web, social and decks.

A library of 1:1 cuts produced from the same CGI source, drop-in ready for product pages, paid social and investor materials. See how we approach visuals for investor presentations.

Vertical Social

Channel-ready cuts for paid and organic.

Native 9:16 cuts engineered for Instagram, TikTok and paid social, built from the same source assets so the visual language stays consistent across every touchpoint.

Formats

One composition, three formats.

Jack Robertson, the lead 3D artist, planned the film in a square composition, with guides marking where the landscape and vertical edges fall. Checking frames against those guides during production kept the important action inside each format without reanimating shots for the vertical cut.

Each format had its own job. The 16:9 film carries the full launch story. The 1:1 cuts were planned for product pages, and the 9:16 cuts for Instagram, TikTok and paid social. Planning this way does not make every crop automatic: each format was still checked.

Nanuskate modular ramp and transport trolley in a bright studio, with square and vertical areas outlined over the landscape frame
Illustration: centred 1:1 and 9:16 areas drawn over a 16:9 frame from the film. It shows the idea, not the guides used in production.

Process

Greycard passes, locking the assembly order.

Before final lighting, every assembly step was reviewed in greycard. These passes let us confirm the order of parts, motion timing and connection logic with the client, so the sequence in the final film is the one the client approved.

Assembly

How the assembly became understandable.

The ramp goes together in a specific order, and a viewer who has never seen it has to follow that order without a manual. The film breaks the build into single steps: the packed parts on their trolley, the frames on the floor, the deck panels lowered onto the frames, then the finished ramp.

Before final lighting, Nanuskate reviewed the order of parts, the motion timing and the connection logic in greycard, as untextured grey renders. That review checked the sequence the film shows. It was not a measurement of the parts or a test of the physical ramp.

Nanuskate modular ramp greycard render, the packed parts on their trolley beside an assembled section
Greycard: the packed parts on their trolley beside an assembled section.
Nanuskate modular ramp greycard render, a deck panel lowering onto the frame
Greycard: a deck panel lowering onto the frame.
Nanuskate modular ramp greycard render, the assembled ramp with both ends in place
Greycard: the assembled ramp with both ends in place.

For a product that has to be shown in steps, see how we approach exploded-view animation and how CGI can visualise a product before production. If your product needs the same treatment, bring the assembly order, the source files you have and where the film will appear, and discuss a similar project. A full brief is optional.

Assembly

The ramp goes together.

A build-up of the Nanuskate ramp assembly, cut from the launch film.

Ramp assembly build-up, 9 seconds. Three cuts from the launch film rather than one continuous shot.

Behind the Scenes

A pipeline built for visual consistency.

Every shot was developed inside one CGI pipeline, same models, same lighting language, same materials. The result is a library of assets planned for web, social and decks.

The deliverable

A launch render library from one pipeline.

Hero stills, technical passes and lifestyle compositions, all built from the same CGI pipeline so the Nanuskate visual language stays consistent across product pages, decks and paid social.

Hero stills

Lifestyle stills, modular ramp library

Nanuskate modular skate ramp animation still, full assembly hero render
Nanuskate modular skate ramp still 02, alternate hero angle
Nanuskate modular skate ramp still 07, installed lifestyle composition
Nanuskate modular skate ramp still 08, assembled ramp lifestyle scene
Nanuskate modular skate ramp still 11, square hero composition
Nanuskate modular ramp packed on its transport trolley, deck panels loading beside a wheeled dolly

Engineering review

Technical passes, AO, raw and normals

Nanuskate ambient occlusion pass, modular ramp technical render
Nanuskate raw pass, untextured ramp geometry render
Nanuskate normals pass, surface direction technical render

What challenges were there during production?

Studio Commentary.

The ramp required a specific order in which the parts must be assembled.

Showing this in a clear, consumable way required communication with the client to ensure that it was completely, technically accurate.

We built a clean, step-by-step assembly sequence which shows the journey from parts to full assembly.

Jack Robertson, the lead 3D artist on this project, planned the film in a square composition with guides showing the landscape and vertical delivery areas. Checking those frames during production kept the important action inside each format without reanimating the shots for the vertical cut.

Client Review

“Exceptional to work with, very creative and would thoroughly recommend. The team took the time to fully understand what we required, hit the timescales and were a pleasure to work with.”

Colin MacandrewNanuskate

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.