Navigation im Online Shop: Tipps und Beispiele von Y1, mobilezone und Streetbuzz

Drei Wege zur Produktdetailseite

Es gibt viele Wege, wie ein Kunde zu einer Produktdetailseite (PDP) kommt. Dies kann beispielsweise direkt über die Suchmaschine passieren. Aber auch innerhalb des Shops gibt es verschiedene Möglichkeiten, um zum Produkt zu navigieren. Hier sind drei Wege beschrieben, wie mobilezone es seinen Kunden erleichtert, auf die PDP eines relevanten Produktes zu gelangen.

1. Startseite mit Produktempfehlungen

Die Startseite bietet die erste Möglichkeit, auf eine Produktdetailseite zu navigieren. Durch personalisierte Empfehlungswidgets schafft es mobilezone schon auf der Startseite, den Kunden mit relevanten Produkten abzuholen. Benutzer, die gerne Produkte einer bestimmten Marke kaufen, bekommen Vorschläge für Produkte dieser und ähnlicher oder kompatibler Marken. Der Kunde muss so im besten Fall gar nicht mehr über die Suchfunktion das passende Produkt suchen, sondern kann direkt von der Startseite aus mit einem Klick zu seinem Wunschprodukt gelangen.

Mobilzone bietet direkt auf der Startseite eine Auswahl an relevanten Artikeln an. (Quelle: Screenshot von mobilzone.ch)

2. Suche mit Type Ahead und Produktvorschlägen

Durch die prominent platzierte Suchfunktion bietet mobilezone seinen Kunden eine weitere Möglichkeit, um zur gewünschten Produktdetailseite zu gelangen.

Dabei kannst du auch bei der Suche die Experience des Nutzers verbessern. Um dem Kunden bei der weiteren Produktrecherche zu helfen, passt mobilzone bei ausgeführter Suche die Tabs/ Reiter so an, dass sie auf die individuelle Suche abgestimmt sind.

Du kannst den User auch schon davor – bei der Sucheingabe – unterstützen. Durch den Einsatz einer intelligenten Suche kannst du z. B. Null-Treffer-Seiten vermeiden. Eine Type-Ahead-Funktion, wie sie im Shop von mobilezone zu finden ist, zeigt dem User schon mit Beginn des Tippens ins Suchfeld Vorschläge für Kategorien und eine Vorschau von möglichen Produkten an. “Hovert” ein Shopbesucher mit der Maus über die vorgeschlagenen Kategorien, passen diese Produkte sich entsprechend an. Auch hier findet der Kunde sein Wunschprodukt leichter und erhält somit einen schnellen Einstieg in den Einkaufsprozess.

Durch passende Suchvorschläge und Produkte von mobilzone gelangt der Kunde schon nach wenigen Buchstaben zum Ziel. (Quelle: Screenshot von mobilzone.ch)

3. Produktlisting-Seiten

Die dritte Möglichkeit, zu einer Produktdetailseite zu navigieren, stellen Produktlisting-Seiten dar. Diese können entweder über die Kategorien oder durch eine ausgelöste Suche erreicht werden.

Beim Listing – ausgelöst durch eine Suche – werden Produkte und Kategorien angezeigt, die der Suche des Users entsprechen. Denn wenn er von den Ergebnissen nicht überzeugt ist, besteht die Gefahr, dass er den Shop wieder verlässt. Um das zu verhindern, kannst du personalisieren. Dies schafft zum einen eine positive Experience und vermeidet zum anderen unbefriedigende Such- und Kategorieergebnisse.

Mobilezone setzt dies in seinem Shop um und zeigt dem Nutzer personalisierte Such- und Kategorietreffer entsprechend des Nutzerverhaltens. Dies geht sogar über reine Produkt-Listings hinaus und umfasst auch Themenwelten oder Übersichtsseiten mit Serviceleistungen, wie Abonnements.

Produkte und Kategorien werden passend zum Suchbegriff ausgespielt. (Quelle: Screenshot von mobilzone.ch)

Schließlich gelangt der Nutzer über all diese Wege schnell und ohne unnötige Umwege auf die Produktdetailseite seines Wunschprodukts. Damit steht fest: Personalisierung und intelligente Features helfen die Conversion Rate in deinem Online Shop zu erhöhen.

Navigation auf der Produktdetailseite

Hat der Nutzer nun sein Wunschprodukt gefunden, so kannst du ihm im Online Shop mit Cross Selling weiter inspirieren. Indem du ihm weitere relevante Produkte und Services anzeigst, kannst du den Warenkorbwert erhöhen.

Mobilezone bietet dem Kunden hier verschiedene Möglichkeiten, seine Auswahl zu ergänzen:

