Suche: Der erste Baustein Ihrer neuen Headless-Architektur

Headless Commerce bezeichnet die Trennung des Frontends eines E-Commerce-Erlebnisses vom Backend, was eine bislang beispiellose architektonische Flexibilität ermöglicht. Die über eine API bereitgestellte Commerce-Logik Ihres Shops dient als Kern, an den Sie beliebig viele „Heads“ anbinden können. „Heads“ sind Kundenkontaktpunkte, an denen Transaktionen stattfinden, oder Systeme zur Unterstützung von Mitarbeitern wie Merchandisern, Lagerpersonal und Kundendienstmitarbeitern. Beispiele für „Heads“ sind:

• E-Commerce-Website
• Mobile App
• Kiosk im Geschäft
• Support-Website mit FAQs und Chatbots
• Kontaktcenter-Apps
• Logistik-Apps

Bei „Headless“ wird die Präsentationsschicht eines Online-Shops von den geschäftskritischen Prozessen wie Auftrags- und Bestandsverwaltung, Zahlungsabwicklung oder Versand getrennt. Auf diese Weise können Unternehmen die Entwicklung entkoppeln und sich ausschließlich auf die Interaktion mit den Kunden konzentrieren, ohne sich Gedanken über die Auswirkungen auf kritische Backend-Systeme machen zu müssen.

Die Vorteile sind zahlreich, darunter eine einfachere und bessere Skalierbarkeit, mehr Flexibilität durch die Möglichkeit, im Frontend zu experimentieren, sowie mehr Anpassungsmöglichkeiten, um sicherzustellen, dass jedes Nutzererlebnis im Einklang mit der Marke steht.

Die Suche (neu) definieren

Im Frontend kann eine robuste, fortschrittliche Suchlösung einige der wichtigsten Aspekte der Benutzererfahrung unterstützen. Neben dem Suchfeld und den Suchergebnisseiten:

• Die Navigationsmenüs eines Online-Shops basieren auf der Suche: Dabei wird die Suche in den Hauptkategorien der Produkte durchgeführt, die der Shop anbietet.
• Kategorieseiten dienen der Suche: Hier werden alle Produkte einer bestimmten Kategorie angezeigt.
• Landingpages sind Suchergebnisse: Sie sind die Seite, auf der der Suchende landet, nachdem er auf eine Anzeige oder ein Suchergebnis geklickt hat, und sie sind es, die den Suchenden zur Konversion führen. Das gilt auch für Produktempfehlungen, Produktkarussells auf der Startseite usw.
  Die Bereitstellung aller Produkte und Inhalte, wegen denen der Käufer gekommen ist, kann durch eine Suchlösung gesteuert und verwaltet werden – sowohl im Webshop als auch kanalübergreifend.

Im Backend wird es sogar noch interessanter. Eine robuste Suchlösung kann als zentrale Stelle dienen, an der Sie Produktdaten aus all Ihren Systemen zusammenführen, um sie dort bereitzustellen, wo sie benötigt werden – ganz gleich, ob diese Daten in einer einzigen, aber komplexen Quelle wie beispielsweise in monolithischen Architekturen oder in mehreren, einfacher zu verbindenden Quellen in Headless-Architekturen gespeichert sind.

Der erste Schritt zu Ihrer Headless-Architektur – auch wenn Sie noch monolithisch arbeiten

Die zahlreichen Möglichkeiten, die eine Headless-Architektur bietet, sowie das breite Anwendungsspektrum von Suchfunktionen für Einzelhändler können zunächst einschüchternd wirken. Einzelhändler können jedoch Schritt für Schritt vorgehen, um den Weg in die Zukunft zu ebnen und gleichzeitig kurzfristig erhebliche ROl zu erzielen.

Untersuchungen zeigen, dass Einzelhändler, die in fortschrittliche Suchfunktionen investieren, doppelt so hohe Konversionsraten bei der Suche erzielen, daraus mehr Umsatz generieren und dass Nutzer einer hochwertigen Website-Suche mit 3,4-mal höherer Wahrscheinlichkeit konvertieren, klicken, sich anmelden oder andere vom Unternehmen gewünschte Aktionen ausführen. Ein erster einfacher Schritt in Richtung Headless besteht darin, Ihre bestehende E-Commerce-Websitesuche mit einer robusten, Headless-fähigen und API-orientierten Suchlösung zu erweitern. Damit können Sie Ihren Produktkatalog mithilfe vorgefertigter Integrationen oder APIs in die Suchlösung indizieren und anschließend Suchkomponenten für Ihr Frontend entwerfen.

