Heater — replacing the main header with Navi+ to fold a large website into easy, consistent navigation across mobile and desktop

The customer's problem

Heater is a large website: more than 13 brands, each with many models, each model with many types of issues (screen, battery, charging port, camera, water damage…), plus 5 stores and a booking / quote flow. The structure is essentially a very wide and deep tree: brand × model × issue × store.

The theme's default header couldn't carry that tree. On desktop it was a flat menu bar; on mobile it was a separately built hamburger drawer. Two different experiences, two different logics — customers familiar with desktop had to relearn from scratch on mobile. On a large website, a weak header makes the entire site hard to navigate, and customers in a hurry because their device is broken are even more likely to leave.

What Navi+ solves

The proposed direction wasn't "add a menu" but replacing the role of the main header with one unified Navi+ system — the same structure source for every device, so mobile and desktop speak the same navigation language.

The intended outcome

When the main header is replaced with one unified Navi+ system, a very large website becomes easy to navigate, and more importantly — the experience on mobile and desktop becomes one. Customers learn once, use it anywhere.

• The default header is replaced with one single Navi+ navigation system.
• The large site tree (brand × model × issue) is folded down into a few clear steps.
• Mobile and desktop are consistent because they share a single structure source.
• Less maintenance work: no more two separate menus for two devices — no theme swap needed.