• Auf der PDP werden beispielsweise bei Smartphones kompatible Abo-Modelle und Verträge angeboten.
• Das Ganze funktioniert aber auch umgekehrt: Sucht sich der Nutzer einen Vertrag für ein Smartphone aus, werden passende Geräte angezeigt, welche er dazu buchen kann.
• Auch Zubehör-Empfehlungen auf der Produktdetailseite sorgen für Cross Selling und eine positive Experience. Hier kann der Nutzer zusätzlich die vorgeschlagenen Produkte „liken“ und „disliken“. Zum einen entsteht so ein spaßiger Gamification-Effekt und zum anderen kann mobilezone so lernen, welches Zubehör für den Nutzer und das Produkt relevant ist.
• Diese Information kann mobilezone im weiteren Verlauf berücksichtigen. Im Warenkorblayer enthalten die Empfehlungen, dann unter anderem die Produkte, die zuvor geliked wurden.

Mobilzone regt Kunden zum Bewerten der Produktvorschläge an und bietet somit einen Gamification-Effekt. (Quelle: Screenshot von mobilzone.ch)

Mobilezone schafft es somit durch eine personalisierte und angepasste Navigation im Online Shop, den Kunden optimal auf der Onsite Journey zu begleiten und sorgt durch viele 1:1 personalisierte Touchpoints für eine positive User Experience.

1. Suchfunktion

Durch das Autosuggest-Fenster bekommt der Kunde einen schnellen Einstieg in den Einkaufsprozess. Denn auf Produkt- und Kategorieebene werden Vorschläge angezeigt, die nach Beliebtheit aller Kunden sortiert sind. Der Kunde hat somit die Möglichkeit, schnell in die Produktkategorien einzutauchen, für die er sich interessiert. Gefällt dem Besucher ein Produkt mit großer Beliebtheit, kann er also ohne Umwege zur Produktdetailseite gelangen.

Bleibe up to date in Sachen Personalisierung: Melde dich zum epoq Newsletter an. Jetzt anmelden!

2. Suchergebnisliste

Die Produkte in der Ergebnisliste, welche dem User nach einer ausgelösten Suche angezeigt wird, sind ebenfalls nach Beliebtheit aller Kunden sortiert. Da der Kunde meist nach einem Produkt für ein bestimmtes Fahrzeug sucht, bietet Streetbuzz Kunden die Möglichkeit, die Liste durch einen Klick nach dem Fahrzeugmodell zu filtern. Obendrein wird die Liste für den User 1:1 personalisiert. D. h. es werden seine persönlichen Präferenzen berücksichtigt. Dadurch ist es möglich, auch bei einem sehr weiten und tiefen Sortiment, stets relevante Ergebnisse auszuspielen und Frustration beim Kunden zu vermeiden.

3. Filternavigation

Bei einer großen Produktauswahl ist die Filternavigation entscheidend. Denn diese bietet dem Kunden Eingrenzungsmöglichkeiten der Produkte. Je nach Kategorie, werden bei Streetbuzz unterschiedliche Filteroptionen angezeigt. Indem Streetbuzz nur relevante Möglichkeiten zeigt, wird der Kunde nicht durch zu viele oder unnötige Optionen überfordert. Sucht er beispielsweise nach „Zylindern“ ist die Farbe irrelevant. Dies ändert sich jedoch bei einem User der nach Verkleidungsteilen für sein Fahrzeug sucht.

Streetbuzz bietet dem Kunden durch passende Filter eine schnelle Eingrenzungsmöglichkeit. (Quelle: Screenshot von scooter-attack.com)

4. Alternative Produktempfehlungen

Ist der Kunde erst einmal auf einer Produktdetailseite gelandet, ist der erste Schritt geschafft. Das heißt aber noch nicht unbedingt, dass er auch sein Wunschprodukt gefunden hat. Hier ist es wichtig, dass der Kunde durch relevante Empfehlungen seine Journey durch den Shop fortsetzen kann und ein (noch besser) passendes Produkt findet.

Streetbuzz spielt auf der PDP Empfehlungen aus, die mit dem jeweiligen Fahrzeugmodell kompatibel sind. Zusätzlich werden Alternativen angezeigt, welche dem Kunden die Möglichkeit bieten, seine Auswahl zu vergleichen.

5. Warenkorblayer

Hat der Kunde sich für ein Produkt entschieden, gibt es auch im Warenkorblayer Möglichkeiten, die Navigation des Kunden zu verbessern. Bei Streetbuzz werden unter dem Pop-Up „Das könnte dir auch gefallen“, Zusatzprodukte angezeigt, welche das in den Warenkorb gelegte Produkt sinnvoll ergänzen und somit relevant für den Shopkunden sind – Natürlich auch hier unter Berücksichtigung des Fahrzeugmodells. Somit kann der Warenkorbwert durch Cross Selling gesteigert und dem Kunden obendrein ein positives Shoppingerlebnis geboten werden.

Streetbuzz weist Kunden im Warenkorblayer auf zum Produkt passende Vorschläge hin. (Quelle: Screenshot von scooter-attack.com)

Am Beispiel von Streetbuzz wird deutlich: Je personalisierter die einzelnen Steps sind, desto kürzer ist der Weg zur Produktdetailseite und desto geringer ist die Gefahr des Absprungs.