Nachdem wir für Pestalozzi Haustechnik bereits die Haustech Mobile App entwickeln durften, konnten wir nun auch die Stahltechnik Division unterstützen. 

Pestalozzi Stahltechnik - Stahl und Metall seit 1763

Pestalozzi Stahltechnik, einer der Geschäftsbereiche der Pestalozzi AG, ist Spezialistin, wenn es um Stahl, Metall und massgeschneiderte Dienstleistungen für die Industrie und den Metallbau geht. Für ihre Kund*innen führt Pestalozzi Stahltechnik ein umfassendes Sortiment an Produkten und Dienstleistungen.

Produkte individuell konfiguriert

Gewisse Produkte (wie beispielsweise Brandschutztüren) erfordern individuelle Planung und Konfiguration und haben entsprechend individuelle Preise zur Folge. Mit dem System Kalkulator können Pestalozzi Kund*innen Produkte nun selber konfigurieren und erhalten dadurch schnell und einfach eine erste Preiskalkulation. 

Die initiale Version des System Kalkulators beinhaltet vorerst Systeme für Brandschutztüren von Forster und Jansen. Zukünftig wird der Kalkulator mit weiteren Herstellern und Produktkategorien ausgebaut. Um das zu ermöglichen, haben wir gemeinsam mit Pestalozzi Stahltechnik ein flexibles System gebaut.

Warum ein Konfigurator und Kalkulator im Web?

Die Einführung eines webbasierten Konfigurators respektive Kalkulators bringt sowohl für die Kund*innen von Pestalozzi als auch für das Unternehmen selbst Vorteile.

Aus Kund*innensicht 

Der Prozess zur Planung und Angebotserstellung von Produkten im Bereich Metallbau ist häufig noch mit viel analoger Arbeit verbunden. 

Gut illustrieren lässt sich dies am Beispiel von Brandschutztüren. Diese sind je nach Bauobjekt unterschiedlich zu konfigurieren, und deren Planung ist komplex, da es Regularien zu beachten gilt. 

Metallbauer*innen orientieren sich bei der Planung oftmals an bereits umgesetzten Projekten und durch AM Suisse bereitgestellte Richtpreise, Kataloge und Bestimmungsblätter zur Sicherheit. Häufig kommen auch eigene Checklisten zum Einsatz, um alle relevanten Fakten und Bestandteile zusammenzutragen. Diese aktuell zu halten ist aufwendig und entsprechend werden nicht immer aktuelle Materialpreise berücksichtigt.

Die Konfiguration und Offertenstellung ist somit nicht nur fehleranfällig, sondern auch zeitintensiv, was bei hohem Preisdruck und steigender Wichtigkeit von genauen Preisen nicht optimal ist. Ein Bedürfnis ist entsprechend die effiziente und sichere Kalkulation von Preisen.

Durch den System Kalkulator kann sichergestellt werden, dass bei der Planung keine wichtigen Punkte vergessen gehen und Sicherheitsaspekte sowie aktuelle Materialpreise berücksichtigt werden. Geliefert wird eine Preiskalkulation für das gewünschte System, die als Grundlage für die Offertenstellung dienen kann. 

Aus Business Sicht 

Für Pestalozzi Stahltechnik bietet der System Kalkulator eine Möglichkeit, die Effizienz im Vertriebsprozess zu steigern. Durch die digitale Lösung können die Bedürfnisse der Kund*innen gezielt adressiert werden. Gleichzeitig kann das Verkaufsteam von Pestalozzi aufgrund der im Kalkulator ersichtlichen Nachfrage gezielter und datenbasiert seine Kund*innen unterstützen, die richtigen Produkte und Konfigurationen zu finden.

Pestalozzi positioniert sich somit also auch als technisch kompetente und moderne Firma, welche auf die Bedürfnisse ihrer Kund*innen eingeht.

Die Funktionen des Kalkulators: Was das Tool heute kann

• Login mit bestehendem E-Shop Login

