Projekte / Fallstudie
Parkett Wackenhut: den neuen Boden sehen, bevor er liegt
Parkett Wackenhut ist ein Parkettlegermeister in Schwäbisch Hall. Für die neue Website hat Sulexo einen 3D-Raum gebaut, in dem Besucher Fischgrät, Landhausdiele oder Nussbaum selbst auslegen, bevor sie anrufen.
- Kunde
- Parkett Wackenhut
- Branche
- Parkett verlegen, schleifen, sanieren und versiegeln
- Standort
- Schwäbisch Hall
- Leistung
- Konzept, Gestaltung, 3D-Raum, Umsetzung
- Umfang
- Einseitige Website mit 3D-Planer, Leistungen, Ablauf und Anfrage
- Stand
- Entwurf, noch nicht online
Ausgangslage
Einen Parkettboden sucht man schlecht aus einem Katalog aus. Wer renoviert oder baut, möchte wissen, wie Fischgrät oder eine helle Landhausdiele in einem echten Raum wirkt, und vergleicht dafür Handwerker aus der Region am Handy oder Laptop.
Parkett Wackenhut hatte bisher keine eigene Website. Die erste sollte deshalb nicht nur Leistungen aufzählen, sondern den Boden zeigen, bevor das erste Gespräch stattfindet, und den Weg zum Anruf oder zur Anfrage so kurz wie möglich machen.
Lösung
Drei Böden, ein Raum, ein Klick
Der Raum lässt sich mit Maus oder Finger drehen. Rechts liegen drei Holzmuster: Fischgrät in Eiche natur, eine gebürstete und weiß geölte Landhausdiele und amerikanischer Nussbaum. Das Schriftfeld nennt zu jedem Boden Holz, Format und Verlegeart.
Der Boden wird verlegt, nicht ausgetauscht
Wählt man ein anderes Holz, springt der Boden nicht einfach um. Er wird Reihe für Reihe vom Fenster aus neu verlegt, eine Bleistiftlinie fährt dabei über den Raum. So sieht der Besucher in einer Sekunde, worum es in diesem Handwerk geht. Wer im Betriebssystem weniger Bewegung eingestellt hat, bekommt den neuen Boden sofort.
Die Sprache der Werkstatt
Die ganze Seite ist als Verlegeplan auf Zeichenpapier gestaltet. Die Leistungen stehen als Detailzeichnungen mit Maßstab da, vom Bodenaufbau bis zum Schleifen, der Ablauf vom Anruf bis zum fertigen Boden als Maßkette. Die Linien zeichnen sich beim Scrollen wie mit dem Bleistift ein.
Die Anfrage kennt den Wunschboden
Der Knopf im Schriftfeld führt direkt zur Anfrage, und der im Raum gewählte Boden steht dort schon im Formular. Auf dem Smartphone liegen die Holzmuster unter dem Raum, damit der Daumen sie erreicht.
Die ganze Seite
Einmal von oben bis unten: Scrollen Sie weiter, die Seite läuft im Fenster mit.Einmal von oben bis unten: Im Fenster scrollen, um die ganze Seite zu sehen.
Ergebnis
Geliefert
- 3D-Raum mit drei umschaltbaren Böden, drehbar mit Maus und Finger
- Leistungen, Ablauf und Kontaktdaten des Betriebs
- Anfrageformular mit Prüfung der Eingaben, das den gewählten Boden übernimmt
- Ersatzansicht für Geräte ohne 3D-Grafik: das Holz im Detail statt eines leeren Rahmens
Noch offen
- Im Entwurf ist der Versand des Formulars noch gesperrt; Impressum und Datenschutz folgen vor dem Start.
Technik
- Aufbau
- React mit Vite, als schnelle einseitige Website
- 3D
- Three.js über React Three Fiber; das Raummodell entsteht per Skript in Blender
- Holz
- Die Holzbilder werden im Browser berechnet, bis echte Holzscans aus dem Betrieb vorliegen
- Schriften
- Barlow, Barlow Condensed und Architects Daughter, selbst gehostet
- Barrierefreiheit
- Holzwahl als echte Auswahlfelder, per Tastatur bedienbar; reduzierte Bewegung wird beachtet
Haben Sie ein Projekt im Kopf?
Beschreiben Sie kurz Ihr Vorhaben. Ich melde mich mit einer ersten Einschätzung zurück.
Projekt anfragen