DESA AUTOGLASS - Redesign der Termin-Reservierung
Für unseren langjährigen Kunden DESA AUTOGLASS AG durften wir den Termin-Reservierungs-Prozess optimieren und entlang des neuen Website-Designs neu gestalten. Ziel war eine klare, logische Nutzerführung, die auf allen Endgeräten funktioniert und im Ablauf konsistent bleibt.
UX/UI Design
Programmierung
PLZ basierte Standortlogik auf Karte
Schnittstelle zu Microsoft BC / NAV
Schnittstelle zu FSM/SAP
SMS Gateway
Hier Klicken & Scrollen aktivieren
Mit dem Website-Redesign sollte die Termin-Reservation nun optisch und in der Nutzerführung an das neue Corporate Design und die neue Website angepasst werden. Gleichzeitig war es die Chance, den Ablauf nochmals zu hinterfragen: Welche Entscheidungen müssen wann fallen, wo entstehen Unsicherheiten, und wie führen wir Nutzer*innen noch klarer bis zur Terminwahl?
DESA Autoglass begleitet uns bereits seit mehreren Jahren als Kunde. Den Terminbuchungsprozess haben wir nicht erst mit diesem Redesign umgesetzt, sondern bereits die erste Version des Online-Reservationssystems entwickelt und kontinuierlich optimiert.
Altes Design der Schadenerkennung
Damals lag der Fokus stark auf einem möglichst simplen Buchungsprozess, der sich in den Gesamtprozess mit Partnern wie Versicherungen integrieren lässt und auf mobilen Geräten zuverlässig funktioniert.
Neues Design der Schadenerkennung
Eine zentrale Anforderung des Redesigns war ein nahtloses Nutzererlebnis, bei dem ein URL-Wechsel im Hintergrund unbemerkt bleibt. Dafür wurden die Nutzerführung an den entscheidenden Prozesspunkten ausgerichtet sowie Interaktionen und visuelles System konsequent an das neue Webdesign angepasst.
« Für unser Projekt «Online Reservierungs-Tool» hätte ich mir keinen besseren Partner als die BIWAC Digital Solutions wünschen können. Von unserer Vision bis hin zur fertigen Lösung konnten wir von ihrer Expertise profitieren. Besonders schätzte ich die professionelle und unkomplizierte Zusammenarbeit. »
Branding für Versicherungen
Für verschiedene Versicherungen wurden Schnittstellen zur Terminreservation bei DESA AUTOGLASS entwickelt. Meldet eine Kundin oder ein Kunde über das Versicherungsportal einen Schaden an der Autoscheibe, wird der Auftrag automatisch an DESA übermittelt.
Dabei prüft das Online-Terminreservationssystem laufend, ob neue Aufträge eingegangen sind und versendet anschliessend einen personalisierten Buchungslink per E-Mail oder SMS. Über diesen Link werden die Kund*innen auf die für die Versicherungsgesellschaft angepasste Version des Reservationssystems geleitet.
Für die Versicherungen AXA und Helvetia Baloise Gruppe wurde eine direkte Anbindung an das Reservationssystem realisiert. Für die Zurich Versicherung und Die Mobiliar wurden zudem individuelle Lösungen mit eigenem Branding umgesetzt.
Hier Klicken & Scrollen aktivieren
Zurich Versicherung
Hier Klicken & Scrollen aktivieren
Die Mobiliar
Alternativ können Kund*innen auch direkt über die Website von DESA AUTOGLASS AG auf das Reservationssystem zugreifen und einen Termin buchen.
Hier Klicken & Scrollen aktivieren
Mit klarer Schrittfolge zur schnellen Terminbuchung
Der Ablauf wurde so strukturiert, dass Nutzer*innen ohne Umwege von der ersten Eingabe bis zur Terminwahl geführt werden. Die Reihenfolge der Inhalte ist logisch und die wichtigen Entscheidungen sind dort platziert, wo sie den weiteren Prozess tatsächlich bestimmen.
Schadenerkennung mit visueller Unterstützung
Auf der Visualisierung des Fahrzeugs können Nutzer*innen die betroffene Stelle auswählen und den Schaden genau definieren. Je nach Beantwortung der Fragen ermittelt das System, welche Dienstleistungen benötigt werden.
Service Vor Ort oder in der Filiale als zentraler Prozesspunkt
Die Wahl zwischen Vor-Ort-Service und Service in der Filiale bildet den Ausgangspunkt der Terminbuchung und ist deshalb klar hervorgehoben. Je nach Auswahl führt der Prozess in die passende Terminlogik. Zwei oberhalb platzierte Teaser unterstützen die Entscheidung, indem sie die Unterschiede der beiden Serviceoptionen auf einen Blick vermitteln.
Filialauswahl mit intelligenter Standortsuche
Für den Service in der Filiale unterstützt eine verknüpfte Standortlogik die schnelle Auswahl der passenden Filiale. Auf Basis der Postleitzahl werden die nächstgelegene Filiale sowie weitere Optionen in der Umgebung angezeigt. Über eine weitere REST/JSON-API prüft SilverStripe in FSM/SAP, wann für die entsprechende Filiale freie Termine verfügbar sind und zeigt diese im FrontEnd an.
Eine Schweizerkarte schafft zusätzliche Orientierung und macht die Auswahl transparenter.
Hier Klicken & Scrollen aktivieren
Einfach zum Vor-Ort-Service
Für den Vor-Ort-Service steht eine einfache und verständliche Terminvereinbarung im Fokus. Über die eingegebene Adresse werden verfügbare Termine angezeigt. Ergänzende Informationen zu den Vorteilen des Angebots sowie zu den erforderlichen Voraussetzungen schaffen Klarheit und unterstützen die Entscheidungsfindung.
Der gewählte Termin wird bei der definitiven Buchung über eine REST-/JSON-Schnittstelle direkt in der Plantafel von FSM/SAP reserviert und der zuständigen Person zugewiesen. Gleichzeitig versendet das Back-End des Reservationssystems Bestätigungen an den Kunden und die zuständige Filiale. Über eine weitere Schnittstelle wird zudem der Auftrag in Microsoft Dynamics NAVISION aktualisiert.
Im Back-End werden sämtliche Inhalte und Prozesse zentral verwaltet – darunter Fragen, Filialen, Benachrichtigungstexte und Reservationen. Ein integriertes Logging ermöglicht die Nachverfolgung und Auswertung aller relevanten Systemaktivitäten.
Hier Klicken & Scrollen aktivieren
Mobile Version
Das Reservationssystem wird zu einem grossen Teil auf mobilen Geräten verwendet. Daher hatte diese Version beim Design und der Programmierung einen grossen Stellenwert.
Hier Klicken & Scrollen aktivieren
