ARMARiO Backend

Angular
NestJS

Ausgangssituation

Die Fimab GmbH, ein Spezialist für Schaltschranklösungen, stand vor der Herausforderung, den Bestellprozess für Kunden zu vereinfachen und gleichzeitig die internen Abläufe effizienter zu gestalten.

Fimab suchte nach einer Lösung, die digital, intuitiv und fehlerfrei funktioniert. Die Wahl fiel auf einen webbasierten Konfigurator, der die gesamte Bestellung vom ersten Klick bis zur fertigen Spezifikation abbildet. Für die Entwicklung vertraute Fimab auf die Expertise von netzreich.

Das Ergebnis: der Armario Schaltschrank Konfigurator, erreichbar unter armario.de.

Armario Konfigurator in Browser geöffnetArmario Konfigurator in Browser geöffnetArmario Konfigurator in Browser geöffnet
1 / 3

Technische Umsetzung

Backend:

API mit NestJS für performante Schnittstellen

Frontend:

Umsetzung mit Ember.js für eine reaktive, schnelle Benutzeroberfläche

Datenbank:

MySQL für strukturierte und sichere Datenhaltung

Die größte technische Herausforderung war die Kombination von 2D- und 3D-Visualisierung. netzreich entwickelte eine Lösung, bei der sich beide Darstellungsmodi nahtlos ergänzen und ohne Performanceeinbußen flüssig laufen.

Funktionen im Detail

Der Armario Konfigurator ist weit mehr als ein simples Bestelltool. Er vereint Visualisierung, Kalkulation und Prozesssteuerung in einer einzigen Anwendung.

1. 2D- und 3D-Ansicht

Nutzer können den Schaltschrank sowohl als präzise 2D-Skizze als auch als fotorealistische 3D-Darstellung betrachten. Jede Änderung in den Maßen, Komponenten oder Materialien wird dabei in Echtzeit visualisiert. Der große Vorteil besteht darin, dass Kunden nicht nur technische Daten sehen, sondern ihr Produkt interaktiv erleben.

2. Echtzeit-Preisberechnung

Jede Konfiguration wird sofort mit einem aktuellen Preis versehen, und Preisänderungen durch andere Materialien, Maße oder Komponenten werden unmittelbar angezeigt. Dadurch entsteht maximale Transparenz für den Kunden und zugleich eine vereinfachte Kalkulation für Fimab.

3. Konfiguration der Maße und Komponenten

Kunden können individuelle Maße für Höhe, Breite und Tiefe festlegen und Bauteile, Geräte sowie Aussparungen präzise im Schaltschrank platzieren. Zudem stehen unterschiedliche Materialien und Farben zur Auswahl. So entstehen maßgeschneiderte Produkte – ganz ohne Rückfragen oder Nachbearbeitung.

4. Guided Configuration – Schritt für Schritt zum Ziel

Der Konfigurator führt die Nutzer durch einen klar strukturierten Prozess – von den Grundmaßen über die Materialauswahl bis hin zu den Details. Besonders für neue oder unerfahrene Kunden ist dieser geführte Ablauf ein entscheidender Vorteil. So fühlen sich Kunden sicher, vermeiden Fehler und erleben einen klaren roten Faden.

5. Mehrsprachigkeit

Der Konfigurator ist in Deutsch, Englisch, Spanisch und Französisch verfügbar. Dadurch wird Fimab nicht nur national, sondern auch international als professioneller Partner wahrgenommen. So können internationale Märkte direkt angesprochen werden – ohne sprachliche Barrieren.

6. Nutzung ohne und mit Profil

Der Konfigurator kann ohne Account getestet werden und bietet so einen niederschwelligen Einstieg. Für die tatsächliche Bestellung ist jedoch ein Profil erforderlich, um Daten und Spezifikationen zu speichern. Auf diese Weise können sich Interessenten zunächst unverbindlich mit dem Produkt vertraut machen, bevor sie sich registrieren.

Armario Konfigurator in Browser geöffnetArmario Konfigurator in Browser geöffnet
1 / 2

Design & User Experience

Das Design folgt der Corporate Identity von Fimab und kombiniert eine klare Struktur mit einer modernen, benutzerfreundlichen Oberfläche.

Intuitive Bedienung:

trotz zahlreicher Funktionen wirkt die Oberfläche nie überladen.

Klare Visualität:

jede Einstellung wird sofort sichtbar.

Übersichtlichkeit:

durch gezielte Informationshierarchie bleibt der Nutzer jederzeit orientiert.

Vorteile für Kunden

Direkte Visualisierung:

Unsicherheiten bei Maßangaben oder Materialien entfallen.

Transparente Preise:

keine versteckten Kosten, klare Kalkulation.

Schneller Bestellprozess:

weniger Abstimmung, kürzere Entscheidungswege.

Fehlerfreiheit:

Missverständnisse in der Kommunikation werden vermieden.

Einfache Tests:

Produkt ohne Profil ausprobieren, bevor man sich entscheidet.

Vorteile für Fimab

Effizienzsteigerung:

deutlich weniger Zeitaufwand pro Bestellung.

Fehlerreduktion:

präzise Konfigurationen ohne Rückfragen.

Optimierte Prozesse:

Im Konfigurator erfasste Daten fließen per Schnittstelle direkt ins ERP-System von Fimab, werden dort geprüft und ermöglichen eine nahtlose, fehlerfreie Umsetzung.

Markenauftritt:

moderne digitale Lösung stärkt die Position als innovativer Anbieter.

Internationale Reichweite:

durch Mehrsprachigkeit öffnet sich der Zugang zu neuen Märkten.

Fazit

Der Armario Konfigurator ist ein Schritt in die digitale Zukunft der Schaltschrankfertigung. Er verbindet technische Präzision mit Benutzerfreundlichkeit und schafft einen direkten Mehrwert sowohl für Kunden als auch für Fimab.

netzreich hat mit diesem Projekt gezeigt, wie durchdachtes UX-Design, technische Exzellenz und klare Prozessoptimierung in einer einzigen Lösung zusammenfließen können.

Ralf, Oliver und Sebastian stehen in der Küche und unterhalten sich
Kontaktieren Sie uns

Sie planen eine neue Unternehmenswebsite oder möchten eine innovative digitale Geschäftsidee realisieren? netzreich unterstützt Sie von der ersten Konzeption bis zur erfolgreichen Implementierung Ihres Projekts.

Jetzt anfragen!