Slide Menu Tab Bar scrollTo

Reload — ein minimalistisches One-Page-Erlebnis, mit flüssiger Navigation per scrollTo über Slide Menu und Tab Bar

Reload ist eine Landingpage, die die Produktgeschichte erzählt. Statt mit einem Menü auf andere Seiten zu führen, nutzt Navi+ scrollTo, um direkt auf derselben Seite zum richtigen Abschnitt zu gleiten — minimalistisch, schnell und clever.

R
Reload
reloadpaddle.com
Pickleball-Ausrüstung Shopify One-Page-Landing
Auf einen Blick
Branche
Pickleball-Ausrüstung (RLD-1 Schläger-System)
Plattform
Shopify
Herausforderung
Lange One-Page-Seite — Bewegung innerhalb der Seite nötig, ohne Reload
Navi+ menus
Slide Menu · Tab Bar (Navigation per scrollTo)
Fokus
Minimalistisches One-Page-Erlebnis, flüssig und clever

Das Problem des Kunden

Reload ist eine single-page site: die gesamte Produktgeschichte — Hero, der Mechanismus der austauschbaren Schlägerfläche, die Control- und die Power-Variante, die Ersatzflächen, FAQ — liegt auf einer einzigen, lang scrollenden Seite. Das ist eine schöne Designentscheidung und passt zum minimalistischen Geist der Marke.

Doch bei einer One-Page-Struktur ist ein klassisches Menü das falsche Werkzeug: jeder Menüpunkt führt auf eine neue URL, jeder Klick ist ein Seiten-Reload und reisst den nahtlosen Scroll-Fluss auf. Kunden verlieren sich auch leicht auf einer langen Seite, wenn es keine schnelle Möglichkeit gibt, zum gesuchten Abschnitt zu springen. Auf Mobile ist das manuelle Zurückscrollen zum „Buy“-Abschnitt, nachdem man bis zum Seitenende gelesen hat, eine mühsame Aktion.

Was Navi+ löst

Der Vorschlag passt zum minimalistischen Geist: nur zwei Menus, und beide nutzen scrollTo, um sich innerhalb derselben Seite zu bewegen, statt eine neue Seite zu laden. Das Menü wird zum Inhaltsverzeichnis der Landingpage — ein Tipp und es gleitet zum entsprechenden Abschnitt.

Tab Bar + scrollTo — das Inhaltsverzeichnis schwebt immer am unteren Bildschirmrand

Die Tab Bar sitzt fest am unteren Rand des Mobilbildschirms, jeder Tab ist ein scrollTo-Ankerpunkt auf der Seite: Top, How it works, Buy, FAQ, Cart. Egal wie weit Kunden scrollen, sie springen mit nur einem Tipp zum richtigen Abschnitt — besonders zurück zum Kaufbutton, ohne die ganze Seite hochwischen zu müssen. Flüssige Bewegung, ohne Reload, ohne die Lesestelle zu verlieren.

Slide Menu + scrollTo — das vollständige, aufgeräumte Inhaltsverzeichnis der Seite

Das Slide Menu ersetzt den Standard-Hamburger durch ein sauberes Inhaltsverzeichnis: How it works, Control vs Power, Replacement sheets, FAQ, About. Jeder Punkt ist ein scrollTo-Anker — nach der Auswahl schliesst sich das Panel und die Seite gleitet sanft zum richtigen Abschnitt. Keine überflüssigen Unterebenen, keine Zwischenseiten: genau im Sinne einer minimalistischen Landingpage.

Auf das Desktop Mega Menu zu verzichten, ist eine bewusste Entscheidung: eine Seite, ein Scroll-Fluss — ein Mega Menu würde die Minimalität nur zerstören. Das richtige Werkzeug für die richtige Struktur.

Das angestrebte Ergebnis

Mit scrollTo wird die Navigation von Reload zum Teil des One-Page-Erlebnisses, statt es zu unterbrechen. Das Menü ist ein lebendiges Inhaltsverzeichnis, die Bewegung flüssig, und der Kaufbutton ist immer nur einen Tipp entfernt — und das alles, während die Minimalität der Marke gewahrt bleibt.

  • Bewegung innerhalb derselben Seite per scrollTo — ohne Reload, ohne Kontextverlust.
  • Das Menü wird zum lebendigen Inhaltsverzeichnis und hilft Kunden, schnell zum richtigen Abschnitt zu springen.
  • Der Kaufbutton ist auf Mobile immer einen Tipp entfernt, egal wo Kunden sich auf der Seite befinden.
  • Die Minimalität bleibt voll erhalten — kein Mega Menu und keine unnötigen Zwischenseiten.

Grundprinzipien

Punkte, die sich auf die meisten One-Page-Landingpages übertragen lassen — nicht nur auf Reload.

  • Bei einer One-Page-Seite innerhalb der Seite navigieren: scrollTo statt Links auf neue Seiten — ohne Reload, ohne den Scroll-Fluss zu unterbrechen.
  • Das Menü ist ein lebendiges Inhaltsverzeichnis: jeder Punkt gleitet zu einem Abschnitt und hilft Kunden, sich auf einer langen Seite nicht zu verlieren.
  • Minimalismus ist ein Feature: wenige Punkte, jeder führt direkt zu einer Sache — so bleibt das Erlebnis sauber.
  • Eine Ebene ergänzen, nicht das Fundament tauschen: die Navigation aufwerten, ohne das Theme zu wechseln oder die Seite neu zu bauen.

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.