Worten
header+menu

Logo WortenLogo
  • Client
  • Worten
  • Role
  • Design UX/UI
  • Ano
  • Q3 2023
  • Local
  • Lisbon, PT

1. Product & Problem

Novo menu — mockups do header Worten redesenhado sobre fundo rosa

A Worten é o e-commerce Portugues. O produto em questão é o header e sistema de navegação que serve a entrada do site, analytics revelou drop-off alto antes de os usuários chegarem aos serviços principais “Worten Resolve”.

Três problemas sobrepostos explicavam o padrão:

  1. Os serviços ficavam enterrados num hamburger menu na parte inferior da tela. Para chegar a qualquer serviço, o usuário precisava lembrar o que existia em vez de reconhecê-lo — uma quebra direta do princípio de Recognition over Recall.
  2. A barra de pesquisa dominava o espaço acima da dobra, comprimindo tudo o que restava e violando o princípio de Aesthetic & Minimalist Design.
  3. Por último, a navegação estava dividida entre topo e fundo — um padrão não convencional que os usuários mobile não reconheciam como navegação.

O fluxo real mapeado:

toque no menu → animação de abertura → scan das opções → toque no serviço → voltar atrás se errado.

Fluxo de navegação anterior do menu Worten

O que devia ser um toque tornou-se um processo de exploração de múltiplos passos.

2. My Role & Contribution

UX Design

Design Lead () — UX Design (WindsonFonseca) - Handoff e Design Ops (Mario ) - Project Manager ()

Feito durante a participação na equipe de Digital Product 2023-2024

3. Key Design Decisions

A decisão central foi uma recusa: não adicionar elementos, mas redistribuir o que já existia.

  • Menu hamburger visível passa a ocupar posição visível no header — eliminando a dependência de memória e restabelecendo o reconhecimento imediato.
  • Peso proporcional da barra de pesquisa. A barra foi redimensionada para o seu uso real, liberando espaço para a hierarquia de navegação respirar sem ser suprimida.
  • Navegação unificada. A divisão entre navegação de topo e fundo foi eliminada. A nova estrutura segue o padrão convencional das interfaces mobile de referência — reduzindo a carga cognitiva e tornando o comportamento mais previsível.

O princípio que guiou as três decisões: task completion imediato antes de minimalism visual. A hierarquia foi mantida; o custo de interação foi reduzido.

Nova estrutura de navegação do header Worten

4. The Outcome

+ 23M€ de receita anual em serviços mostra o potencial que deve ser melhor disposto na interface e o resultado direto é aumentar o retorno e o potencial de descoberta que pode afetar novos clientes no futuro.

67% do tráfego mobile total corretamente servido pela nova estrutura de navegação.

Serviços passaram a ser descobríveis em todos os pontos de contacto — integração omnicanal que antes estava bloqueada pela invisibilidade da navegação.