Slide Menu Tab Bar scrollTo

Reload — a minimalist single-page experience, smooth navigation via scrollTo with Slide Menu and Tab Bar

Reload is a landing page that tells a product story. Instead of menus that lead to other pages, Navi+ uses scrollTo to glide to exactly the right section right on the same page — minimalist, fast, and smart.

R
Reload
reloadpaddle.com
Pickleball gear Shopify Single-page landing
At a glance
Industry
Pickleball gear (the RLD-1 paddle system)
Platform
Shopify
Challenge
A long single-page site — needs in-page movement, no reload
Navi+ menus
Slide Menu · Tab Bar (navigation via scrollTo)
Focus
A minimalist single-page experience, smooth and smart

The customer's problem

Reload is a single-page site: the entire product story — hero, the swappable paddle-face mechanism, the control and power versions, replacement sheets, FAQ — sits on one long scrolling page. It's a beautiful design choice and true to the brand's minimalist spirit.

But with a single-page structure, a traditional menu is the wrong tool: each menu item leads to a new URL, each click is a page reload, breaking the seamless scroll flow. Customers also easily get lost in a long page with no way to jump quickly to the exact section they need. On mobile, scrolling back up by hand to return to the "Buy" section after reading to the end of the page is a tiring task.

What Navi+ solves

The proposed direction stays true to the minimalist spirit: just two menus, and both use scrollTo to move within the same page instead of loading a new one. The menu becomes the landing page's table of contents — tap and it glides to the corresponding section.

Tab Bar + scrollTo — a table of contents always floating at the bottom of the screen

The Tab Bar is fixed at the bottom of the mobile screen, each tab an anchor point for scrollTo on the page: Top, How it works, Buy, FAQ, Cart. No matter how far customers scroll, they jump back to the right section in a single tap — especially returning to the buy button without swiping back up the whole page. Smooth movement, no reload, no losing where you were reading.

Slide Menu + scrollTo — the full table of contents for the page, kept tidy

The Slide Menu replaces the default hamburger with a clean table of contents: How it works, Control vs Power, Replacement sheets, FAQ, About. Each item is a scrollTo anchor — once selected, the panel closes and the page glides smoothly to the right section. No extra sub-levels, no intermediate pages: exactly the spirit of a minimalist landing.

Not using the Desktop Mega Menu is a deliberate choice: one page, one scroll flow — adding a mega menu would only break the minimalism. The right tool for the right structure.

The intended outcome

With scrollTo, Reload's navigation becomes part of the single-page experience rather than cutting across it. The menu is a living table of contents, movement is smooth, and the buy button is always exactly one tap away — all while keeping the brand's minimalism.

  • Move within the same page via scrollTo — no reload, no lost context.
  • The menu becomes a living table of contents, helping customers jump quickly to the right section.
  • The buy button is always one tap away on mobile, wherever customers are on the page.
  • Full minimalism preserved — no unnecessary mega menu or intermediate pages added.

Key principles

Points that apply to most single-page landing pages — not just Reload.

  • A single-page site means in-page navigation: use scrollTo instead of linking to a new page — no reload, no breaking the scroll flow.
  • The menu is a living table of contents: each item glides to a section, helping customers not get lost in a long page.
  • Minimalism is a feature: few items, each leading straight to one thing — keeping the experience clean.
  • Add a layer, don't replace the foundation: upgrade navigation without changing themes or rebuilding the page.

Have a similar store and want to try Navi+? Check out the menu types or read the documentation.

K
Khoi — Founder, Navi+
Builds Navi+ and personally advises Shopify stores with large catalogs on their navigation.

Get started with Navi+ AI Menu Builder

Pick your platform — free to install, live in minutes.