system-iconNavegam Log
Operações e Logística
O Navegam Log atua como o "cérebro" da operação logística, gerenciando o transporte multimodal de cargas. O desafio central foi transformar uma ferramenta densa em dados em uma interface intuitiva, capaz de lidar com as especificidades do transporte fluvial, rodoviário e aéreo simultaneamente.

UX/UI DESIGNPROTOTYPESTYLEGUIDEWIREFRAMES
coverSobre a Navegam Log

O Navegam Log é uma solução robusta voltada para a gestão e inteligência logística. O projeto nasceu da necessidade de centralizar operações complexas, permitindo o acompanhamento de fretes, gestão de documentos e monitoramento de cargas em tempo real. Como uma peça central no ecossistema da Navegam, o sistema visa transformar dados brutos em decisões estratégicas para transportadores e embarcadores.

O Desafio

O setor logístico lida com um volume massivo de variáveis e imprevistos. O desafio principal era projetar uma plataforma que conseguisse condensar fluxos densos de informação (como atualizações de status e tratativas de exceções) em uma interface intuitiva. Precisávamos reduzir a curva de aprendizado dos operadores e eliminar falhas de comunicação que geravam prejuízos operacionais, tudo isso mantendo a escalabilidade para futuras funcionalidades.

Meu Papel

Como Designer responsável, atuei de ponta a ponta na experiência do produto, desde o levantamento de requisitos até a entrega das interfaces finais. O trabalho focou na reestruturação da arquitetura de informação e na criação de fluxos de navegação que simplificassem tarefas críticas, como gestão de ocorrências e visualização de status em tempo real.

Discovery & Pesquisa

O desafio na Navegam Log foi mapear as dores de uma operação com múltiplos fluxos de frete. Através de imersão e entrevistas, identificamos que a fragmentação da informação era o maior gargalo. O objetivo foi transformar incertezas técnicas em requisitos de design para garantir rastreabilidade e eficiência.

  • Personas: Foco no Gestor (estratégia), Analista (operação web) e Entregador (ponta final).
  • Dores (Pain Points): Dados espalhados, dificuldade no tratamento de exceções, baixa visibilidade em tempo real e alta carga cognitiva.
  • Ideias de Solução: Centralização em um dashboard único, automação de status de frete e otimização de landing pages para captura de dados.
employee-descriptionemployee-descriptionemployee-description
diagram
diagram
Estrutura & Arquitetura

Com as dores mapeadas, o foco migrou para a estruturação lógica do ecossistema. Como Lead Designer, minha prioridade foi garantir que a robustez técnica do backend da Navegam fosse traduzida em uma experiência de usuário intuitiva e escalável.

  • Arquitetura de Informação: Reformulei a hierarquia de dados para centralizar fluxos que antes operavam em silos, garantindo que o Analista de Logística mantivesse o contexto global da operação sem sobrecarga cognitiva.
  • Mapeamento de Fluxos Críticos: Desenhei a jornada de ponta a ponta para o tratamento de exceções (cargas paradas ou avarias), transformando processos técnicos complexos em fluxos de trabalho visuais e auditáveis.
  • Design de Sistemas e Escalabilidade: Estabeleci as bases para uma interface modular através de wireframes, validando a disposição de dashboards e filtros de busca avançada antes da camada visual, garantindo que a estrutura suportasse o crescimento do volume de fretes.
  • Refinamento de Requisitos: Atuei na ponte entre tecnologia e negócio para converter as "incertezas técnicas" em requisitos de interface claros, focando em reduzir a fricção na consulta de dados por nota fiscal ou cliente.
diagram
screenshotscreenshotscreenshot
Resultado

A estrutura validada ganhou vida em uma interface focada em usabilidade e redução de estresse visual.

  • Visualização Semafórica: Usei um sistema de cores para os status de entrega, permitindo que o gestor identifique urgências instantaneamente.
  • Componentização: Desenvolvi uma biblioteca de componentes padronizada para garantir consistência visual em todo o sistema web.
  • Hierarquia Visual: Tabelas e cards foram otimizados para leitura rápida de dados densos, mantendo a interface limpa.
gif
Conclusão

A implementação do novo ecossistema do Navegam Log não apenas resolveu gargalos operacionais, mas transformou-se em uma vantagem competitiva que impulsionou os números da empresa entre 2024 e 2026.

  • Crescimento da Base de Usuários: Com uma interface mais intuitiva e menos técnica, conseguimos reduzir a curva de aprendizado, permitindo a entrada de novos parceiros logísticos e um aumento significativo no volume de usuários ativos na plataforma.
  • Impulso em Vendas e Conversão: A otimização do fluxo de entrada e a visibilidade em tempo real serviram como argumento de venda decisivo, ajudando a Navegam a fechar contratos maiores com clientes que exigiam rastreabilidade total.
  • Eficiência e Retenção: Ao eliminar a fragmentação da informação, aumentamos a satisfação dos clientes internos e externos, reduzindo drasticamente o churn (cancelamento) de parceiros que antes sofriam com a falta de dados.
  • Redução de Custos Operacionais: A centralização no dashboard único permitiu que a equipe gerenciasse um volume 3x maior de fretes sem a necessidade de novas contratações, otimizando o ROI do departamento de tecnologia.

Liderar o design da Navegam foi um desafio de alta complexidade que exigiu converter incertezas técnicas em soluções intuitivas. Este projeto não apenas entregou um produto funcional, mas estabeleceu um novo padrão de excelência em tecnologia para a empresa.

Thanks for scrolling! :)Obrigado por acompanhar meu trabalho até aqui.
Design by Guilherme Xavier