Home » UX & Usability » Produktkonfiguratoren: Individuelle Auswahl im Onlineshop
Produktkonfigurator Onlineshop

Produktkonfiguratoren: Individuelle Auswahl im Onlineshop

Bietet ein Unternehmen zusammenstellbare Produkte, helfen Konfiguratoren im Onlineshop bei der Auswahl und Visualisierung. Welche Arten von Produktkonfiguratoren gibt es und wie lassen sie sich integrieren? Im ersten Teil unserer Blogreihe geben wir einen Überblick und zeigen ein Produktkonfigurator-Praxisbeispiel unseres netz98-Kunden Maschinenbau Feld.

Produktvisualisierung erleichtert Kaufentscheidung

Je individueller ein Produkt angefertigt werden kann, desto mehr hilft den Kunden eine Visualisierung. Die Abbildung der jeweiligen Konfiguration veranschaulicht die Zusammenstellung nach eigenen Wünschen und erleichtert damit im Optimalfall die Kaufentscheidung. Hinzu kommt, dass der spezifische Preis für das konfigurierte Produkt direkt angezeigt werden kann und keine Absprachen zwischen Kunden und Händlern nötig sind. So gibt in einer Studie des ECC Köln eine Mehrheit von 28 Prozent der Befragten an, dass ein Konfigurator das hilfreichste Tool unter den innovativen Services im E-Commerce für sie ist.

Zwar legt die Erhebung einen Fokus auf die B2C-Welt. Jedoch ist davon auszugehen, dass die Dankbarkeit der Kundschaft für Produktkonfiguratoren im B2B-Commerce mit seinen häufig noch komplizierteren Produkten nicht geringer ausfällt. In jedem Fall empfiehlt es sich für Onlinehändler, die eingesetzten Konfiguratoren an die Zielgruppe anzupassen. Ob Vertriebler, Händler oder Endkunden – jeder sollte die auf seine Bedürfnisse optimierte Nutzerführung im Konfigurator erhalten. Somit können Konfiguratoren selbst oft ähnlich individuell ausfallen wie die Produkte, die sie abbilden.

Drei Typen von Produktkonfiguratoren im Onlineshop

Tatsächlich gibt es bei der Einrichtung von Konfiguratoren drei grundsätzliche Arten, aus denen Shopbetreiber je nach Anforderungen auswählen können:

  • Fertiger, extern generierter Konfigurator zum Einbinden ins Shopsystem
  • Konfigurator mit Regeln aus dem ERP-System, der über eine spezialisierte CPQ-Software an die Frontend-Lösung anzubinden ist
  • Selbst gebauter Konfigurator mit eigenen Regeln, der individuell und flexibel im Shopsystem gebaut werden kann

Innerhalb dieser Typen gibt es jeweils noch weitere Unterscheidungen wie 2D- und 3D-Darstellungen der konfigurierten Produkte. Außerdem existieren Varianten komplett ohne Vorschau-Grafiken, die lediglich dazu dienen, das Produkt zusammenzustellen und in den Warenkorb des Shops zu übertragen. Sie eignen sich eher für Produkte, bei denen die Konfigurationsattribute eine geringe Auswirkung auf das letztendliche Erscheinungsbild haben und es vor allem auf das Ermitteln des Variantenpreises ankommt.

Zusätzlich gibt es eine Unterscheidung zwischen Konfiguratoren, die durch die Auswahl einzelner Merkmale die gewünschte Produktvariante erstellen (Variantenkonfiguration) und solchen, die aus verschiedenen Komponenten wie Bauteilen oder Produktkombinationen das Endprodukt bilden. In beiden Fällen ist die essenzielle Grundlage, dass klare Konfigurationsregeln programmiert werden, mit denen der Konfigurator die Varianten und Komponenten auf Kombinierbarkeit prüfen kann.

Vollständige Eigenentwicklung für Maschinenbau Feld

