Estudo de UX/UI focado em eficiência, mobilidade e decisões rápidas.
Reestruturei a experiência do app Moovit com foco em clareza visual, redução de fricções e navegação intuitiva. O novo fluxo diminuiu etapas críticas em até 60%, com uma interface 23% mais legível e funcional mesmo em movimento.
Contexto
Como melhorar a experiência de um dos apps de mobilidade mais usados no mundo, trazendo mais clareza visual, menos fricção na navegação e uma interface que valorize o contexto urbano e as decisões em tempo real do usuário?
Esse case nasceu como um exercício crítico: analisar a jornada atual do Moovit, identificar seus principais gargalos de UX e propor um redesign mais funcional, responsivo e coerente com as necessidades de quem usa transporte público diariamente.
Nosso processo de design foi estruturado em etapas claras, garantindo uma abordagem centrada no usuário do início ao fim:
Descoberta & Pesquisa: Entendimento profundo do cenário atual do Moovit e das necessidades dos usuários através de entrevistas, benchmarks, análises heurísticas, user Journey e mais frameworks.
Definição & Análise: Sintetizamos os dados da pesquisa, definimos as dores principais e as oportunidades de design.
Ideação & Prototipagem: Brainstorming de soluções, criação de wireframes e protótipos para visualizar e testar as ideias.
Teste & Validação: Realizamos testes de usabilidade com usuários reais para coletar feedback e refinar as propostas.
Iteração & Implementação: Com base nos testes, as soluções foram aprimoradas para atender de forma mais eficaz aos usuários.
Wireframe
Na etapa de wireframes do redesign do Moovit, foquei em estruturar a navegação e organizar a hierarquia da informação sem distrações visuais. Esse processo permitiu validar fluxos principais, reduzir fricções e garantir que as soluções atendessem às necessidades dos usuários antes de evoluir para a camada visual. A criação dos wireframes ajudou a testar rapidamente hipóteses de navegação e a alinhar a direção do projeto.
Design System - Componentização
Durante o redesign, organizei a interface em um mini Design System no Figma, estruturando tipografia, cores, ícones e componentes reutilizáveis. Também utilizei local variables para manter consistência entre estilos (como espaçamentos, estados de botão e temas de cor), o que facilitou ajustes rápidos e garantiu uma experiência visual coesa em todas as telas. Essa abordagem reduziu retrabalho, acelerou a prototipagem e deixou o projeto mais próximo de um fluxo real de desenvolvimento em equipe.
Testes e validaçães
Após estruturar os fluxos e protótipos, conduzi testes de usabilidade para validar as principais interações. O objetivo foi observar como os usuários navegavam pelo app, identificar pontos de fricção e entender se a hierarquia da informação estava clara. A partir dos feedbacks, refinei botões, menus e textos para reduzir dúvidas e tornar a experiência mais fluida. Esse processo garantiu que o redesign não fosse apenas estético, mas também funcional e centrado nas necessidades reais do usuário.
Ao final deste estudo, as propostas de design resultaram em:
Potencial redução da taxa de abandono em rotas complexas.
Aumento da satisfação do usuário na navegação diária.
Melhora na clareza das informações em tempo real.
Este projeto reforçou a importância da pesquisa contínua e da validação com o usuário para criar produtos digitais que realmente façam a diferença na vida das pessoas.
USABILITY SCORE
61,5%
TESTE DE USABILIDADE
Remoto e não moderado
PARTICIPANTES
23 usuários participantes
TREE TESTING
Média de navegação em 12s por tela
Conclusão
Um app mais enxuto, organizado e com foco total na experiência do usuário em movimento.
O redesenho facilita a navegação entre trajetos, evita cliques desnecessários e aumenta a compreensão de cada etapa do percurso.
Além disso, o novo visual melhora a performance cognitiva em ambientes como rua, metrô e ônibus onde o tempo de reação é curto e a atenção é compartilhada.
