kreatikaos·uptime 99.98%/last deploy 14h ago
// CASE · TRUBLUE · 2025

Eine Industriemarke
mit eigenem 3D-Konfigurator.

Industriemarke neu aufgesetzt: Identity, Web und 3D-Konfigurator unter einem Dach. Statische Produktfotos wurden durch Realtime-Materialvorschau ersetzt — Bounce-Rate halbiert.

// case · meta● live
ClientTruBlue
Year2025
RoleBrand · Web · 3D
StackThree.js · GLSL · Next.js · KREATIKACMS
Metric−48% · Bounce-Rate
−48%
Bounce-Rate
Outcome · gemessen p75
// case · narrative
// problem
/ 01

Erklärungsbedarf in PDF.

Erklärungsbedürftige Materialwirkung in einer Industrieumgebung — statische Produktfotos reichten nicht, Konfigurationen lagen als PDF-Listen vor, Brand-Signals wirkten austauschbar.

// approach
/ 02

Realtime statt PDF.

Identity-System mit klarer Wordmark und Type-Pairing. Web auf Next.js. Konfigurator in Three.js mit eigenen GLSL-Shadern für Beschichtungssimulation — sichtbar, drehbar, sofort.

// outcome
/ 03

Drei mal mehr Aufmerksamkeit.

Realtime-Vorschau ersetzt PDF-Konfiguration komplett. Bounce-Rate um 48 % gesenkt, durchschnittliche Session-Dauer verdreifacht, Vertrieb arbeitet mit Live-Visualisierung statt Datenblatt.

configurator · interactive

Konfigurator. Live. Realtime.

Realtime-Vorschau auf eigener Engine. Materialien, Beschichtungen, Lasereffekte direkt im Browser drehbar — ohne Plugin, ohne Download, ohne Compromise.

NODE · A1K · MARK 06
3D EXTRUSION · 22 LAYER● LIVE
// outcome · numbers
F/01
−48%
Bounce-Rate
F/02
Session-Dauer
F/03
0 PDF
Konfigurationsliste