Skip to content
LATYNEX
Website built by LATYNEX Digital for an exhibition-stand studioInteractive 3D marketing website

SPATIUM — Interactive 3D Exhibition Website

A 3D website for an exhibition-stand design and production studio, built around one persistent pavilion scene.

Discuss an Interactive Web Project
SPATIUM interactive 3D exhibition website

Business challenge

The problem it solves

A stand-design studio sells spatial thinking, which flat templates cannot show. The site needed to demonstrate how an idea becomes a built space while staying fast and readable on phones.

Solution

What LATYNEX Digital built

A scroll-driven 3D narrative on one persistent stage, with restrained typography and layouts, localised host by host so that each language has its own address.

What it demonstrates

What this shows we can build

  • An interactive 3D marketing website: one persistent real-time WebGL scene with scroll-driven assemble, explode and blueprint states.
  • Built for phones as well as desktop: responsive layouts, a mobile hero and host-based locale routing on a single service.

How the same capability could serve another business

A studio, manufacturer or event business could show a product or a space in motion while keeping the site fast and readable on mobile.

Business Website Design

Key capabilities

What is in it

What we built

  • Hero with assemble, explode and blueprint states
  • Five-chapter process on the same 3D stage
  • Direction pages with stand visualisations
  • Responsive layouts and mobile hero
  • Self-hosted delivery with automated TLS

Capabilities in the code

  • Real-time WebGL scene with scroll-driven states
  • Host-based locale routing on a single service
  • Parity rule so translated pages never show more than the approved English site

Product showcase

The product, screen by screen

SPATIUM hero scene on desktop and mobile
Pavilion hero: assemble, explode, blueprint
SPATIUM process chapter one: concept wireframe
Process, chapter one
SPATIUM process production chapter with a rendered stand
Process, production chapter
SPATIUM exhibitions direction page
Exhibitions and directions

Screens show the live review build of the site; the 3D scene is rendered in real time.

How it works

From input to outcome

  1. 01

    One stage

    A single real-time pavilion scene stays on screen instead of separate hero images.

  2. 02

    A scroll-driven story

    The hero assembles, explodes and turns into a blueprint, then continues into a five-chapter process.

  3. 03

    Direction pages

    Exhibitions, brand experiences and art installations are presented with rendered visualisations.

Technical approach

How it is engineered

Next.js 16 and React 19 with three.js and React Three Fiber for the 3D scene, styled with Tailwind CSS 4, served by a single Node service behind Caddy on LATYNEX infrastructure.

Status and limits

What this page does and does not claim

  • The current deployment is a review build that search engines are asked not to index.
  • Only English-language screens are shown. No traffic, ranking or enquiry figures are claimed.

Related solutions

Build something similar

More selected work

Related case studies

LATYNEX Digital — Corporate website / web platform
12Web

LATYNEX Digital

The agency's own multilingual web platform: a cinematic homepage and structured service pages for AI, workflow automation and custom software.

  • Video-led cinematic homepage
  • Structured service and guide pages
  • Language versions with a consent banner
LATYNEX Digital's own website
LATYNEX Travel — Content-led web platform with a data pipeline
09Content platform

LATYNEX Travel

A content-led catalogue that shows how to get from airports, stations and ports into town, with published journey times, operators and passenger-rights guides.

  • Country, city and gateway hubs
  • Route pages comparing modes and operators
  • Passenger-rights and service guides with sources
In-house product — not external client work
LATYNEX Labs — Public comparison platform with an internal publishing and verification back office
08Content platform

LATYNEX Labs

A public software comparison site and the internal publishing platform behind it, built so that every price and fact carries a source and a check date.

  • Public catalogue, filters, comparison and calculator
  • Fact verification with source provenance
  • Guide editor, scheduled checks and source register
In-house product — not external client work

Need something like SPATIUM?

Tell us what is not working today. You get a straight answer on what it would take, and whether we are the right team to do it.

Discuss an Interactive Web Project