![konfigurator webgl header heroal](/assets/work/heroal-haustuer/konfigurator-webgl-header-heroal.jpg)
Haustürkonfigurator
Individuelles Design, Innovation und Qualität - dafür steht heroal als eines der führenden Aluminium-Systemhäuser seit nun mehr als 140 Jahren. Mit einer Vielzahl an Möglichkeiten bietet heroal seinen Kunden schon heute die Tür von morgen! Damit die eigene Haustür direkt selbst zusammengestellt werden kann, wurde redPlant mit der Umsetzung des heroal Haustürkonfigurators beauftragt.
![konfigurator webgl responsive design heroal](/assets/work/heroal-haustuer/konfigurator-webgl-responsive-design-heroal.jpg)
Bewährtes Haustürsystem
Verschiedene Bauformen, Türbänder oder auch Griffleisten. heroal bietet seinen Kunden funktionale Vielseitigkeit mit vielen Optionen rund um das Konfigurieren seiner heroal D 72 Haustür. Dank des Responsive Designs kann die Planung der individuellen Haustür unterwegs auf dem Smartphone oder am Computer im Büro entstehen. Der Konfigurator passt sich den verschiedenen Displaygrößen an.
![konfigurator webgl rollentuerband flaechenbuendig heroal](/assets/work/heroal-haustuer/konfigurator-webgl-rollentuerband-flaechenbuendig-heroal.png)
Türbänder
Rollen- oder Aufsatztürbänder in vielen verschiedenen Farben.
![konfigurator webgl tuerdruecker heroal](/assets/work/heroal-haustuer/konfigurator-webgl-tuerdruecker-heroal.png)
Türdrücker
Insgesamt drei ergonomische Türdrücker für die Türinnenseite.
![konfigurator webgl fingerprint heroal](/assets/work/heroal-haustuer/konfigurator-webgl-fingerprint-heroal.png)
Keyless Entry
Das Haus per Fingerabdruck betreten - ganz ohne Schlüssel!
![konfigurator webgl griffleiste led heroal](/assets/work/heroal-haustuer/konfigurator-webgl-griffleiste-led-heroal.png)
Griffleisten
Individuelle Gestaltung der Griffleiste in Farbe, Länge und LED-Beleuchtung.
![konfigurator webgl farbpalette tuer heroal](/assets/work/heroal-haustuer/konfigurator-webgl-farbpalette-tuer-heroal.png)
Exzellentes Farbspiel
Auf Basis der exklusiven Partnerschaft von heroal und Les Couleurs® Le Corbusier entstand unter anderem das einmalige Farbkonzept für die Innen- und Außendarstellung der heroal D 72 Haustür. Anhand des Les Couleurs® Le Corbusier Farbspektrums werden die hochwertigen Materialien im Konfigurator virtuell nachgebildet.
![konfigurator webgl sd material antek heroal](/assets/work/heroal-haustuer/konfigurator-webgl-sd-material-antek-heroal.jpg)
![konfigurator webgl sd material beton heroal](/assets/work/heroal-haustuer/konfigurator-webgl-sd-material-beton-heroal.jpg)
![konfigurator webgl sd material douglasie dunkel heroal](/assets/work/heroal-haustuer/konfigurator-webgl-sd-material-douglasie-dunkel-heroal.jpg)
![konfigurator webgl sd material kirschbaum hell heroal](/assets/work/heroal-haustuer/konfigurator-webgl-sd-material-kirschbaum-hell-heroal.jpg)
![konfigurator webgl sd material nussbaum heroal](/assets/work/heroal-haustuer/konfigurator-webgl-sd-material-nussbaum-heroal.jpg)
![konfigurator webgl sd material rost heroal](/assets/work/heroal-haustuer/konfigurator-webgl-sd-material-rost-heroal.jpg)
![konfigurator webgl sd material walnuss heroal](/assets/work/heroal-haustuer/konfigurator-webgl-sd-material-walnuss-heroal.jpg)
![konfigurator webgl sd material walnuss rau heroal](/assets/work/heroal-haustuer/konfigurator-webgl-sd-material-walnuss-rau-heroal.jpg)
Surface Design Materialien
2019 brachte heroal noch mehr Individualität in die Haustürgestaltung, indem eine Auswahl der heroal Surface Design Materialien in den Konfigurator integriert wurden. In der Realität werden hierfür die Profile der Haustür in einem Vakuumverfahren in Folie eingeschweißt und unter Hitzeeinwirkung wird das gewünschte Design eingebrannt. So kann die Oberfläche der Haustür beispielsweise in einer ansprechenden Holz-, Beton oder Rostoptik glänzen.
![konfigurator webgl out blue heroal](/assets/work/heroal-haustuer/konfigurator-webgl-out-blue-heroal.png)
![konfigurator webgl out white heroal](/assets/work/heroal-haustuer/konfigurator-webgl-out-white-heroal.png)
![konfigurator webgl out red heroal](/assets/work/heroal-haustuer/konfigurator-webgl-out-red-heroal.png)
![konfigurator webgl in white heroal](/assets/work/heroal-haustuer/konfigurator-webgl-in-white-heroal.png)
![konfigurator webgl in creme heroal](/assets/work/heroal-haustuer/konfigurator-webgl-in-creme-heroal.png)
![konfigurator webgl in gray heroal](/assets/work/heroal-haustuer/konfigurator-webgl-in-gray-heroal.png)
![konfigurator webgl in left heroal](/assets/work/heroal-haustuer/konfigurator-webgl-in-left-heroal.png)
![konfigurator webgl in out middle heroal](/assets/work/heroal-haustuer/konfigurator-webgl-in-out-middle-heroal.png)
![konfigurator webgl in right heroal](/assets/work/heroal-haustuer/konfigurator-webgl-in-right-heroal.png)
In Szene setzen
Innen oder außen? Schlicht für sich oder in Szene gesetzt? Der Konfigurator lässt die heroal D 72 Haustür im rechten Licht erscheinen. Unterschiedliche Szenen inklusive der Anpassung an die Vor-Ort-Bedingungen des Kunden vermittelt jedem den gewünschten Eindruck seines Eingangsbereichs.
Einzigartig
Jede Zusammenstellung einer heroal D 72 Haustür ist einzigartig! Eindeutige IDs im Konfigurator ermöglichen die Speicherung via E-Mail-Versand und das erneute Aufrufen der individuellen Haustürkonfiguration.
![konfigurator webgl datenblatt3 heroal](/assets/work/heroal-haustuer/konfigurator-webgl-datenblatt3-heroal.png)
Der Kunde ist König
Über den Konfigurator ist eine direkte Anfrage der gewünschten Haustürkonfiguration möglich. Für eine einfache Kommunikation wird das automatisch generierte Datenblatt mit allen wichtigen Informationen direkt der E-Mail-Konversation angehängt.
Auf gute Partnerschaft
Durch die Anbindung an die heroal Fachpartner Datenbank ist die Ausspielung des Konfigurators mit angepasstem Anfrageprozess für die verschiedenen Fachpartner möglich.
![konfigurator webgl fachpartner datenbank heroal](/assets/work/heroal-haustuer/konfigurator-webgl-fachpartner-datenbank-heroal.jpg)
![konfigurator webgl sprachen heroal](/assets/work/heroal-haustuer/konfigurator-webgl-sprachen-heroal.png)
Deutsch, Englisch oder doch Französisch?
Der Konfigurator verfügt über eine erweiterungsfähige Mehrsprachigkeit. Anhand der Spracheinstellung des Browsers wird automatisch die gewünschte Sprache ausgewählt. Ein nachträglicher Wechsel auf eine andere Sprache ist jederzeit möglich.
Physikalisch korrekt
Alle Materialien im heroal Haustürkonfigurator wurden als sogenannte PBR Materialien integriert. Das zugrundeliegende Physical Based Rendering (PBR) zielt darauf ab, dass das Zusammenspiel von Oberflächenbeschaffenheit und Lichteinstrahlung und dem daraus resultierenden Reflektions- und Absorptionsverhalten durch mathematische Annäherung nahezu realistisch nachgebildet und visualisiert werden kann.
![konfigurator webgl surface viewer heroal](/assets/work/heroal-haustuer/konfigurator-webgl-surface-viewer-heroal.jpg)
Das gesamte Portfolio ...
Alle im 3D Konfigurator verwendeten Materialien dienen nicht nur der Haustürgestaltung, sondern finden in der gesamten heroal Produktfamilie ihren Einsatz. Daher wurde 2020 mit dem heroal Oberflächenkonfigurator eine Auskopplung des 3D Konfigurators veröffentlicht, der sich ausschließlich der Präsentation der verschiedenen Oberflächen widmet.
![konfigurator webgl surface viewer sample heroal](/assets/work/heroal-haustuer/konfigurator-webgl-surface-viewer-sample-heroal.png)
... auf wenigen cm²
Für den Oberflächenkonfigurator werden die Materialien anstatt auf dem konkreten Produkt auf einer kleinen Musterplatte visualisiert. Je nachdem, in welchem Kontext der Viewer zum Einsatz kommt, kann die initial gewählte Materialkategorie und somit auch das initial visualisierte Material vorkonfiguriert werden. So können sich Kunden als auch Händler von den heroal Oberflächen überzeugen.
Features
WebGL
Der Konfigurator wurde in WebGL umgesetzt und ist ohne Plugins auf allen gängigen Browsern verfügbar.
Responsive Design
Der heroal Haustürkonfigurator ist dank seines Responsive Designs auf nahezu allen Endgeräten verfügbar.
Individuelle ID
Jede Konfiguration wird mit einer individuellen ID versehen und kann jederzeit wieder aufgerufen werden.
Interner Modus
Im internen Modus des Konfigurators können hochauflösende Bilder für Werbezwecke erstellt werden.
Branding
heroal stellt den Konfigurator seinen Fachpartnern zur Nutzung auf der eigenen Website zur Verfügung.
Datenblatt
Für jede Konfiguration kann jederzeit ein Datenblatt erstellt werden, das alle wichtigen Daten beinhaltet.
Mehrsprachig
Der Konfigurator ist in drei Sprachen verfügbar. Weitere Sprachen können jederzeit integriert werden.
Leadgenerierung
Über den Anfrageprozess im Konfigurator werden im CRM System automatisch Leads generiert.