Product films, launch visuals and interactive experiences.

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

G-Lab

Keyz Hydrogen Gaming Keyboard Animation.

XO3D’s 40-second product launch animation for the G-Lab Keyz Hydrogen, a compact RGB 60% gaming keyboard. Photoreal CGI, custom sound design and a colour-rich brand story for the product launch.

Project at a glance

A launch-ready animation suite, end-to-end.

Client and product

G-Lab, Keyz Hydrogen (60% format)

Sector

Gaming Peripherals / Consumer Tech

Project Type

Product Launch Animation

Services

3D Animation, 3D Rendering

Software

Cinema 4D, Adobe Creative Cloud

Year

2024

Deliverables supplied

  • 40-second hero launch animation with sound design
  • Lighting sequences and product colourway showcase
  • Key construction and compact form close-ups
  • Multi-colourway showcase across the Keyz Hydrogen range
  • Size and form factor context, 60% compact layout
  • Cross-channel cuts for web, social and product pages

This list records what XO3D delivered. It does not record where G-Lab placed each cut or how it performed. Watch the 40-second Keyz Hydrogen film on its own page.

Listen to this page8 min · AI narration
Read audio transcript

Hero film

The full hero film.

40 seconds, music and sound design with no spoken words. What you see: a Keyz Hydrogen title card, close-ups of the keys and G-Lab logo, a cutaway through the layers beneath the keys, a grid of colourways, the board above a glowing full-size outline, RGB lighting against coloured panels, and the G-Lab end card.

The Brief

Light, detail and compact form in 40 seconds.

G-Lab needed an animated showcase for the Keyz Hydrogen, their compact RGB 60% gaming keyboard, covering its distinctive features and colour options in a single, share-ready launch piece.

The brief called for vivid visuals, modern graphic overlays and an energetic soundtrack, designed to highlight the keyboard’s sleek look, RGB lighting, quiet keys and ergonomic build, all seamlessly carrying the G-Lab brand identity.

We delivered a director-led 3D product animation with bespoke sound design, engineered to engage the audience, communicate the product story and drive viewers to explore or buy directly from the G-Lab website.

Planning something similar? Plan a product film around the features that matter, plan sound with picture rather than after it, and prepare your launch brief with the template.

Project answer

Why use CGI for this project?

  1. What we made

    XO3D created a 40-second launch animation for G-Lab's Keyz Hydrogen compact RGB gaming keyboard.

  2. Why CGI

    CGI brought the RGB lighting, quiet keys, ergonomic form and colour options together in one controlled visual sequence with bespoke sound design.

  3. What was delivered

    G-Lab received a hero film and cross-channel cuts for web, social and product pages.

The Work

From hero film to macro detail, one pipeline.

A CGI library: a cinematic 40-second hero film, lighting sequences, exploded views, macro details and a colourway montage, produced from the same 3D product model to keep the product appearance consistent across shots. Our guide explains how this type of exploded view works.

  1. 01Hero Film

    A 40-second product launch story.

    The headline animation pairs photoreal CGI with energetic motion graphics and a custom soundtrack, bringing the Keyz Hydrogen lighting, construction and colourways together in a 40-second launch film. The loop here is a short excerpt: a black board settles above the black, white and orange colourway, so two finishes read in one frame.

  2. 02RGB Lighting

    RGB lighting, brought to life in CGI.

    RGB backlighting is shown through changing light and reflection. Colour runs along the key edges and around the G-Lab logo as the light shifts, and camera movement carries it through the film, so the backlighting reads while the keys and compact form stay visible.

  3. 03Exploded View

    Key construction, brought into view.

    The escape-key sequence exposes construction. The keycap lifts away to show the part beneath it, and the close camera position gives that detail its own moment within the wider launch story.

  4. 04Macro Detail

    A closer look at the keys.

    The macro pass isolates small detail. The camera moves across the layers beneath the keys, translucent domes over a printed circuit layer, parts that are hidden in the wider product shots. Lighting and framing give those small components a clear place in the sequence.

  5. 05Colourways

    Colourways in motion.

    A rapid colour-flick montage moves through white, black, blue, grey and orange accent treatments. The repeated camera framing lets each colour change be read at a glance while retaining the pace of the launch film.

  6. 06Form Factor

    60% layout, communicated at a glance.

    The Keyz Hydrogen is a compact 60% keyboard. A size-comparison sequence floats the board above the glowing outline of a full-size keyboard, so the compact footprint is communicated without a measurement on screen.

Marketing-Ready Assets

4K stills for product pages, paid and decks.

A library of 4K product renders covering every colourway in the Keyz Hydrogen range, drop-in ready for the product page, Amazon listing, paid social and retail partner assets. Our guide shows how stills like these fill A+ content modules.

G-Lab Keyz Hydrogen 4K still, black, white and orange colourway on an orange background
G-Lab Keyz Hydrogen 4K still, black and grey colourway on a grey background
G-Lab Keyz Hydrogen 4K still, blue, white and red colourway on a navy background
G-Lab Keyz Hydrogen 4K still, grey and black colourway on a grey background
G-Lab Keyz Hydrogen 4K still, all-white colourway on a pale grey background
G-Lab Keyz Hydrogen family shot, every colourway laid out on a dark surface

Attention to detail

Macro close-ups across every colourway.

High-resolution macro renders show the lighting, key construction and accent colour treatments of the Keyz Hydrogen.

G-Lab Keyz Hydrogen close-up, black keys and the G-Lab logo on the frame
G-Lab Keyz Hydrogen close-up, white keys with black function keys and an orange space bar
G-Lab Keyz Hydrogen close-up, white keys with blue function keys and a red space bar

What challenges were there during production?

Studio Commentary.

Composing a soundtrack for a finished animation is its own discipline, the music has to sync to the visuals, support the emotional beats and never overshadow the product story.

We solved this through close, iterative collaboration between the animation team and the composer, locking timings, sweetening transitions and tuning sound design to the lighting sequences and product movement.

The result is a 40-second piece where audio and visuals reinforce each other beat-for-beat, landing the Keyz Hydrogen brand identity in a single, cohesive launch asset.

Motion Detail

Macro animation passes, RGB, type feel and brand.

Beyond the headline film, a set of focused motion passes isolates the details that matter most to a gaming audience, the typing feel, the RGB lighting, the brand logo treatment and the alternate colourway story.

Colourway Story

Every SKU, side by side.

A composite 4-grid frame and the final colour-flick animation, side by side, showing how the same CGI source delivered every colourway in the Keyz Hydrogen range without re-shooting a single product.

Work with us

Premium product CGI, built around your launch.

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.