Navigation, die verkauft: Was wir in 60 Shop-Analysen gelernt haben
Wir haben in über 60 Shop-Analysen die Navigation untersucht. Die Ergebnisse sind erstaunlich: In 73 Prozent der Shops finden Kunden Produkte nicht, die vorhanden sind. Nicht weil die Produkte schlecht sind. Sondern weil die Navigation sie nicht sichtbar macht.
Dieser Artikel zeigt die Navigation-Optimierungen, die wir in A/B-Tests getestet haben — und was wirklich den Umsatz beeinflusst.
Die Suche als Hauptnavigation
Die interne Suche ist der am meisten unterschätzte Navigationselement. Nutzer, die die Suche nutzen, konvertieren im Durchschnitt 2,3-mal so oft wie Nutzer, die nur browsen. Aber die meisten Shops behandeln die Suche als technisches Feature, nicht als strategischen Conversion-Treiber.
Ein Möbel-Shop hatte eine Suche, die exakte Treffer anzeigte — und sonst nichts. Suchte ein Kunde nach „bequemer Sessel“, zeigte die Suche null Ergebnisse, weil kein Produkt exakt diesen Begriff im Titel trug. Die Absprungrate nach einer Suche ohne Ergebnis lag bei 89 Prozent.
Wir implementierten eine intelligente Suche mit Synonym-Erkennung („Sessel“ = „Armchair“ = „Loungesessel“), Fuzzy-Matching für Tippfehler und einer „Ähnliche Produkte“-Anzeige bei leeren Ergebnissen. Die Conversion-Rate der Suchnutzer stieg von 4,1 auf 7,3 Prozent. Der Anteil der Suche am Gesamtumsatz verdoppelte sich.
Der wichtigste Einblick: Die Suche ist kein technisches Problem. Sie ist ein psychologisches. Der Kunde, der sucht, weiß bereits, was er will. Er hat nur nicht gefunden, wie er es benennen soll. Der Shop, der das versteht, gewinnt den Umsatz.
Das Mega-Menü als Entscheidungsbeschleuniger
Die klassische Dropdown-Navigation zeigt Kategorien und Unterkategorien. Ein Mega-Menü zeigt Kategorien, Unterkategorien und ausgewählte Produkte oder Bilder. Der Unterschied scheint kosmetisch. Aber die Conversion-Daten zeigen etwas anderes.
Ein Fashion-Shop testete ein Mega-Menü gegen ein klassisches Dropdown. Das Mega-Menü zeigte pro Hauptkategorie vier Unterkategorien mit je einem Produktbild und einem „Neuheiten“-Link. Die Fläche war größer, die Information dichter.
Die Klickrate auf Kategorie-Links stieg um 34 Prozent. Die Conversion Rate der Kategorie-Traffic stieg um 12 Prozent. Die durchschnittliche Zeit bis zum ersten Produktklick sank von 23 auf 14 Sekunden.
Aber: Das Mega-Menü funktionierte nur auf Desktop. Auf Mobile war es unbrauchbar — zu klein, zu überladen, zu schwierig zu bedienen. Wir bauten eine Mobile-Variante: Ein Hamburger-Menü mit maximal 6 Hauptkategorien. Jede Kategorie öffnete sich als Vollbild-Overlay mit großen Touch-Targets. Die Mobile-Klickrate stieg um 18 Prozent.
Die Lektion: Navigation muss kanalspezifisch sein. Was auf Desktop funktioniert, funktioniert auf Mobile nicht — und umgekehrt.
Filter, die funktionieren
Die Filter-Navigation ist der Punkt, an dem der Kunde seine Auswahl eingrenzt. Ein schlechter Filter führt zu Frustration. Ein guter Filter führt zur Conversion.
Ein Elektronik-Shop hatte Filter nach Marke, Preis, Farbe und Bewertung. Das war Standard. Aber die Analyse zeigte: 47 Prozent der Kunden nutzten die Filter nicht. Sie scrollten durch Seiten von Produkten, statt die Filter zu nutzen. Die Absprungrate auf Kategorie-Seiten lag bei 62 Prozent.
Wir testeten eine neue Filter-Struktur. Statt generischer Filter nutzten wir nutzerzentrierte Filter, die auf der Customer Journey basierten: „Wofür nutzen Sie den Laptop?“ — Arbeit, Gaming, Studium. Jede Option zeigte eine andere Produktauswahl. Die Filter-Usage stieg von 23 auf 61 Prozent. Die Conversion stieg um 19 Prozent.
Der wichtige Unterschied: Die neuen Filter sprachen die Sprache des Kunden, nicht die Sprache des Shops. Der Kunde denkt nicht „Ich will eine Marke zwischen 500 und 800 Euro“. Er denkt „Ich brauche einen Laptop für die Arbeit, der nicht zu schwer ist“.
Mobile-Navigation als eigenes System
Mobile-Navigation ist nicht „Desktop-Navigation, nur kleiner“. Mobile-Navigation ist ein eigenes System mit eigenen Regeln. Der Screen ist klein, die Finger sind groß, die Geduld ist gering.
Ein Beauty-Shop hatte eine Mobile-Navigation, die das Desktop-Mega-Menü 1:1 übernahm. Die Ergebnisse waren katastrophal: Die Menü-Öffnungsrate lag bei 8 Prozent. Die Klickrate auf Menü-Items bei 2 Prozent. Die meisten Mobile-Nutzer scrollten auf der Startseite oder nutzten die Suche.
Wir bauten eine Mobile-First-Navigation: Ein Hamburger-Menü mit maximal 6 Hauptkategorien. Jede Kategorie öffnete sich als Vollbild-Overlay mit großen Touch-Targets (mindestens 48 × 48 Pixel). Unterkategorien waren als vertikale Liste mit 16 Pixel Abstand angeordnet. Es gab keine dritte Ebene — nur Kategorie und Unterkategorie.
Die Menü-Öffnungsrate stieg auf 31 Prozent. Die Klickrate auf Menü-Items auf 18 Prozent. Die Conversion Rate der Mobile-Nutzer stieg um 9 Prozent. Die Lektion: Mobile-Navigation muss für Mobile gebaut werden. Kein Port, kein Resize. Eigenes Design, eigene Struktur, eigene Tests.
Fazit: Navigation ist Business, nicht Design
Die Navigation ist das Rückgrat des Shops. Sie bestimmt, ob der Kunde findet, was er sucht. Sie bestimmt, wie schnell er findet. Sie bestimmt, ob er überhaupt findet.
Die vier Tests in diesem Artikel zeigen: Intelligente Suche, kanalspezifische Menüs, nutzerzentrierte Filter und Mobile-First-Navigation sind keine Design-Features. Sie sind Business-Hebel. Jeder der Tests hat die Conversion messbar verbessert — nicht durch schönere Bilder, sondern durch bessere Findbarkeit.
Wer Navigation als strategischen Hebel versteht, investiert in die Infrastruktur, die den Kunden zum Produkt führt. Wer Navigation als Selbstverständlichkeit behandelt, verliert Kunden an Shops, die es besser machen.
Zuletzt aktualisiert: Mai 2026
