Desktop Mega Menu Slide Menu Tab Bar

GPS Nation — o trio poderoso do Navi+: Mega Menu, Slide Menu e Tab Bar para uma solução de navegação completa

Como uma grande loja Garmin usa os três menus do Navi+ como uma solução completa — o Mega Menu cobre o desktop, o Slide Menu vai fundo, o Tab Bar cuida do mobile — combinando-se em perfeita harmonia em todos os dispositivos.

GN
GPS Nation
gpsnation.com
Varejo de equipamentos Garmin Shopify Catálogo extenso
Em resumo
Setor
Varejo de equipamentos Garmin (GPS, smartwatch, marine…)
Plataforma
Shopify
Desafio
Catálogo extenso — nenhum menu isolado resolve por completo
Navi+ menus
Desktop Mega Menu · Slide Menu · Tab Bar (o trio combinado)
Foco
Solução completa: desktop + mobile + tab bar

O problema do cliente

A GPS Nation vende praticamente todo o ecossistema Garmin: smartwatches e wearables, dispositivos outdoor portáteis, marine (sonar, chartplotter, radar), road GPS, computadores de ciclismo, rastreadores para cães de caça, até produtos refurbished — um catálogo extenso, de muitos níveis, dividido por necessidade de uso.

Com um catálogo desses, nenhum tipo de menu isolado resolve por completo: o desktop precisa cobrir tudo para o cliente ver o que a loja tem; o mobile precisa ir fundo de forma enxuta por vários níveis; e ações como busca e carrinho precisam estar sempre ao alcance. Usar um só menu sempre deixa um lado descoberto — o mega menu é inútil no mobile, o hambúrguer padrão não exibe o catálogo, e a barra de ações não comporta toda a árvore de categorias.

O que o Navi+ resolve

É aqui que o trio poderoso do Navi+ brilha de verdade: não se trata de escolher um menu, mas de usar os três como uma solução completa — cada um cuidando de um contexto, combinando-se para cobrir da descoberta até a compra, em todos os dispositivos.

Desktop Mega Menu — cobre todo o catálogo por necessidade

No desktop, o Mega Menu divide em colunas por use-case: Smartwatch & Wearables, Outdoor, Marine, Road, Sport & Fitness, Refurbished — cada coluna com subgrupos familiares (running, cycling, golf, fishfinder…) com imagem. O cliente passa o mouse e enxerga logo a área que lhe interessa, sem precisar saber o nome do modelo de antemão.

Slide Menu — vai fundo de use-case → linha → modelo

O Slide Menu cuida da parte profunda do catálogo: o cliente vai do grupo de necessidade (Sport & Fitness) para o esporte específico (Running) e então até cada modelo, tela por tela como um app nativo. No mobile é o eixo principal de navegação; no desktop é a opção para quem prefere navegar em formato de lista.

Tab Bar — coloca Search e Cart ao alcance do dedão no mobile

Numa loja com muitos SKUs, a busca é o atalho mais importante. O Tab Bar fixo na parte de baixo da tela mobile traz Home, Shop/Menu, Search, Cart, Account — e abre direto o Search panel ou o Cart panel ali mesmo. O cliente que compara vários modelos não precisa subir até o header toda vez.

O ponto-chave: esses três menus não funcionam isolados. Eles dividem papéis conforme o contexto do dispositivo e usam uma mesma estrutura de catálogo — formando uma solução de navegação completa, e não três funções remendadas.

O resultado pretendido

Em vez de remendar cada parte, a GPS Nation tem uma solução de navegação completa: cada dispositivo tem a ferramenta certa, o trio se combina para cobrir desde a descoberta do cliente até o momento em que ele põe no carrinho. Essa é a força de usar os três menus do Navi+ como um sistema, e não como peças soltas.

  • Desktop cobre todo o catálogo com o Mega Menu — o cliente vê logo todo o ecossistema Garmin.
  • Mobile vai fundo de forma enxuta com o Slide Menu, com a mesma estrutura do desktop.
  • Search e cart sempre ao alcance do dedão graças ao Tab Bar.
  • Uma solução completa, consistente em todos os dispositivos — sem precisar trocar o tema.

Princípios a reter

Pontos que se aplicam à maioria das lojas com catálogo extenso — não só à GPS Nation.

  • Catálogo extenso precisa de um sistema, não de um menu: nenhum menu isolado dá conta de todos os contextos.
  • Cada menu cuida do que faz de melhor: desktop cobre tudo, mobile vai fundo, tab bar cuida das ações.
  • A combinação gera mais valor que a soma das partes: só quando os três menus compartilham uma mesma estrutura é que a navegação fica fluida.
  • Adicionar uma camada, sem trocar a base: implementar o trio inteiro sem mudar o tema nem remover o app que já está rodando.

Tem uma loja parecida e quer experimentar o Navi+? Dá uma olhada nos tipos de menu ou leia a documentação.

K
Khoi — Founder, Navi+
Criou o Navi+ e cuida pessoalmente da consultoria de navegação para lojas Shopify com muitas categorias.

Comece com Navi+ AI Menu Builder

Escolha sua plataforma — gratuito para instalar, ao vivo em minutos.