Sie können sogar zunächst nur mit dem Suchfeld und den Suchergebnisseiten beginnen.

Lassen Sie uns über Ihr Frontend sprechen. Sie können damit beginnen, Frontend-Vorlagen für die E-Commerce-Suche zu nutzen, wie beispielsweise „Unified Instant Search for E-Commerce“ von Algolia, das bewährte Verfahren für die Suche in einem feststehenden, ganzseitigen Overlay bündelt, das Ihre bestehende Website nicht beeinträchtigt. Hier finden Sie ein Live-Coding-Video, das zeigt, wie Sie dies auf Ihrer Website implementieren können.

Und schon ist es geschafft: Selbst wenn Ihr Stack noch auf einer monolithischen E-Commerce-Plattform basiert, haben Sie gerade den ersten Baustein Ihrer Headless-Architektur errichtet.

Anschließend können Sie dieses Frontend anpassen oder mit der Implementierung weiterer Elemente wie suchgestützter Kategorieseiten, verwandter Artikel oder einer Verbundsuche beginnen.

Durch die Iteration am Frontend und die Umstellung weiterer Frontend-Komponenten auf die neue Suchlösung werden Sie und Ihr Team sich besser an Headless gewöhnen.

Erweitern Sie Ihre Omnichannel-Strategie, indem Sie mehr Mitarbeiter einstellen

Sobald Sie sich an diese Architektur gewöhnt haben, können Sie darüber nachdenken, dieses Modell auf andere Kundenkontaktpunkte zu übertragen. Der Vorteil, mit der Suche zu beginnen, besteht darin, dass Sie Ihren Katalog, sobald er indexiert ist, von jeder anderen Anwendung in Ihrer Umgebung aus nutzen können.

Wenn die anderen Komponenten Ihres E-Commerce-Stacks (Zahlungsabwicklung, Auftragsabwicklung, …) relativ flexible Implementierungen bieten, können Sie Einkaufserlebnisse schaffen, bei denen Kunden Ihre Produkte über neue Geräte und Kanäle kaufen können, darunter mobile Apps, Sprachassistenten usw.

Auch wenn Ihr Stack noch nicht ganz ausgereift ist, gibt es dennoch zahlreiche Berührungspunkte, an denen eine hochmoderne Katalogsuche und -navigation von großem Nutzen ist.

• Mobile App für Ihre Filialmitarbeiter: Sie ermöglicht es ihnen, den Katalog effizient zu durchsuchen und bei der Beratung von Kunden schnell zu sehen, was in der Filiale oder in nahegelegenen Filialen vorrätig ist. Außerdem kann sie den Filialmitarbeitern spontan Artikel für Cross-Selling vorschlagen. Dies verbessert das Einkaufserlebnis für Kunden in der Filiale und steigert die Produktivität der Filialmitarbeiter. Dies gilt umso mehr in der
  von COVID geprägten Welt, da Filialmitarbeiter häufig auf Online-Kanäle wie WhatsApp zurückgreifen, um mit Kunden zu kommunizieren und Produkte zu empfehlen.
• Kiosk im Geschäft: Anhand Ihres über Ihre Suchlösung indexierten Katalogs können Sie eine Anwendung erstellen, mit der Kunden Ihren Katalog selbstständig durchstöbern können – wobei ihnen Preise, Verfügbarkeit und Wegbeschreibungen zum jeweiligen Artikel im Geschäft sofort zur Verfügung stehen. Dies ermöglicht nicht nur ein umfassendes Selbstbedienungserlebnis für Kunden, die dies bevorzugen, sondern kann auch verhindern, dass sie Ihr Geschäft verlassen, wenn alle Mitarbeiter gerade beschäftigt sind.

• Callcenter-Tool: Für bestimmte Einzelhändler sind Kundendienstmitarbeiter eine wichtige Anlaufstelle für Kunden. Einige nutzen das Callcenter sogar als zusätzlichen Vertriebskanal, über den Kunden Bestellungen per Telefon aufgeben können. Ganz gleich, ob Verbraucher Hilfe zu bereits gekauften Produkten benötigen oder neue Produkte erwerben möchten – Kundendienstmitarbeiter profitieren von einem modernen, benutzerfreundlichen Produktkatalog, der alle Informationen enthält, die sie benötigen, um Kunden optimal zu beraten, darunter detaillierte Verfügbarkeitsdaten, Nachliefertermine usw.

Das ist nur ein kleiner Ausschnitt der Möglichkeiten.

