TodaRota: Plataforma própria de gestão de frota
Substituir um sistema licenciado por uma plataforma própria de gestão de frota. 19 telas desenhadas, com um design system próprio por baixo. As mesmas 19 telas codadas, rodando no produto.
- Design System
- Front-end
- Acessibilidade
- Handoff
O TodaRota é a plataforma própria de gestão de frota da Track7. As duas marcas têm o mesmo dono. A operação usa hoje um sistema de mercado licenciado, e o TodaRota nasce para substituí-lo.
Fiz o product design e o front-end: desenhei e codei a interface inteira, 19 telas. O motor é do time interno da Track7, construído em paralelo: API, autenticação e a ingestão da telemetria dos rastreadores.
O mapa no centro,
a frota numa tela só.
São 19 telas, da Visão Geral à administração de usuários. O Rastreamento ao Vivo é o centro: a única tela de Operação que não é tabela.
Do agrupamento ao trajeto,
da Régua ao Gráfico.
Gravado na demo pública, com dados sintéticos.
O cartão abre no canto, sem tapar o veículo, e o trajeto atual desenha a viagem.
Régua e Gráfico trocam no mesmo plano, sem abrir outra tela.
Controle tem relevo,
dado é plano.
HTML, CSS e JavaScript puros, sem framework e sem build. Toda cor, raio, sombra e espaço nasce como token, num arquivo só; a escala de texto passa de 4,5:1 sobre o cartão mais claro.
Dois verdes que não se misturam: um é dado, o outro é estado.
O que entrou,
e o que ficou de fora.
Cada tela partiu da comparação com a plataforma que a operação usava: 560 artigos da documentação pública dela. Cada função caiu numa de três classes: lacuna, pela metade ou excesso. O excesso ficou de fora de propósito.
- 01
Relatório sai em arquivo
O catálogo escolhe, configura e gera; ler é abrir o PDF ou a planilha.
- 02
Três papéis e as garagens
No lugar de quatro camadas de permissão: Administrador, Gestor e Operador, com recorte por garagem.
- 03
É o carro ou o motorista?
A Linha do Tempo põe dois motoristas no mesmo veículo, na mesma faixa de horário.
- 04
O excesso ficou de fora
Cerca de 90 relatórios viraram 15 modelos; 24 cores de cerca, 8 curadas; sem Kanban de manutenção.
Auditado pelo teclado,
corrigido e provado.
A auditoria de teclado de 08/09/2026 percorreu as 19 telas em 2000, 1366 e 390 px e achou 7 problemas, todos corrigidos: foco que não entrava na ficha nem nos modais, Tab escapando do modal, buscas sem indicador de foco, letras do ranking abaixo de 4,5:1.
A demo e o manual
estão no ar.
O back-end recebe a interface pronta, um contrato de dados tipado (js/types.d.ts) e dados sintéticos isolados para trocar pela API. A demo abre no login já preenchido.
O back-end não é meu. API, autenticação e a ingestão da telemetria dos rastreadores são do time interno da Track7, construídos em paralelo. A demo roda só com dados sintéticos: nomes, placas e números são gerados. O projeto começou em julho de 2026 e segue em andamento. A auditoria ainda acusa alvos de clique menores que 24 px nos cabeçalhos das tabelas, deixados para uma revisão à parte.