3D WebGL
Schrankkonfigurator

3D WebGL
Konfigurator

Für die Tierschrank GmbH haben wir einen individuellen WebGL Produktkonfigurator konzipiert und programmiert. Der patentierte Tierschrank als das zentrale Produkt kann so in allen Ausführungsoptionen maßgeschneidert konfiguriert werden.

Die entstandene Lösung ermöglicht die Konfiguration von zwei verschiedenen Systemlogiken: Tierschrank mit Klapptür und Tierschrank mit Koje. Zur jeweiligen Konfiguration wird stets die entsprechende Preisanzeige in Echtzeit angezeigt.

In Abhängigkeit von der Grundkonfiguration können zahllose Variationen von Fachböden, Schubladen, Tierbettvarianten und Zubehör konfiguriert werden.

Für die beweglichen Elemente des Tierschranks, wie Schubladen, Türen und das Klappbett, wurden Animationen integriert, die durch einfaches Anklicken aktiviert werden können.

  • Service

    3D Modeling | Programmierung | UI-Design

  • Input

    Excel-Liste Konfigurationslogik | CI Vorgaben

  • Output

    HTML-Datenpaket für Hosting

Was ist WebGL?

Wer mehr über die Definition und Möglichkeiten mit WebGL erfahren möchte, dem sei unser Blog Post zu diesem Thema wärmstens empfohlen. Dabei gehen wir auch auf die Vor- und Nachteile dieser Technologie ein.

Ob sich eine WebGL-Umsetzung auch für Ihre Produkte eignet, finden wir am besten in einem persönlichen Gespräch heraus.

Parametrischer Konfigurator

Es handelt sich um einen parametrischen Konfigurator, d.h. die einzelnen Dimensionen Höhe, Breite, Tiefe können fließend bzw. in 1mm-Schritten verändert werden.

Da es bei einigen Maßbereichen konstruktionsbedingt Spezifika zu Lochrastern und Topfbandpositionen gibt, ergibt sich technisch insgesamt eine tiefe und komplexe Konfigurationslogik, die auf Basis einer maßgeschneiderten Programmierung realisiert wurde. Die Anwendung ist dabei hochperformant und auf nahezu allen Endgeräten flüssig in Echtzeit lauffähig.

Für jede individuelle Konfiguration kann ein PDF-Datenblatt erstellt und heruntergeladen werden. Zudem wurde eine weitere Funktion integriert, mit der jede persönliche Konfiguration gespeichert und per Link geteilt werden kann.

Neben einer Shopify Webshopschnittstelle wurde zudem ein Modul für die Fertigung programmiert: So konfiguriert die Lösung nicht nur Optik, sondern ermittelt bereits exakte Informationen zu Maßen und Bohrlochpositionen der einzelnen Baugruppen und Bauteile.

Neben der Konzeptionierung und Umsetzung eines UI für Desktop und mobile Endgeräte gemäß Corporate Design-Vorgaben, ermöglicht ein spezielles Popup-System die Kommunikation weiterführender Informationen zu Produktdetails.

Ihr Konfigurator-Projekt planen

Es handelt sich hier um eine individuelle Programmierung, bei der zahlreiche technische Details und Schnittstellen zu berücksichtigen sind. Für die Entwicklung ist stets mit mehreren Monaten zu planen. Um hier von Anfang an effizient und zielführend zu arbeiten, ist der erste Schritt ein ausführliches Projektbriefing von Ihnen mit Darstellung der inhaltlichen und technischen Anforderungen. Gerne beraten wir Sie zu Ihrem Vorhaben persönlich und individuell!


weitere Projekte