Desktop Mega Menu Slide Menu Tab Bar

Heater — den Haupt-Header durch Navi+ ersetzen und eine grosse Website zu einer leichten, einheitlichen Navigation auf Mobile und Desktop falten

Wie eine grosse Reparaturkette in Hong Kong ihren kompletten Standard-Header durch Navi+ ersetzt — und hunderte Seiten aus Marke × Modell × Defekt × Filiale in ein einheitliches Navigationssystem auf Mobile und Desktop verwandelt.

H
Heater
heaterhk.net
Handy- & Tablet-Reparatur Shopify Grosse Website
Auf einen Blick
Branche
Handy- & Tablet-Reparatur (Hong Kong)
Plattform
Shopify
Herausforderung
Sehr grosse Website; Standard-Header überfordert; Mobile und Desktop voneinander getrennt
Navi+ menus
Desktop Mega Menu · Slide Menu · Tab Bar (ersetzen den Haupt-Header)
Fokus
Header ersetzen, Navigation von Mobile + Desktop vereinen

Das Problem des Kunden

Heater ist eine grosse Website: über 13 Gerätemarken, jede Marke mit vielen Modellen, jedes Modell mit vielen Defektarten (Display, Akku, Ladebuchse, Kamera, Wasserschaden…), dazu 5 Filialen und ein Termin- / Kostenvoranschlags-Flow. Die Struktur ist im Kern ein sehr breiter und tiefer Baum: Marke × Modell × Defekt × Filiale.

Der Standard-Header des Themes trägt diesen Baum nicht. Auf Desktop ist er eine flache Menüleiste; auf Mobile dagegen ein separat aufgebauter Hamburger-Drawer. Zwei verschiedene Erlebnisse, zwei verschiedene Logiken — wer Desktop gewohnt ist, muss auf Mobile von vorn lernen. Bei einer grossen Website mit schwachem Header wird die ganze Seite schwer zu navigieren, und Kunden, die wegen eines kaputten Geräts in Eile sind, springen umso schneller ab.

Was Navi+ löst

Der Vorschlag lautet nicht „ein Menü hinzufügen“, sondern die Rolle des Haupt-Headers zu ersetzen durch ein einheitliches Navi+ System — dieselbe Strukturquelle für jedes Gerät, damit Mobile und Desktop dieselbe Navigationssprache sprechen.

Desktop Mega Menu — ersetzt den Desktop-Header und faltet die ganze Seite an einen Ort

Das Mega Menu ersetzt die Standard-Menüleiste auf Desktop: alle Marken × Defektarten werden zu einer Struktur mit klaren Spalten und Bildern zusammengefasst. Eine grosse Website wird mit einer einzigen Mausbewegung leicht überschaubar — Kunden sehen sofort, welche Marke und welcher Defekt im Store repariert wird, statt jede Markenseite einzeln durchzuklicken.

Slide Menu — ersetzt das Mobile-Menü, mit derselben Struktur wie Desktop

Auf Mobile ersetzt das Slide Menu den Standard-Hamburger und nutzt genau die Struktur des Mega Menus: Kunden gleiten von der Ebene Marke → Modell → Defekt. Da es dieselbe Quelle ist, sind Mobile und Desktop einheitlich — kein Aufbau und keine Pflege zweier separater Menus, und Kunden müssen beim Gerätewechsel nicht neu lernen.

Tab Bar — vervollständigt den neuen Header mit immer griffbereiten Aktionen

Die Tab Bar sitzt fest am unteren Rand des Mobilbildschirms und hält die wichtigen Aktionen immer bereit: Termin, Filiale, Anrufen, Menu. Zusammen mit dem Slide Menu ersetzt sie den restlichen Teil des Standard-Headers — Kunden haben eine kompakte Navigationsleiste in genau Daumenreichweite, statt nach oben zur Seite zu scrollen.

Das angestrebte Ergebnis

Wenn der Haupt-Header durch ein einheitliches Navi+ System ersetzt wird, wird eine sehr grosse Website leicht navigierbar, und — noch wichtiger — das Erlebnis auf Mobile und Desktop wird zu einem. Kunden lernen einmal und können es überall nutzen.

  • Der Standard-Header wird durch ein einziges Navi+ Navigationssystem ersetzt.
  • Der grosse Seitenbaum (Marke × Modell × Defekt) wird auf wenige klare Schritte gefaltet.
  • Mobile und Desktop sind einheitlich, weil sie aus derselben Strukturquelle schöpfen.
  • Weniger Pflegeaufwand: keine zwei separaten Menus mehr für zwei Geräte — ohne Theme-Wechsel.

Grundprinzipien

Punkte, die sich auf die meisten grossen, mehrstufigen Websites übertragen lassen — nicht nur auf Heater.

  • Der Header ist das Rückgrat einer grossen Seite: je grösser die Seite, desto stärker muss der Header sein — Navi+ kann diese Rolle übernehmen.
  • Eine Strukturquelle für jedes Gerät: Mobile und Desktop schöpfen aus demselben Kategoriebaum, um stets einheitlich zu bleiben.
  • Eine grosse Seite auf wenige Schritte falten: Mega Menu + Slide Menu verwandeln hunderte Seiten in einen kurzen Weg.
  • Den Header ersetzen, nicht das Theme: die Navigation aufwerten, ohne den Store neu zu bauen oder laufende Apps aufzugeben.

Hast du einen ähnlichen Store und möchtest Navi+ ausprobieren? Schau dir die Menütypen an oder lies die Dokumentation.

K
Khoi — Founder, Navi+
Hat Navi+ entwickelt und berät Shopify-Stores mit vielen Kategorien direkt bei ihrer Navigation.

Beginnen Sie mit Navi+ AI Menu Builder

Wählen Sie Ihre Plattform — kostenlos zu installieren, in Minuten live.