Mapa e linhas na mesma consulta
O mapa apresenta os trajetos e a localização, enquanto os cartões identificam a linha e oferecem acesso aos seus detalhes. As cores distinguem percursos quando há mais de uma linha exibida.



Design de interfaces para mobilidade urbana.
Quem consulta um app de transporte precisa de respostas rápidas: qual linha, por onde passa, quais horários e quando chega o próximo ônibus.
Trajetos e localização na mesma visão, com cartões que identificam a linha e abrem o detalhe.
Itinerário, sequência de paradas e períodos disponíveis organizados em blocos claros.
Endereço, sentido e próximos ônibus por linha, no mesmo contexto da parada.
Recentes, favoritos e preferências para as consultas que se repetem no dia a dia.

Telas conectadas ao fluxo de quem precisa seguir viagem.
Cada decisão de design conecta a consulta do usuário ao que ele precisa. Amplie as telas para ver os detalhes.
O mapa apresenta os trajetos e a localização, enquanto os cartões identificam a linha e oferecem acesso aos seus detalhes. As cores distinguem percursos quando há mais de uma linha exibida.


Ao consultar uma linha, o usuário encontra o itinerário, a sequência de paradas e os horários. Essas informações aparecem em blocos separados, com identificação dos dias e períodos disponíveis para consulta.

A tela da parada reúne endereço, sentido e linhas disponíveis. Na área de previsão, cada linha apresenta as informações dos próximos ônibus, mantendo a identificação da parada no mesmo contexto de consulta.

Linhas recentes e favoritos dão acesso às consultas recorrentes. As preferências reúnem opções de cidade, visualização do mapa e exibição de informações, enquanto o menu também oferece acesso à conta e ao suporte.


Adobe XD e Figma fizeram parte do trabalho de UI/UX deste projeto.
Se você está criando um aplicativo ou precisa revisar uma interface, a 3Hub organiza fluxos, informação e o design das telas — do app ao site.
Conversar sobre meu projeto ↗Conte brevemente o que você quer criar ou melhorar. Vamos chegar à conversa com o contexto deste case de UI/UX.