Wenn ein Shop die Marke von 500 Produkten und 15 Kategorien überschreitet, ändert sich die Sache grundlegend. Die Herausforderung der Navigation für skalierte Shops lautet nicht mehr “Wie halte ich alles ordentlich?”, sondern “Wie helfe ich Tausenden von Käufern mit Dutzenden unterschiedlicher Absichten, jeweils in Sekunden das zu finden, was sie suchen?” Das ist die Phase, mit der ich beim Betrieb eines Shops am meisten gekämpft habe — lass mich also teilen, was ich dabei gelernt habe.
Wie Phase 3 aussieht
Das offensichtlichste Merkmal ist ein großer, mehrstufiger Katalog. Du hast nicht mehr ein paar flache Kategorien, sondern einen 2- bis 3-stufigen Baum: eine Hauptgruppe, Untergruppen und dann eine Filterung nach Eigenschaften. Ein Modeshop könnte Herren / Damen / Kinder haben, wobei jeder Zweig sich in Oberteile / Unterteile / Accessoires aufteilt und dann weiter nach Anlass oder Saison.
Auch der Traffic wird vielfältiger. Käufer, die über die Google-Suche kommen, wissen meist schon, was sie wollen. Käufer aus Facebook- oder TikTok-Werbung landen oft spontan auf der Seite, klicken auf ein Produkt und entscheiden dann, was sie als Nächstes tun. Käufer aus E-Mails sind Stammkunden, die sich auskennen. Jede Quelle verhält sich anders, und das Menü muss alle drei auf derselben Oberfläche bedienen.
Viele Shops verkaufen in dieser Phase auch über mehrere Märkte und Sprachen hinweg. Und Geschwindigkeit ist jetzt eine Überlebensfrage. Laut Google liegen die guten Schwellenwerte für die Core Web Vitals bei einem LCP unter 2,5 Sekunden, einem INP unter 200 ms und einem CLS unter 0,1. Jede zusätzliche App, die du installierst, kann von diesem Budget zehren, sodass es echte Disziplin erfordert, die Seite leicht zu halten.
Navigationsbedürfnisse in dieser Größenordnung
Eine einfache Menüleiste reicht für die Navigation eines skalierten Shops nicht aus. Die Anforderungen umfassen in der Regel:
- Ein komplexeres Mega-Menü: mehrere Spalten, um den gesamten Kategoriebaum abzubilden, mit Platz für ein hervorgehobenes Produkt und ein saisonales Aktionsbanner.
- Optimierte mobile Navigation: Die meisten Bestellungen kommen vom Smartphone, also muss das Touch-Erlebnis flüssig und gut erreichbar sein.
- Menü-A/B-Tests: Wenn der Traffic groß genug ist, messen statt raten.
- Ein FAB für saisonale CTAs: ein schwebender Button, um die laufende Kampagne zu pushen, ohne das gesamte Menü anzufassen.
Das mehrspaltige Mega-Menü — und seine Grenzen
Ein mehrspaltiges Mega-Menü lässt Käufer die gesamte Shop-Struktur in einem einzigen Hover sehen. Das ist ein großer Vorteil auf dem Desktop, wo viel Platz und ein präziser Cursor vorhanden sind.
Aber mehrere Spalten bedeuten nicht, alles hineinzuquetschen. Käufer scannen den Bildschirm von links nach rechts, von oben nach unten, daher sollte die ganz linke erste Spalte die wichtigste Gruppe enthalten. Ein hervorgehobenes Produkt oder Banner in der ganz rechten Spalte zu platzieren — dem Bereich, den das Auge zuletzt erreicht — ist meist sinnvoller, als es mitten in den Lesefluss zu quetschen.
Mobil: wo die Bestellung entschieden wird
Auf dem Smartphone ist der Daumen der Cursor. Laut Steven Hoober (UXmatters) halten die meisten Nutzer das Telefon einhändig und bedienen es mit dem Daumen, sodass der am leichtesten erreichbare Bereich die untere Hälfte des Bildschirms ist. Deshalb ist eine fixierte Tab Bar am unteren Rand meist wirksamer, als alles in ein Hamburger-Menü oben zu packen.
Die Nielsen Norman Group weist außerdem darauf hin, dass das Verstecken der gesamten Navigation hinter einem Hamburger deutlich reduziert, wie häufig Käufer das Menü überhaupt nutzen. Sie empfehlen eine Kombination: ein paar wichtige Verknüpfungen vorne sichtbar, der Rest in einem Slide-Menü verstaut. Für einen Shop mit 500+ Produkten ist diese Paarung nahezu zwingend — du kannst nicht erwarten, dass Käufer den Hamburger von selbst öffnen, um den Katalog zu erkunden.
Ein paar schwierige Entscheidungen
In dieser Größenordnung haben die Entscheidungen keine Einheitsantworten mehr. Ein paar Dinge, die ich abwägen musste:
Solltest du das Menü nach Persona aufteilen? Zum Beispiel “Für mich” und “Als Geschenk” trennen. Das funktioniert, wenn die beiden Käufergruppen tatsächlich unterschiedlich denken — Geschenkkäufer achten auf den Anlass, das Budget, die beschenkte Person. Aber wenn du eine Persona aufzwingst, in der Käufer gar nicht denken, fügst du nur eine weitere Schicht des Zögerns hinzu. Schau dir deine internen Suchdaten an, bevor du entscheidest.
Solltest du die Suche an das Mega-Menü anhängen? Bei einem großen Katalog ist die Suche oft der schnellste Weg für einen Käufer mit Absicht, sein Ziel zu erreichen. Das Suchfeld direkt im oder neben dem Mega-Menü zu platzieren bedient beide Gruppen — die, die gern stöbern, und die, die gern tippen. Das ist meist eine “sollte man machen”-Entscheidung.
Wann solltest du ein hervorgehobenes Produkt im Mega-Menü einsetzen? Wenn du ein Produkt hast, das es wirklich wert ist, gepusht zu werden: Neuheiten, stark reduzierte Artikel oder der Bestseller dieser Gruppe. Platziere ein hervorgehobenes Produkt nicht nur, um leeren Raum zu füllen — eine Bildbox ohne Grund macht das Menü unübersichtlicher und langsamer.
Eine Regel, die ich mir selbst gesetzt habe: Jedes Element im Menü muss die Frage beantworten “Hilft es dem Käufer, voranzukommen, oder ist es nur Dekoration?”
Eine Grundlage, die man sich merken sollte: Laut dem Baymard Institute liegt die durchschnittliche Warenkorbabbruchrate bei rund 70 %, und diese Zahl hat sich über viele Jahre kaum verändert. Gute Navigation kann den Checkout-Schritt nicht reparieren, aber ein überladenes, langsames, schwer durchsuchbares Menü bringt Käufer dazu, sehr früh abzuspringen — noch bevor sie überhaupt die Chance bekommen, etwas in den Warenkorb zu legen.
Konfigurationstipps mit Navi+
In dieser Phase trenne ich Desktop und Mobil meist, statt eine gemeinsame Konfiguration zu verwenden. Navi+ lässt dich die beiden Umgebungen unabhängig voneinander konfigurieren, also ist jetzt der Zeitpunkt, das zu nutzen.
Auf dem Desktop: Setze ein vollständiges Mega-Menü ein. Lege den Kategoriebaum über mehrere Spalten an, reserviere eine Spalte für ein hervorgehobenes Produkt oder ein saisonales Banner und überlege, ein Suchfeld direkt ins Menü zu integrieren. Da Navi+ per No-Code-Drag-and-Drop funktioniert, kannst du das Spaltenlayout recht schnell ändern, wenn du eine neue Struktur ausprobieren willst.
Auf dem Smartphone: Kombiniere drei Ebenen. Eine optimierte Tab Bar am unteren Rand für die 4-5 wichtigsten Pfade, die sauber innerhalb der Daumenzone sitzt. Ein Slide-Menü, das den gesamten Katalog für Käufer enthält, die tiefer stöbern wollen. Und ein FAB für saisonale CTAs — etwa “11.11 Sale” oder “Geschenke zum Mondneujahr” — das für den Anlass eingeschaltet und danach wieder ausgeschaltet wird, ohne das Menü neu aufzubauen.
Da das Navi+-Menü beim Themewechsel an Ort und Stelle bleibt und so optimiert ist, dass es die Core Web Vitals nicht herunterzieht, kannst du freier mit Layouts experimentieren, ohne befürchten zu müssen, bei jedem Design-Wechsel von vorn anzufangen.
Messen und im Zyklus überprüfen
Große Skalierung erlaubt es dir, auf sinnvolle Weise zu messen. Nutze Analytics, um zu sehen, welche Menüpunkte viel angeklickt werden und welche nahezu tot sind. Bei genügend Traffic helfen dir Menü-A/B-Tests, zwei Optionen zu vergleichen — zum Beispiel ein Mega-Menü mit hervorgehobenem Produkt gegen eines ohne — und die Zahlen entscheiden zu lassen statt das Bauchgefühl.
Bei einem mehrsprachigen Shop denk daran, dass ein maschinell übersetztes Menü manchmal das Layout zerschießt: Deutsch ist länger als Vietnamesisch, und manche Sprachen werden von rechts nach links gelesen. Prüfe jede Sprachversion als eigenständiges Erlebnis; geh nicht davon aus, dass ein schönes Original auch eine schöne Übersetzung bedeutet.
Lege schließlich einen regelmäßigen Überprüfungsrhythmus fest — etwa vierteljährlich. Der Katalog ändert sich in dieser Phase ständig, und ein Menü, das vor sechs Monaten sinnvoll war, kann schon nicht mehr zu deiner aktuellen Produktstruktur passen. Navigation ist keine Aufgabe, die man einmal erledigt und dann vergisst.
Dieser Artikel ist Teil des größeren Leitfadens zur Navigation für jede Wachstumsphase deines Shops — von 10 bis 10.000 Produkten.