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.
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
Pavillon-Hero: Aufbau, Explosion, BlueprintProzess, Kapitel einsProzess, Kapitel ProduktionMessen 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
01
Eine Bühne
Eine einzige Echtzeit-Pavillon-Szene bleibt auf dem Bildschirm, statt getrennter Hero-Bilder.
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.
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.
Next.js 16
React 19
three.js
React Three Fiber
Tailwind CSS 4
Caddy
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.
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 DigitalFallstudie ansehen →
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 KundenarbeitFallstudie ansehen →
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 KundenarbeitFallstudie ansehen →
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.