![konfigurator webgl projectheader mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-projectheader-mein-traumschrank-de.jpg)
Traumschrank WebGL Konfigurator
Der Online-Shop für Möbel nach Maß - mit nur wenigen Klicks zum individuellen Möbelunikat. Dafür steht die Mein-Traumschank.de GmbH. Traumhafte Qualität "Made in Germany" aus dem Herzen der Möbelregion Westfalens. In Zusammenarbeit mit redPlant entstand ein 3D Echtzeit Konfigurator für individuelle Traumschränke mit einer WooCommerce Shopanbindung für den direkten Kaufabschluss.
Dein Design, Dein Zuhause, Dein Lifestyle
Egal ob konzentriert vor dem Rechner, entspannt auf der Couch oder als ideale Abwechslung in der Bahn. Du hast Deinen Traumschrank dank des Responsive Designs immer dabei. Der Konfigurator passt sich automatisch verschiedenen Displaygrößen und Gerätetypen an.
![konfigurator webgl responsive design mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-responsive-design-mein-traumschrank-de.png)
Ich zieh's mir rein
Interaktiv Bemaßungen anpassen, Einlegeböden, Schubkästen, Auszüge und vieles mehr platzieren. Über eine Drag & Drop Interaktion kannst Du Deinen Traumschrank nach Deinen individuellen Vorstellungen ausstatten. Der Konfigurator begleitet Dich, validiert jeden Deiner Konfigurationsschritte und zeigt Dir in Echtzeit, was gerade möglich ist und das auf den Millimeter genau.
Alles was dir lieb ist
Ob mit oder ohne Schräge, Holz- oder Lackoptik - der 3D WebGL Konfigurator enthält unzählige Möglichkeiten. Trotz der Fülle an Konfigurationsoptionen wurde bei der Umsetzung auf eine einfache Bedienung geachtet. Dank der Lieblingseinstellungen kannst Du mit nur wenigen Klicks Materialien, Griffe und Zubehör auf Dein gesamtes Schranksystem übertragen. Das ist Dir zu langweilig? Jedes Ausstattungselement lässt sich natürlich auch individuell gestalten.
![konfigurator webgl original material dekore mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-original-material-dekore-mein-traumschrank-de.png)
Materialvorlagen
Neben der Erstellung von 3D Modellen wurden hochwertige Texturen der Materialien aufbereitet. Dafür standen reale Materialproben des Herstellers zur Verfügung. Entsprechende Shader verleihen abschließend den Oberflächen unter Berücksichtigung der aktuellen Lichtverhältnisse den letzten Schliff.
Voll Funktionsfähig
Konfigurieren ist nicht alles! Damit Du nicht nur Deinen Traumschrank optimal planen kannst, sondern auch dessen Funktionalität im Blick behältst, wurden alle Ausstattungselemente mit ihren originalgetreuen Funktionsweisen versehen. So kannst Du beispielsweise Schubladen, den Kleiderlift oder den Krawatten-Auszug heraus und wieder reinfahren lassen . Dein Traumschrank erweckt so förmlich zum Leben.
Lass Dich inspirieren!
Die auf das Ambiente abgestimmte Deko haucht Deinem Traumschrank Leben ein. Die Darstellung der Dekoartikel hilft Dir bei der richtigen Auswahl Deiner Innenausstattung. Veränderst Du die Maße einzelner Komponenten, so passt sich die Dekoration entsprechend an. Die Deko kann jederzeit ganz einfach mit einem Klick deaktiviert und wieder aktiviert werden.
![konfigurator webgl dekoration an mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-dekoration-an-mein-traumschrank-de.jpg)
![konfigurator webgl dekoration aus mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-dekoration-aus-mein-traumschrank-de.jpg)
Wähle Dein Ambiente
Ankleidezimmer, Wohnzimmer oder Schlafzimmer? Wo auch immer Dein Traumschrank Platz finden wird, durch die Wahl des Ambiente kannst Du herausfinden, ob Dein Traumschrank zu Deiner heimischen Wandgestaltung passt. Die Deko passt sich automatisch dem gewählten Ambiente an.
![konfigurator webgl ambiente ankleidezimmer mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-ambiente-ankleidezimmer-mein-traumschrank-de.jpg)
![konfigurator webgl ambiente wohnzimmer mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-ambiente-wohnzimmer-mein-traumschrank-de.jpg)
![konfigurator webgl ambiente kueche mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-ambiente-kueche-mein-traumschrank-de.jpg)
![konfigurator webgl ambiente esszimmer mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-ambiente-esszimmer-mein-traumschrank-de.jpg)
![konfigurator webgl ambiente schlafzimmer mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-ambiente-schlafzimmer-mein-traumschrank-de.jpg)
![konfigurator webgl ambiente kinderzimmer mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-ambiente-kinderzimmer-mein-traumschrank-de.jpg)
![konfigurator webgl ambiente garderobe mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-ambiente-garderobe-mein-traumschrank-de.jpg)
![konfigurator webgl ambiente arbeitszimmer mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-ambiente-arbeitszimmer-mein-traumschrank-de.jpg)
Jeder Traumschrank, ein Unikat
Jede Konfiguration kann über eine eindeutige ID gespeichert und wieder aufgerufen werden. So geht kein Traumschrank verloren. Verklickt? Über temporäre IDs wird während des Konfigurierens garantiert, dass jede Änderung wieder rückgängig gemacht werden kann.
Zeige Deinen Traum
Ob aus Stolz oder für Feedback - Dein Traumschrank kann dank der eindeutigen ID direkt über den Konfigurator auf Social Media Plattformen, in WhatsApp oder auch per Mail an Freunde versendet werden. Jede ID ist einmalig - genau wie Dein Traum!
![konfigurator webgl datenblatt mein traumschrank de](/assets/work/mein-traumschrank/konfigurator-webgl-datenblatt-mein-traumschrank-de.png)
Schwarz auf Weiß
Damit Du Deine Konfiguration schwarz auf weiß hast, kann ein Datenblatt der aktuellen Zusammenstellung generiert und heruntergeladen werden. Dieses listet neben der eindeutigen ID, einem Bild und dem Gesamtpreis, alle in Deiner Konfiguration vorhandenen Eigenschaften auf, wie z.B. Maße, Materialien und Ausstattung.
Dich kauf' ich mir!
Der Gesamtpreis Deiner Konfiguration wird in Echtzeit berechnet und gut sichtbar ausgegeben. Über eine Schnittstelle wird auf Seite des Shopsystems WooCommerce ein neuer Artikel erzeugt und direkt in den Warenkorb des Online-Shops übertragen. Somit steht dem anschließenden Kauf über gängige Bezahlsysteme nichts im Weg.
Features
WebGL
Der Konfigurator wurde in WebGL umgesetzt und ist ohne Plugins auf allen gängigen Browsern verfügbar.
Responsive Design
Der Konfigurator ist dank seines Responsive Designs auf Smartphone, Tablet und Desktop verfügbar.
Individuelle ID
Jede Konfiguration wird mit einer individuellen ID versehen und kann jederzeit wieder aufgerufen werden.
Social Media
Die individuelle Konfiguration kann mit einem Klick an Freunde gesendet oder bei Facebook geteilt werden.
Echtzeit Preise
Mit jeder Änderung der Konfiguration wird der Preis neu berechnet und gut sichtbar ausgegeben.
Datenblatt
Für jede Konfiguration kann ein individuelles Datenblatt auf Klick generiert werden.
WooCommerce
Die Schnittstelle zum Shopsystem WooCommerce ermöglicht den direkten Kauf des Traumschranks.
Validierung
Ist es konfigurierbar, so ist es produzierbar. Dank der Integration der Konfigurationslogik werden nur valide Konfigurationen zugelassen.