Für den Webshop unseres Kunden Maschinenbau Feld haben sich das netz98-Team und Feld gemeinsam für die Variante entschieden, den Produktkonfigurator komplett selbst zu bauen. So wird dem Nutzer ein sehr individuelles und in das Shop-Frontend voll integriertes Erlebnis geboten. Die Produkte des Unternehmens eignen sich hervorragend für die Darstellung in einem Konfigurator, da es sich vorrangig um individuelle Blechzuschnitte und Rohre handelt. Die Privat- und Geschäftskunden können im Shop von Feld zwischen unterschiedlichen Formen, Materialien und Zuschnittarten wählen.

Um dies zu ermöglichen, mussten die Fachleute von netz98 einen komplexen Code für den Konfigurator schreiben. Für die zugehörige Zahlenlogik wurde eine Live-Validierung in das Backend des Onlineshops eingebaut, der auf Magento-Basis fußt. Somit kann der Konfigurator in Echtzeit überprüfen, welche Blechvarianten technisch umsetzbar  und ob die eingegebenen Maße valide sind.

Vektor-Zeichnungen für 3D-Konfigurator

Eine besondere Herausforderung für die Entwicklung des Feld-Konfigurators war es, dass für die visuelle Darstellung der Blech- und Rohrzuschnitte nicht auf feststehende, statische Produktbilder oder 3D-Modelle zurückgegriffen wurde, da sich diese in Echtzeit der Eingaben des Nutzers anpassen sollten. Entsprechend waren vektorisierte Zeichnungen der Varianten gefragt, die vom Konfigurator an die eingegebenen Merkmale und 360-Grad-Blickwinkel angepasst werden können. Um eine 3D-Ansicht der Produkte zu erzeugen, hat das netz98-Team eine 3D Engine und die Fähigkeiten der Browser API-Schnittstelle WebGL genutzt, wodurch das graphische Rendering der Darstellung erfolgt.

Produktkonfigurator Feld Maschinenbau
Konfiguration eines Profil-Blechs, z.B. zur Verwendung als Fensterbank, im Onlineshop von Maschinenbau Feld.

Auf diese Weise können Feld-Kunden in dem Konfigurator des Onlineshops beispielsweise folgende Produkt-Illustrationen aus verschiedenen Varianten generieren:

  • Blechabkantungen: Darstellung nach Schenkelmaßen, Winkel, Länge, Material, Blechart- und Struktur sowie Stärke des Blechs
  • Blech walzen: Abbildung individueller Kreissegmente und gewalzter Ringe, u. a. mit Eingabe von Radius und Bogenlänge sowie Materialeigenschaften
  • Maßbleche: Zuschnitte nach verschiedenen Außenformen und mit individuellen Ausschnitten und Bohrungen erstellbar
  • Rohre und Profile: Produkte wie Rohre in quadratischer, rechteckiger und runder Form sowie Vierkant- und Winkelstahl-Elemente in unterschiedlichen Materialdicken und Durchmessern lassen sich etwa nach Länge konfigurieren sowie verschiedene Entgratungsmöglichkeiten / Gerungsschnitte hinzufügen
  • Sonstige Anfertigungen: Außerdem bietet der Konfigurator sogar die Möglichkeit, spezielle Metall-Erzeugnisse wie Pflanzenkübel, Duschwannen oder Alurohr-Stecksysteme zu konfigurieren. Für letztere können verschiedene Produktkomponenten (Maßrohre, Verbindungs- und Endstücke) miteinander kombiniert werden

Bei allen Visualisierungen achtet der Konfigurator auf logische Fehler bei der Auswahl von Maßen und Schnitt-Positionen. So verfügt er zum Beispiel über ein Kollisionsmanagement, das überlappende Blechausschnitte erkennt und dem Nutzer durch rot markieren .

Produktkonfigurator lockt neue Kunden in Maschinenbau Feld-Shop

Insgesamt verbessert der funktionsreiche Konfigurator nicht nur das Einkaufserlebnis der Bestandskunden von Maschinenbau Feld, sondern verhilft dem Unternehmen auch zu Neukunden. So hat eine Analyse von netz98 und Feld zur Customer Journey ergeben, dass Kunden häufig über eine Recherche bei Google zum Feld-Shop finden, indem sie Suchbegriffe wie „Blechzuschnitte online konfigurieren“ eingeben. Insbesondere im B2B-Bereich ist dieser Vorgang häufig zu beobachten. Der 3D-Konfigurator sorgt dafür, dass sich Feld von der Konkurrenz am Markt absetzen und seinen Kunden eine individuelle Erfahrung bieten kann.

