Komplexe Produkte mit Konfiguratoren erlebbar machen

Es ist nicht einfach, komplexe Produkte online zu bestellen: Viele Optionen und Varianten verwirren den Kunden, die komplizierte Bedienung gängiger Produkt-Konfiguratoren erschweren die Bestellung. So greifen viele Kunden zum Telefon und rufen beim Kundendienst an – oder wechseln direkt zur Konkurrenz. 

Wie das besser geht, zeigen wir in diesem Blogbeitrag anhand von drei sehr unterschiedlichen Anwendungsfällen für Konfiguratoren. Dabei spielt die User Experience eine zentrale Rolle. Diese zeichnet sich durch eine intuitive Führung des Kunden über mehrere Schritte aus. Gleichzeitig werden die gewählten Optionen in einer neuartigen Weise visuell dargestellt und animiert, sowie anhand von Kamerafahrten automatisch herangezoomt. So wird die Konfiguration komplexer Produkte zum Erlebnis. 

Konfigurator mit Bildern und PIM/DAM Anbindung

Sollen hochwertige Produkte mit edlen Materialien konfiguriert werden, kann ein fotobasierter Ansatz sinnvoll sein. Ein Beispiel dafür ist der von Cando konzipierte und entwickelte Vespa Konfigurator, welcher den Life-Style der italienischen Ikone von der Strasse auf den Screen bringt. Dabei geht es um viel mehr als «nur» das Fahrzeug selbst. Es geht um Inspiration und die Darstellung des äusserst umfangreichen Sortimentes mit Optionen und Accessoires.

Video: Fotobasierter Konfigurator mit Bildern in PIM/DAM

Konfigurator mit Bildern und PIM/DAM Anbindung

Die Basis des Konfigurators bilden daher Bilder aus Fotoshootings, die speziell aufbereitet und eingefärbt wurden und so in allen möglichen Kombinationen verwendet werden können. Das Resultat ist ein unschlagbar echtes Erlebnis mit realistischen Farben und Texturen bis zu den Nähten von Ledertaschen. All diese Bilder werden im voll integrierten DAM (Digital Asset Management) System gepflegt und direkt mit den Produktdaten und der Konfiguratorlogik im PIM (Product Information Management) verknüpft.

Video: Fotobasierter Konfigurator mit «headless» Frontend

Konfigurator mit 3D-Modellen und Benutzerführung

Diese Variante zeichnet sich dadurch aus, dass der Benutzer über mehrere Schritte geführt wird. Während er seine präferierten Optionen wählt, werden ihm diese anhand von Kamerafahrten mit automatischem Zoom im 3D-Modell visualisiert. Dabei kann der Benutzer sowohl mit dem Modell interagieren als auch parallel dazu «step-by-step» vorgehen. Dieser Ansatz ist gut geeignet für Räume, Möbel oder Produkte mit vielen Merkmalen, Optionen und unterschiedliche Ansichten. 

 

 

 

Step-by-Step zum passenden Produkt

Dieses Beispiel zeigt einen Konfigurator, mit dem verschiedenen Räumlichkeiten und Zusatzleistungen für Konferenzen, Konzerte und weitere Events gebucht werden können. Dabei werden folgende Bedürfnisse der Kunden Schritt für Schritt abgefragt: 

  1.     Basisdaten wie Anzahl Personen und Art des Events
  2.     Wahl der passenden Räume, deren Ausstattung und Breakout Räume
  3.     Zusatzleistungen wie Catering und Eventtechnik
     

Video: 3D Raum Konfigurator mit «Step-by-Step» Benutzerführung

Konfigurator für Ersatzteile mit 3D-Explosions-Ansicht

Ein weiterer Anwendungsfall ist die Bestellung von Ersatzteilen. Dies wird heute oft über Stücklisten der Bauteile oder Explosionszeichnungen mit Nummern gemacht. Doch das braucht Zeit und ist fehleranfällig.  

Deshalb entwickelte Cando einen Konfigurator für Ersatzteile der Stücklisten und interaktive Explosionszeichnungen optimal miteinander kombiniert. Dabei kann sowohl das Ersatzteil als Ganzes wie auch die einzelnen Komponenten im Kontext zueinander angeschaut werden. Dies anhand einer 3D-Explosions-Ansicht.

Video: Ersatzteilbestellung anhand von 3D-Modell und interaktiven Explosionszeichnungen

Video: Ersatzteilbestellung anhand von 3D-Modell und interaktiven Explosionszeichnungen

Auch hier kann der Benutzer sowohl mit dem 3D-Modell wie auch anhand der Stückliste navigieren. Klickt er beispielsweise auf eine Komponente in der Liste, wird diese automatisch vergrössert im 3D-Modell dargestellt. Klickt er auf eine Komponente im 3D-Modell wird ihm diese inkl. Zusatzinformationen in der Stückliste markiert. Hotspots im 3D-Modell erlauben zudem eine schnelle Übersicht mit den wichtigsten Informationen zur Komponente, welche von da direkt in den Warenkorb gelegt werden kann.

 

Moderne «headless» und «composable» Architektur

Der von Cando entwickelte 3D-Konfigurator unterstützt die gängigen Formate für 3D-Modelle und bietet einen Editor, um die perfekte Experience mit Kamerafahrten, Betrachtungswinkel und Beleuchtung einfach zu definieren.  

 

Alle Komponenten sind interaktiv und können zusätzlich animiert werden, wie das Zahnrad im Beispiel mit dem Shimano Wechsler (siehe oben). Die gewünschten Szenen sind mit wiederverwendbaren, in sich geschlossenen Modulen aufgebaut und die Logik ist sauber separiert.  

Dabei setzt Cando auf eine moderne «headless» und «composable» Lösung, welche über Microservices an beliebige Drittsysteme wie E-Commerce- und PIM-Lösungen angebunden werden kann. 

niki
Nicole Zaugg
UX Consultant