← SELECTED WORK / 001

Vitreonique
GX–8.

SELF-INITIATED CONCEPT / 2026

An imagined robotic octopus.
A real, interactive product experience.

Launch 3D experience ↗
DRAG TO ROTATE · SCROLL TO ZOOM
PROJECT TYPEConcept study
FOCUSProduct storytelling
DELIVERABLEInteractive website
TECHNOLOGYThree.js / WebGL
01 / THE IDEA

What if a product page
could reveal the whole story?

A static image can show the surface. This project explores what happens when visitors can rotate a product, inspect its components, and take the whole assembly apart.

The visual starting point was a reference image of a glass robotic octopus. The result is a procedural interpretation: an organic silhouette built from mechanical geometry, with a transparent mantle and a mint-lit core.

This is a concept recreation, not a commissioned client project or a verified engineering model. Hidden components are illustrative.

02 / THE INTERACTION

From first impression
to closer inspection.

01

Turn it around.

Drag to orbit the model and scroll to adjust your distance. A slow automatic rotation invites exploration.

02

Follow the details.

Component tabs shift the view, separate an assembly, and explain its place in the overall design.

03

Take it apart.

A smooth exploded view reveals the shell, core, optics, roots, arms, and lower chassis.

04

Watch it unfold.

A looping cinematic sequence tours the parts and rebuilds the assembly. A portrait layout supports vertical presentation.

03 / THE PROCESS
OBSERVE

Find the visual language.

Separate the reference into its main forms: glass mantle, dark core, optical rings, radial joints, and segmented arms.

BUILD

Turn shapes into a system.

Use spheres, cylinders, tubes, and rings to construct a model entirely from code. Organize the anatomy into six independent assemblies.

CHOREOGRAPH

Make the complexity legible.

Use motion, labels, and focused descriptions to help visitors understand the relationship between components.

REFINE

Give the model room to breathe.

A quiet neutral canvas, restrained mint accents, and responsive controls keep the object at the center of the experience.

EXPERIENCE THE RESULT

Go ahead.
Take a closer look.

Explore Vitreonique GX–8 ↗
YOUR NEXT PROJECT

Give your product
a new dimension.

↗Let’s make something worth exploring ↗