• Dashboard mit Übersicht aller Objekte und Positionen, entweder als Kacheln oder in einer Listenansicht

• Erstellen von neuen Objekten (Bauprojekte, wie bspw. ein Haus) und Positionen (bspw. ein Türsystem)

Wie haben wir sichergestellt, dass die richtigen Funktionalitäten in einem einfach zu bedienenden Interface umgesetzt wurden? 

Zu Beginn wurden Interviews mit Pestalozzi Kund*innen geführt, um herauszufinden wie Konfigurationsprozesse aktuell ablaufen, welche Schwierigkeiten bestehen und welche Bedürfnisse auf Kund*innenseite im Bezug auf die Konfiguration von Brandschutztüren bestehen. Beispielsweise wurde klar, dass der Preis eines der wichtigsten Kriterien ist und es deshalb hilfreich ist, möglichst schnell einen indikativen Preis für ein Türsystem zu kennen. 

Basierend auf den Erkenntnissen aus diesen Interviews wurde ein klickbarer Prototyp basierend auf Wireframes gebaut. Dieser veranschaulichte den Umfang der Lösung. Mit Hilfe dieses Prototypen wurde ein internes Testing mit Mitarbeitenden von Pestalozzi Stahltechnik durchgeführt. Erste Feedbacks und daraus resultierende Änderungen wurden in den Prototypen eingebaut.

Die intern validierten und optimierten Wireframes wurden dann ausgewählten Kund*innen vorgestellt. Die Resultate dieser qualitativen User Research und dem Testing mit dem Prototypen flossen dann wiederum in die Design- und Umsetzungsphase ein. 

Beispielsweise wurde festgestellt, dass die Schriftgrösse für bessere Lesbarkeit angepasst werden sollte, dass englische Begrifflichkeiten vermieden werden sollten oder dass sich die Testpersonen wünschen, Objekte oder Positionen kopieren zu können.  

Dieser Prozess der mehrfachen Validierung des Leistungsumfangs und Konzeptes hat geholfen, die unterschiedlichen Zielgruppen besser zu verstehen und deren Bedürfnisse in der Umsetzung zu berücksichtigen. Damit eine Lösung entsteht, die tatsächlich Mehrwerte im Kontext der Nutzer*innen generiert. Ausserdem konnten bereits Inspirationen für die kontinuierliche Weiterentwicklung gesammelt werden. 

Weniger ist mehr

Pestalozzi hat entschieden, den Kalkulator zu Beginn «nur» mit einer Art Produkt, nämlich Brandschutztüren der Hersteller Forster und Jansen, zu lancieren. Man hat sich bewusst dazu entschieden, die Produktpalette am Anfang klein zu halten und dafür das System so aufzubauen, dass es künftig skalierbar ist, den Bedürfnissen der Nutzenden gerecht wird und mit einer guten Datengrundlage gearbeitet wird. Dadurch konnte sichergestellt werden, dass eine solide Grundlage für spätere Weiterentwicklungen geschaffen wird.

Die Umsetzung in der Praxis

Der System Kalkulator wurde aufgrund der Nutzungsbedürfnisse für Desktop und Tablet umgesetzt. Um die Erweiterbarkeit gewährleisten zu können, haben wir ein komponentenbasiertes Design aufgebaut, das entsprechend dann auch die Umsetzung vereinfacht hat. Weiterhin wichtig für die effiziente Umsetzung war die enge Zusammenarbeit mit dem Datenteam von Pestalozzi und der Pestalozzi-IT generell. So wurde eine gute User Experience für Kund*innen geschaffen: Mit bestehenden Pestalozzi E-Shop-Login können sie sich auch beim System Kalkulator anmelden. Eine Schnittstelle zur bestehenden und gut strukturierten Datenbasis macht es möglich, dass die Inhalte im System Kalkulator immer aktuell und richtig sind. 

Technisch umgesetzt haben wir das Frontend mit Next.js, React und TypeScript als Basis, sowie dem PHP/Laravel/Statamic-Stack im Backend.