- Art
- Konzeptarbeit, ausgedachte Marke
- Gebaut
- Oktober 2026, live seit 16.10.
Hiebwerk
Ein Regalsystem aus Flachstahl, geplant im Browser. Breite, Höhe und Material stellt man ein, das Regal steht sofort in 3D da, und auf Knopfdruck fährt es in seine Teile auseinander.
Die Geschichte ist ausgedacht: eine ehemalige Feilenhauerei in Remscheid, deren dritte Generation aus dem Flachstahl der Feilenrohlinge Regale baut. Die Gestaltung folgt daraus: Stahlgrau mit einer Signalfarbe für Maße und Preis, und das Regal erscheint zuerst als technische Zeichnung.
Die Regeln des Systems setzt der Konfigurator selbst durch: Multiplex trägt nur bis 64 cm Feldbreite, ab 128 cm Höhe kommen Diagonalkreuze dazu, ab 160 cm sind Wandanker Pflicht. Ist eine Wahl gesperrt, steht der Grund daneben. Die Positionsnummern der Explosion sind dieselben wie in der Stückliste, und wer über eine Zeile fährt, sieht das Teil im Bild aufleuchten.
3D-Ansicht, Preis und Stückliste kommen aus einem Datenmodell in TypeScript. Die ganze Konfiguration steckt in der Adresse, ein geteilter Link zeigt genau dieses Regal. Bei der Testbestellung rechnet ein Cloudflare Worker den Preis noch einmal nach und lehnt abweichende Summen ab; Name und Anschrift verlassen den Browser nicht.
hiebwerk.honrodt.de
Technik
- Sprache
- TypeScript, Vite
- 3D
- Three.js, Geometrie aus dem Code
- Bewegung
- GSAP, ScrollTrigger
- Kasse
- Cloudflare Worker prüft Preis und Maße
- Prüfung
- 39 automatische Prüfungen
- Lighthouse
- 100 Barrierefreiheit, Desktop 99 bis 100