Im zweiten Teil unserer Blogreihe gehen wir auf weitere Varianten von Produktkonfiguratoren im Einsatz bei netz98-Kunden ein.

Bild: freepik


Noch mehr Infos zu Produktkonfiguratoren und Produktberatern gefällig?

Teaser Whitepaper Produktkonfiguratoren

In unserem neuesten valantic Whitepaper bieten wir den Rundum-Blick: von den verschiedenen Konfigurator-Typen, über ihre Integration in die Systemlandschaft bis hin zu Beispielen aus der Praxis. Ein exklusiver Leitfaden zur Auswahl des passenden Konfigurators inklusive.

 

Ihr Kontakt

Hartwig Göttlicher
Hartwig Göttlicher
Head of Business Development
B2B-Kundenportal: So gelingt die erfolgreiche Einführung im E-Commerce

Entdecken Sie, wie ein B2B-Kundenportal Prozesse optimiert, Effizienz steigert und Kunden begeistert. Tipps zur erfolgreichen Einführung!

AI Experience Shop von valantic: Die intelligente Zukunft des E-Commerce
Mittig im Bild steht der Schriftzug: Willkommen in der Zukunft. Darunter in einer kleineren Schriftgröße: Unser AI Experience Shop. Links der Schrift ist ein kleiner Roboter platziert. Rechts der Schrift sieht man einen aufgeklappten Laptop sowie darüber ein rotes, welliges Design-Element.

Entdecken Sie unseren valantic AI Experience Shop: KI-Lösungen für ein optimales Kundenerlebnis im E-Commerce!

Datenintegration mit Adobe: Vereinheitlichte Daten als Fundament einer nahtlosen, personalisierten Customer Journey

Optimieren Sie die Customer Journey durch Datenintegration. Erfahren Sie hier welche Lösung Adobe bietet und welche Rolle Datenschutz spielt!

Adobe Analytics: Tipps zur Implementierung und Optimierung im E-Commerce
Frau schaut und zeigt auf einen Bildschirm mit statistischen Grafiken

Erfahren Sie, wie wie eine durchdachte Implementierung von Adobe Analytics im E-Commerce zum Erfolg führt und wie die Nutzung optimal Read more

Shop-Design: Welche E-Commerce Trends den Erfolg boosten
Ein Tablet liegt auf einem Tisch. Auf der Bildschirmoberfläche ist ein steigender Kurvenverlauf zu sehen und die Hand eines Mannes folgt der Kurve.

Entdecken Sie, wie innovatives Shop-Design die Conversion Rate steigert. Tipps & Trends für effiziente Optimierung!

Cyberkriminalität mit KI bekämpfen: Tipps für E-Commerce Unternehmen
Roboterhand auf einer Laptop-Tastatur mit Schlosssymbol auf dem Bildschirm

Lesen Sie im Gastbeitrag von Maxcluster, wie KI im E-Commerce bei der Betrugsprävention hilft und vor Cyberkriminalität schützt.

Suchfunktion in Onlineshops: Effektive Optimierung mit KI
Mann tippt mit dem Finger auf eine Suchleiste eines Onlineshops

Optimieren Sie Ihre Shop-Suchfunktion mit KI-Technologien. Erfahren Sie in unserem Experten-Interview, wie KI die Suchergebnisse präzisiert!

Treueprämien: Wichtiger Bestandteil erfolgreicher Loyalty Programme
Im Vordergrund ist die Hand eines Mannes rangezoomt. Es ist erkenntlich, dass er ein Hemd trägt und es wird suggeriert, dass es sich um einen Geschäftsmann handelt. Zwischen Daumen und Zeigefinger hält er einen kleinen, lächelnden Smiley mit Herzaugen.

Die Auswahl passender Treueprämien sowie die Struktur rundherum bestimmt den Erfolg eines Loyalty Programms im E-Commerce. Details hier!

Über den Autor