Zum Inhalt springen
LATYNEX
Von LATYNEX Digital für ein Messestand-Studio gebaute WebsiteInteraktive 3D-Marketing-Website

SPATIUM — interaktive 3D-Website für ein Messebau-Studio

Eine 3D-Website für ein Studio für Messestand-Design und -Produktion, aufgebaut um eine einzige dauerhafte Pavillon-Szene.

SPATIUM — interaktive 3D-Website für ein Messebau-Studio

Geschäftliche Herausforderung

Welches Problem es löst

Ein Studio für Standdesign verkauft räumliches Denken, das flache Vorlagen nicht zeigen können. Die Website sollte zeigen, wie aus einer Idee ein gebauter Raum wird, und dabei auf Smartphones schnell und lesbar bleiben.

Lösung

Was LATYNEX Digital gebaut hat

Eine scrollgesteuerte 3D-Erzählung auf einer dauerhaften Bühne mit zurückhaltender Typografie und Layouts, host-weise lokalisiert, sodass jede Sprache ihre eigene Adresse hat.

Was es zeigt

Was dieses Projekt über unsere Möglichkeiten zeigt

  • Eine interaktive 3D-Marketing-Website: eine dauerhafte WebGL-Echtzeitszene mit scrollgesteuerten Zuständen für Aufbau, Explosion und Blueprint.
  • Für Smartphones ebenso gebaut wie für Desktop: responsive Layouts, ein mobiler Hero und hostbasiertes Locale-Routing in einem einzigen Dienst.

Wie dieselbe Fähigkeit einem anderen Unternehmen dienen könnte

Ein Studio, ein Hersteller oder ein Eventunternehmen könnte ein Produkt oder einen Raum in Bewegung zeigen und die Website dabei auf Mobilgeräten schnell und lesbar halten.

Business-Website-Entwicklung

Wichtige Funktionen

Was darin steckt

Was wir gebaut haben

  • Hero mit Zuständen für Aufbau, Explosion und Blueprint
  • Fünf Prozesskapitel auf derselben 3D-Bühne
  • Richtungsseiten mit Standvisualisierungen
  • Responsive Layouts und mobiler Hero
  • Selbst gehostete Auslieferung mit automatisiertem TLS

Fähigkeiten im Code

  • WebGL-Echtzeitszene mit scrollgesteuerten Zuständen
  • Hostbasiertes Locale-Routing in einem einzigen Dienst
  • Paritätsregel, damit übersetzte Seiten nie mehr zeigen als die freigegebene englische Website

Produktvorstellung

Das Produkt, Bildschirm für Bildschirm

SPATIUM-Hero-Szene auf Desktop und Smartphone
Pavillon-Hero: Aufbau, Explosion, Blueprint
SPATIUM-Prozess, Kapitel eins: Konzept-Drahtgitter
Prozess, Kapitel eins
SPATIUM-Prozesskapitel Produktion mit einem gerenderten Stand
Prozess, Kapitel Produktion
SPATIUM-Richtungsseite Messen
Messen und Richtungen

Die Bildschirme zeigen den Live-Review-Build der Website; die 3D-Szene wird in Echtzeit gerendert.

So funktioniert es

Von der Eingabe zum Ergebnis

  1. 01

    Eine Bühne

    Eine einzige Echtzeit-Pavillon-Szene bleibt auf dem Bildschirm, statt getrennter Hero-Bilder.

  2. 02

    Eine scrollgesteuerte Geschichte

    Der Hero baut sich auf, zerlegt sich und wird zum Blueprint und geht dann in einen Prozess mit fünf Kapiteln über.

  3. 03

    Richtungsseiten

    Messen, Markenerlebnisse und Kunstinstallationen werden mit gerenderten Visualisierungen präsentiert.

Technischer Ansatz

Wie es technisch aufgebaut ist

Next.js 16 und React 19 mit three.js und React Three Fiber für die 3D-Szene, gestaltet mit Tailwind CSS 4, ausgeliefert von einem einzigen Node-Dienst hinter Caddy auf der LATYNEX-Infrastruktur.

Status und Grenzen

Was diese Seite behauptet – und was nicht

  • Das aktuelle Deployment ist ein Review-Build, den Suchmaschinen nicht indexieren sollen.
  • Es werden nur englischsprachige Bildschirme gezeigt. Es werden keine Zahlen zu Traffic, Rankings oder Anfragen behauptet.

Passende Leistungen

Etwas Ähnliches bauen

Weitere ausgewählte Arbeiten

LATYNEX Digital — Unternehmenswebsite / Webplattform
12Web

LATYNEX Digital

Die mehrsprachige Webplattform der Agentur: eine cineastische Startseite und strukturierte Leistungsseiten für KI, Workflow-Automatisierung und individuelle Software.

  • Videogeführte cineastische Startseite
  • Strukturierte Leistungs- und Ratgeberseiten
  • Sprachversionen mit Einwilligungsbanner
Die eigene Website von LATYNEX Digital
LATYNEX Travel — Inhaltsgetriebene Webplattform mit Daten-Pipeline
09Content-Plattform

LATYNEX Travel

Ein inhaltsgetriebener Katalog, der zeigt, wie man von Flughäfen, Bahnhöfen und Häfen in die Stadt kommt, mit veröffentlichten Fahrzeiten, Betreibern und Fahrgastrechte-Ratgebern.

  • Länder-, Stadt- und Gateway-Hubs
  • Routenseiten mit Vergleich von Verkehrsmitteln und Betreibern
  • Fahrgastrechte- und Serviceratgeber mit Quellen
Eigenes Produkt – keine Kundenarbeit
LATYNEX Labs — Öffentliche Vergleichsplattform mit internem Back-Office für Veröffentlichung und Verifizierung
08Content-Plattform

LATYNEX Labs

Eine öffentliche Softwarevergleichs-Website und die interne Publikationsplattform dahinter, gebaut so, dass jeder Preis und jede Angabe eine Quelle und ein Prüfdatum trägt.

  • Öffentlicher Katalog, Filter, Vergleich und Rechner
  • Faktenverifizierung mit Quellennachweis
  • Guide-Editor, geplante Prüfungen und Quellenregister
Eigenes Produkt – keine Kundenarbeit

Brauchen Sie etwas wie SPATIUM?

Sagen Sie uns, was heute nicht funktioniert. Sie erhalten eine ehrliche Antwort darauf, was dafür nötig wäre und ob wir das richtige Team dafür sind.