Zeigen Sie Ergebnisse aus all Ihren Inhaltsquellen an und schaffen Sie einheitliche Nutzererlebnisse

Moderne Einkaufserlebnisse sind mehr als nur das reine Kaufen. Sie sind inspirierend. Verbraucher erwarten mehr als nur langweilige Produktkataloge, wenn sie mit Einzelhändlern interagieren – sei es im Internet oder anderswo. Daher ist es entscheidend, Ihre redaktionellen Inhalte (Ankündigungen neuer Kollektionen, Lookbooks, Einkaufsratgeber, Rezensionen usw.) in das Einkaufserlebnis zu integrieren oder sie als Hilfe für Käufer bereitzustellen, die danach suchen.

So bietet Cratejoy, ein Anbieter von Abo-Boxen, seinen Kunden nicht nur ein angenehmes Sucherlebnis, sondern auch Inhalte, die sie an jedem Punkt ihrer Kaufreise abholen – und diesen Prozess beschleunigen.

Diese Inhalte befinden sich möglicherweise in anderen Systemen als Ihr Produktkatalog. Auch hier bietet die Investition in eine Suchfunktion als erster Schritt hin zu einer Headless-Architektur einen entscheidenden Vorteil: Eine leistungsfähige Suchlösung ist in der Lage, diese Inhalte aus beliebigen dieser Quellen über eine API oder einen Crawler zu indexieren. Anschließend sind nur noch einige Iterationen erforderlich, um diese Inhalte zusammen mit Ihren Produkten in den von Ihnen erstellten Heads bereitzustellen.

Zusätzliche Vorteile der Headless-Architektur

Eine Headless-Commerce-Architektur sorgt nicht nur für großartige Erlebnisse über alle Kanäle hinweg, sondern ermöglicht auch eine einfache kanalübergreifende Personalisierung. Indem Sie sich auf eine einzige Suchplattform und deren Personalisierungs-Engine stützen, um kanalübergreifende Erlebnisse zu gestalten, können Sie Ihren Kunden konsistente, personalisierte Erlebnisse bieten. Während diese über verschiedene Kontaktpunkte mit Ihrer Marke interagieren, lernen die KI-Algorithmen Ihrer Suchmaschine mehr über ihre Vorlieben und passen die Darstellung entsprechend an, wodurch jedes Nutzererlebnis noch lohnender wird.

Durch die Entkopplung des Frontends vom Backend ermöglicht Ihnen Headless Commerce, Ihr Frontend individuell anzupassen und auf jedem Kanal ein Erlebnis zu schaffen, das perfekt zu Ihrer Marke passt.

Für Ihr Merchandising-Team ermöglicht die Headless-Architektur – insbesondere in Verbindung mit einer Suchlösung – die Gestaltung und Verwaltung des Kundenerlebnisses auf allen Geräten über ein einziges, benutzerfreundliches Tool, ohne dass dabei die IT-Abteilung hinzugezogen werden muss.

Der größte Vorteil einer Headless-Commerce-Architektur liegt jedoch für Ihre IT-Teams. Sie sind in der Lage, Omnichannel-Erlebnisse mühelos bereitzustellen und zu skalieren, wobei sie für jede Plattform das jeweils am besten geeignete Framework und die passende Programmiersprache nutzen können. Headless ermöglicht zudem schnelle Änderungen am Frontend, ohne das Backend zu beeinträchtigen, was zu schnelleren Iterationen und einer kürzeren Markteinführungszeit sowie zu einfacheren Experimenten führt.

Ersetzen Sie Ihre Backend-Implementierung Komponente für Komponente

Wie wir bereits auf den vorherigen Seiten erläutert haben, ist der Einstieg über die Suche eine relativ einfache und dennoch wirkungsvolle Möglichkeit, den Übergang zu einer Headless-Commerce-Architektur einzuleiten. Sobald Sie sich mit den Prinzipien einer solchen Architektur vertraut gemacht und einige neue „Heads“ implementiert haben, können Sie die nächsten Schritte Ihres Übergangs in Angriff nehmen und damit beginnen, weitere Komponenten Ihres E-Commerce-Stacks auf Headless-Lösungen umzustellen, beispielsweise die Zahlungsabwicklung, das CMS und Ihr E-Commerce-Backend.

Es stehen zahlreiche Lösungen für die Einführung von Headless-Commerce zur Verfügung, darunter fammercetoes als Commerce-Plattform, Netlity als CMS, Mebity als Storefront und Algalia als Suchlösung – und weitere sind in Vorbereitung.