Zum Hauptinhalt springen
Aufgabe — Online-Konfigurator
Technologie —

Konfiguration leicht gemacht

Ein neuer Schaltschrankkonfigurator für ASS

Für die ASS Alu-Schaltschränke AG entwickelte netzreich einen intelligenten Konfigurator zur Erstellung von maßgeschneiderten Schränken.

Herausforderung war, die vielen Einstellungsmöglichkeiten übersichtlich darzustellen und dem Kunden die Benutzung so einfach wie möglich zu gestalten.


Der Konfigurator – Das Herzstück

Auf der sehr übersichtlich gehaltenen Konfigurationsansicht kann man einen Schrank individuell modifizieren. Gegliedert ist die Übersicht in Basisdaten des Schranks und Informationen über Wände, Felder und Sockel. Zusätzlich hat man auf der rechten Seite eine sich automatisch aktualisierende Preisansicht. Ein kleines Highlight befindet sich darunter: Der konfigurierte Schrank als 3D-Modell. So sieht man direkt die vorgenommenen Änderungen der Konfiguration.

Usability – Shortcuts und Alles was das Leben einfacher macht

Die Basisdaten umfassen die Höhe, die Breite oder die Tiefe. Wände, Felder und Sockel sind anhand der Maße konfigurierbar und besitzen zusätzlich viele weitere Wunschoptionen, wie die Ausrichtung der Türen, zusätzlichen Leuchten, Patronenhaltern oder die Farbe des Schrankes. Außerdem können weitere Schrankfelder hinzugefügt werden. Die 3D-Ansicht aktualisiert sich automatisch, sollten die Maße geändert oder neue Felder hinzugefügt werden. Durch das Halten der linken Maustaste kann man den modellierten Schrank von allen Seiten betrachten.

Für individuelle Türausstanzungen kann man eine entsprechende Datei hochladen, die dann automatisch in die Bestellung eingefügt wird. Die gesamte Zusammenstellung kann als Vorlage gespeichert und auf der Startseite ausgewählt werden. Auch einzelne Felder können abgespeichert oder kopiert werden. Klickt man auf die Bestellübersicht, kann man alle Konfigurationen und die Lieferadresse überprüfen und gegebenenfalls ändern. Zusätzlich ist es möglich, Notizen und ein Wunschlieferdatum anzuhängen. Danach muss man lediglich die Bestellung abschicken und der Schrank wird kundenspezifisch gebaut und geliefert.


Über die gespeicherten Konfigurationen hat man auf der Startseite eine genaue Übersicht. Der Konfigurator ist auf Deutsch und Französisch verfügbar.


Die komfortable Benutzerverwaltung

Zur Benutzung ist ein Login bzw. eine Registrierung und Freigabe nötig. Dies bedeutet, nur wer sich mit seinem Unternehmen über eine Registrationsanfrage angemeldet hat, kann nach Annahme durch unseren Kunden den Konfigurator nutzen.

Ist dies passiert, gelangt man durch das Klicken auf sein Profil auf eine Benutzerverwaltung mit allen wichtigen Informationen. Auf einem Blick sieht man hier Profilinformationen, Rabatte, Voreinstellungen und eine Historie der schon getätigten Konfigurationen.

Eine praktische Funktion ist die Blaupause bzw. Template-Funktion. So können immer wieder kehrende Konfigurationen vordefiniert und wieder verwendet werden. Diese Einstellungen werden im Konfigurator automatisch übernommen und können dann nach Belieben weiter bestückt werden.

Technik

Das Frontend wurde mit Angular 13 programmiert, im Backend arbeitete netzreich mit Typescript und NestJS. Als Datenbank-Service kam MySQL zum Einsatz. Die 3D-Ansicht wurde mithilfe der Engine PlayCanvas erstellt.

Sie steuern die Konfiguration und Kalkulation Ihrer Produkte noch mit Excel? Sie möchten jedoch von den Vorteilen einer benutzerfreundlichen, Schnittstellen zugewandten und für Ihre Kunden erreichbaren Variante profitieren. Wir helfen Ihnen gerne dabei!