GPS Nation — el trío de poder de Navi+: Mega Menu, Slide Menu y Tab Bar para una solución de navegación integral
Cómo una gran tienda Garmin usa los tres menús de Navi+ como una solución completa — el Mega Menu cubre desktop,
el Slide Menu entra a fondo, el Tab Bar se encarga de mobile — coordinados a la perfección en todos los dispositivos.
Venta de equipos Garmin (GPS, smartwatch, marine…)
Plataforma
Shopify
Desafío
Catálogo amplio — ningún menú por sí solo lo resuelve por completo
Navi+ menus
Desktop Mega Menu · Slide Menu · Tab Bar (el trío coordinado)
Enfoque
Solución integral: desktop + mobile + tab bar
El problema del cliente
GPS Nation vende prácticamente todo el ecosistema Garmin: smartwatches y wearables, dispositivos outdoor
de mano, marine (sonar, chartplotter, radar), GPS de ruta, computadoras de ciclismo, rastreadores para perros de caza, hasta
productos refurbished — un catálogo amplio, de varios niveles, dividido según el uso.
Con un catálogo así, ningún tipo de menú por sí solo lo resuelve por completo:
en desktop hace falta cubrir todo para que el cliente vea qué hay en la tienda; en mobile hace falta entrar a fondo de forma ordenada por varios niveles; y las
acciones como la búsqueda o el carrito tienen que estar siempre a mano. Usar un solo menu siempre deja algo cojo —
el mega menu es inútil en mobile, el hamburger por defecto no exhibe el catálogo, y la barra de acciones
no puede contener todo el árbol de categorías.
Qué resuelve Navi+
Aquí es donde el trío de poder de Navi+ brilla más: no se trata de elegir un menú,
sino de usar los tres como una solución integral — cada uno se ocupa de un contexto, coordinados para cubrir desde el descubrimiento
hasta la compra, en todos los dispositivos.
Desktop Mega Menu — cubre todo el catálogo según el uso
En desktop, el Mega Menu se divide en columnas por use-case: Smartwatch & Wearables, Outdoor, Marine, Road,
Sport & Fitness, Refurbished — cada columna con subgrupos familiares (running, cycling, golf, fishfinder…)
con imágenes. El cliente pasa el cursor y ve directo la rama que le interesa, sin necesitar saber de antemano el nombre del modelo.
Slide Menu — entra a fondo: use-case → línea → modelo
El Slide Menu se ocupa de la parte profunda del catálogo: el cliente va desde el grupo de necesidad (Sport & Fitness) al deporte concreto (Running)
y luego a cada modelo, pantalla por pantalla como una app nativa. En mobile este es el eje de navegación principal;
en desktop es la opción para quien prefiere recorrer en formato lista.
Tab Bar — pone Search y Cart al alcance del pulgar en mobile
En una tienda con muchos SKU, la búsqueda es el atajo más importante. El Tab Bar, fijo en la parte inferior de la pantalla en mobile,
incluye Home, Shop/Menu, Search, Cart, Account — y abre directamente el Search panel o el Cart panel en el mismo lugar.
Para comparar varios modelos, el cliente ya no tiene que subir al header cada vez.
El punto clave: estos tres menús no funcionan por separado. Reparten roles según el contexto del dispositivo y
comparten una misma estructura de catálogo — formando una solución de navegación integral, no tres funciones parchadas.
El resultado buscado
En lugar de parchar parte por parte, GPS Nation tiene una solución de navegación completa: cada dispositivo con la herramienta justa,
el trío coordinado cubriendo desde que el cliente descubre hasta que añade al carrito. Esa es la fuerza de usar los tres menús
de Navi+ como un sistema, no como piezas sueltas.
El desktop cubre todo el catálogo con el Mega Menu — el cliente ve de inmediato todo el ecosistema Garmin.
El mobile entra a fondo de forma ordenada con el Slide Menu, con la misma estructura que el desktop.
La búsqueda y el carrito siempre al alcance del pulgar gracias al Tab Bar.
Una solución integral, consistente en todos los dispositivos — sin necesidad de cambiar el theme.
Principios a recordar
Puntos que aplican a casi cualquier tienda con un catálogo amplio — no solo a GPS Nation.
Un catálogo amplio necesita un sistema, no un menú: ningún menú por sí solo cubre todos los contextos.
Cada menú se encarga de lo suyo: el desktop cubre mucho, el mobile entra a fondo, el tab bar se ocupa de las acciones.
La coordinación crea más valor que la suma de las partes: los tres menús comparten una estructura para que la navegación sea fluida.
Sumar una capa, no cambiar la base: se despliega el trío entero sin cambiar el theme ni desinstalar la app que ya está funcionando.