Findologic und commercetools sorgen für die Conversion-Optimierung des Carrera-Webshops. Das Resultat: E-Commerce auf dem neuesten Stand der Technik.Um für den Webshop carrera-toys.com eine bessere Konversationsrate zu erzielen, entschied sich der Hersteller von Autorennbahnen nicht nur für ein ausführliches Re-Platforming, sondern im Zuge dessen auch für die Optimierung der Suchfunktion. Dabei setzte Carrera auf Findologic als Search-Engine und commercetools als E-Commerce-System. Die bessere Suchleistung ist beachtlich – und die Conversion auch.

Der Kunde

Motorsport für jede Altersklasse: Carrera ist das Synonym für spurgebundene Spielzeug-Autorennbahnen. Das Traditionsunternehmen mit Sitz im österreichischen Salzburg zählt zu den führenden Herstellern für Slot-Car-Racing und Zubehör weltweit. Carreras Markenzeichen ist der maßstabsgetreue Bau von Modell-Rennautos und -Sportwägen. Die Produkte werden heute in über vierzig Nationen vertrieben.

Für den Carrera-Webshop carrera-toys.com kommt im Frontend die JavaScript-Bibliothek React zum Einsatz, im Backend Kentico EMS als Content-Management-System – mittlerweile bekannt als Kentico Xperience. Die Wahl der E-Commerce-Plattform fiel auf commercetools, das mit seinem API-first-Ansatz überzeugt und so die gesamte Bandbreite an Shop-Funktionalitäten abdeckt. Das Hosting übernimmt byte5 auf Microsoft Azure. Im Rahmen des Projekts sollte mit Findologic die Qualität der Suchergebnisse sowie die der Vorschlagsfunktion optimiert werden.

Die Highlights

• signifikante Erhöhung der Conversion-Rate
• Content-Commerce beginnt mit der Suchfunktion: intelligente Verknüpfung von Inhalten aus Produktdaten und Volltext
• intuitive User-Experience und schnellere Suchergebnisse
• Implementierung eines Add-to-Cart-Mechanismus im Flap-out-Menü
• Verzahnung und Integration von Findologic mit commercetools, React und Kentico EMS
• High-Performance dank neuer JSON-API

Die Herausforderungen

E-Commerce wird zunehmend komplex – längst vorbei die Zeiten, in denen ein klassisches Shop-System für umfangreiche Web-Lösungen ausreichte. Um alle erforderlichen Funktionalitäten anzubieten, erfordern moderne Webshops das raffinierte Arrangement hervorragender Komponenten. In Carreras Fall sind das commercetools und Findologic zum einen und React und Kentico EMS zum anderen.

Um die Vorzüge von Content-Commerce voll auszuschöpfen und die Konversionsrate zu erhöhen, wünschte sich Carrera eine Suchfunktionalität, die Fließtexte und Produktdaten gleichermaßen einbeziehen und dem Nutzer übersichtlich ausliefern würde. Carrera baute für die Umsetzung auf Findologic als Search-Engine und auf byte5 als Experte für die Integrationsarbeit. Das byte5-Team stand also vor der Herausforderung, eine Suchfunktion zu implementieren, die Informationen aus zwei sehr unterschiedlichen Datenquellen berücksichtigt und in einem Findologic-Feed zusammenfügt. Darüber hinaus galt es, die Performance zu optimieren.

Die Lösung

Entgegen der verbreiteten Praxis, Search-Engines unsauber als Anhängsel zu installieren, investierte byte5 sieben Personentage, um die gründliche Integration der komplexen Suchlösung zu realisieren. Der Aufwand hat sich gelohnt: Als einer der ersten Webshops nutzt carrera-toys.com die Findologic-eigene JSON-API und somit das volle Potential des Search-Engines. Das Carrera-Projekt war im Übrigen auch eins der ersten, das Findologic nativ in React implementierte, ganz ohne Plug-in. Die JSON-Schnittstelle ermöglicht den sauberen, plattform- und programmiersprachenunabhängigen Transfer von Daten zwischen Microservices und anderen Programmteilen. Die von Findologic ausgegebenen Daten bestehen einerseits aus Produktinformationen, die in commercetools hinterlegt sind, und andererseits aus Content-Elementen, die mit Kentico EMS verwaltet werden. Die JSON-API sorgt dabei für die nötige Performance.

Doch Schnelligkeit ist nicht das einzige Plus, mit dem der neue Findologic-basierte Webshop-Suche aufwartet: Die Fuzzy-Search „Smart-Did-You-Mean“ sorgt für breitere Suchergebnisse, darüber hinaus werden auch Varianten und verwandte Produkte angezeigt. Voransichtsbilder machen das Einkaufserlebnis plastischer. Mit einem Add-to-Cart-Button im so genannten Flap-out, dem Ausklapp-Menü, individualisierte das byte5-Team die Suchfunktion weiter.

Das Ergebnis

Im Sinne des Content-Commerce indiziert Findologic auch strukturierte Daten, die ergänzende Informationen wie Landingpages und Produktwelten unkompliziert auffindbar machen. Der Findologic-Feed liefert hochqualitative, intelligente Produktempfehlungen aus zwei verschiedenen Datenquellen, die dem Nutzer als eine Einheit ausgegeben werden. Die Bereitstellung der Suchergebnisse erfolgt übersichtlich, gebündelt und schnell. Die intuitive UX wird ermöglicht durch die smarte Verbindung von Findologic mit der Individualentwicklung des React-Komponenten-Frontends.

Der Add-to-Cart-Button im Flap-out-Menü verhilft dem Kunden zum Suchen und Finden eines Produkts, das dann mit nur einem Klick in den Warenkorb gelegt werden kann. Dank der Findologic-Suchfunktionen „Live Search“ und „Assisted Suggest“ profitiert der Carrera-Shop von einer verkürzten Customer-Journey. Das Resultat aller von byte5 durchgeführten Maßnahmen: eine um ein Vielfaches gestiegene Conversion auf carrera-toys.com. Ziel erreicht!