de de de nl en de de ca es de de de en en en de de de de de en de de de de de de de de de de de de de de de de de de de en de en de de de de de de en de de nl de de de de de da it fr de de de ceb en en de ca de fr de it de
Case-Story – Carrera: Gesucht, gefunden, gekauft: Beträchtliche Erhöhung der Conversion-Rate | byte5 GmbH
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.
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.
Replatforming ist für alle Parteien mitunter die spannendste, jedoch auch intensivste Zeit der Kommunikation und Zusammenarbeit. Unter ganzheitlicher Betrachtung von Händler- und User-Bedürfnissen wurde im Rahmen der komplett neuen Architektur zu carrera-toys.com stringent der Best-of-Breed Ansatz verfolgt.
Simon Reichel, COO Findologic
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 commercetools, React, Findologic und Kentico EMS
High-Performance dank neuer JSON-API von Findologic
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.
© Stadlbauer Marketing + Vertrieb GmbH
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.
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.
© Stadlbauer Marketing + Vertrieb GmbH
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.
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.
© Stadlbauer Marketing + Vertrieb GmbH
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!
Simon Reichel - © Findologic
Es macht Spaß zu sehen, wie seit Launch einzelne Stellschrauben ressourcensparend adaptiert werden können, um den sich immer schneller ändernden Anforderungen gerecht zu werden. Mit der Bereitstellung der globalen Produkt-Listings versorgen wir User möglichst relevant mit Information.
Simon Reichel, COO Findologic
Weitere Projekte von byte5
Lesen Sie weitere Case-Storys und erfahren Sie mehr über die Arbeitsweise von byte5. Realisieren Sie mit uns Ihr Projekt durchdacht, effizient und performant.
Willkommen bei byte5 ... Alexandra Hochhaus Wir bei byte5 ... Vincent Bärtsch Willkommen bei byte5 ... David Glogaza Wir bei byte5 ... Jonathan Rüsche Umbraco Version 10
Laura ist für alles zuständig, was mit Events zu tun hat. Wenn die studierte Philologin nicht gerade mit der Organisation des nächsten Tech-Festivals beschäftigt ist, schreibt und recherchiert sie mit Hingabe zu Themen, die die Communitys bewegen.
Unser Portfolio umfasst Beratung, Umsetzung und Training rund um anspruchsvolle Enterprise-Webanwendungen auf Grundlage ausgesuchter, innovativer Technologien.
60314 Frankfurt am Main
Telefon: +49 (0) 69 8700506 - 0
Fax: +49 (0) 69 8700506 - 60
Willkommen bei byte5 ... Alexandra Hochhaus Wir bei byte5 ... Vincent Bärtsch Willkommen bei byte5 ... David Glogaza Wir bei byte5 ... Jonathan Rüsche Umbraco Version 10 The Developer’s Diary Teil 3
Copetri Convention 2022 Wir bei byte5 ... Marlon Basten byte5 in Österreich Volltextsuchen mit Laravel Scout Willkommen bei byte5 ... Vincent Bärtsch Deutschlands beste Arbeitgeber