Getrak

UX/UI Design ⋅ Design Complexo ⋅ Design System ⋅ Rastreamento Veicular

Desktop com a tela inicial da nova plataforma Getrak, com gráficos na visão operador.

Desafio

Desafio

Redesenhar a plataforma de rastreamento veicular da Getrak a partir de um Discovery completo, compreendendo o negócio, as necessidades dos usuários e as oportunidades para simplificar a experiência e tornar a operação mais eficiente.

Redesenhar a plataforma de rastreamento veicular da Getrak a partir de um Discovery completo, compreendendo o negócio, as necessidades dos usuários e as oportunidades para simplificar a experiência e tornar a operação mais eficiente.

Meu papel

Meu papel

Atuei em todas as etapas do Discovery e do Design, conduzindo entrevistas com stakeholders e clientes, estruturando roteiros de pesquisa, mapeando personas e jornadas, desenhando fluxos e facilitando workshops, critiques e alinhamentos com o cliente.

Atuei em todas as etapas do Discovery e do Design, conduzindo entrevistas com stakeholders e clientes, estruturando roteiros de pesquisa, mapeando personas e jornadas, desenhando fluxos e facilitando workshops, critiques e alinhamentos com o cliente.

Time

Time

Product Manager e time de Design. 2025 a 2026.

Product Manager e time de Design. 2025 a 2026.

Ferramentas

Ferramentas

Figma, Microsoft Teams, Microsoft Office, Miro, Slack

Figma, Microsoft Teams, Microsoft Office, Miro, Slack

  • Discovery ⋅

Briefing e Discovery

Briefing e Discovery

Para direcionar o redesign, conduzimos um discovery para entendimento do negócio, dos usuários e das principais dores da experiência atual

Para direcionar o redesign, conduzimos um discovery para entendimento do negócio, dos usuários e das principais dores da experiência atual

Inicialmente, definimos um cronograma de 4 meses, sendo 2 meses dedicados ao Discovery e 2 meses ao redesign. Após analisar os materiais disponibilizados pelo cliente, iniciamos as atividades de pesquisa para aprofundar o entendimento do contexto e validar hipóteses.

Inicialmente, definimos um cronograma de 4 meses, sendo 2 meses dedicados ao Discovery e 2 meses ao redesign. Após analisar os materiais disponibilizados pelo cliente, iniciamos as atividades de pesquisa para aprofundar o entendimento do contexto e validar hipóteses.

O que foi realizado

01
01
Matriz CSD
Matriz CSD

Dinâmica de certezas, suposições e dúvidas com cliente.

Dinâmica de certezas, suposições e dúvidas com cliente.

02
02
Entrevistas Áreas
Entrevistas Áreas

Conversas com 10 equipes da Getrak.

Conversas com 10 equipes da Getrak.

03
03
Imersão na plataforma
Imersão na plataforma

Apresentação completa do sistema conduzida pelo product designer da Getrak.

Apresentação completa do sistema conduzida pelo product designer da Getrak.

04
04
Pesquisa Qualitativa
Pesquisa Qualitativa

Entrevistas em profundidade com 7 clientes da Getrak.

Entrevistas em profundidade com 7 clientes da Getrak.

05
05
Pesquisa Quantitativa
Pesquisa Quantitativa

Disparo de questionário com participação de 757 pessoas.

Disparo de questionário com participação de 757 pessoas.

06
06
Personas
Personas

Criação de 3 personas para tangibilizar os perfis dos usuários.

Criação de 3 personas para tangibilizar os perfis dos usuários.

07
07
Fluxos e Sitemap
Fluxos e Sitemap

Redesenho da arquitetura da informação e dos principais fluxos da plataforma.

Redesenho da arquitetura da informação e dos principais fluxos da plataforma.

O que foi descoberto

O desafio da Getrak não era criar mais funcionalidades, mas simplificar a experiência de uma plataforma que cresceu em complexidade ao longo dos anos.
A plataforma é robusta, mas excessivamente complexa
A plataforma é robusta, mas excessivamente complexa

Anos de evolução sem uma reorganização da experiência resultaram em uma interface difícil de navegar e aprender.

Anos de evolução sem uma reorganização da experiência resultaram em uma interface difícil de navegar e aprender.

A operação depende de processos manuais
A operação depende de processos manuais

Tarefas recorrentes exigem muitos cliques, uso de planilhas e retrabalho, reduzindo a produtividade.

Tarefas recorrentes exigem muitos cliques, uso de planilhas e retrabalho, reduzindo a produtividade.

A experiência não acompanha diferentes perfis de clientes
A experiência não acompanha diferentes perfis de clientes

Desde pequenas empresas até operações com mais de 30 mil veículos utilizam praticamente a mesma experiência, apesar de necessidades muito distintas.

Desde pequenas empresas até operações com mais de 30 mil veículos utilizam praticamente a mesma experiência, apesar de necessidades muito distintas.

O suporte compensa
limitações do produto
O suporte compensa
limitações do produto

Treinamentos, atendimento e conhecimento dos operadores eram essenciais para superar dificuldades da plataforma.

Treinamentos, atendimento e conhecimento dos operadores eram essenciais para superar dificuldades da plataforma.

Os clientes buscam eficiência, não mais funcionalidades
Os clientes buscam eficiência, não mais funcionalidades

O principal desejo é simplificar fluxos, automatizar tarefas e reduzir a complexidade operacional.

O principal desejo é simplificar fluxos, automatizar tarefas e reduzir a complexidade operacional.

O valor do produto não é refletido na experiência
O valor do produto não é refletido na experiência

Embora reconhecida pela confiabilidade e estabilidade, a plataforma não transmite toda a qualidade percebida pelos clientes.

Embora reconhecida pela confiabilidade e estabilidade, a plataforma não transmite toda a qualidade percebida pelos clientes.

  • Nossa solução ⋅

Uma plataforma simplificada para um negócio complexo

Redesenhamos a plataforma para oferecer uma experiência mais simples, intuitiva e eficiente.

Vídeo com a dashboard e a área de relatórios

Gestão inteligente de dados

Priorizamos as informações mais relevantes para cada perfil de usuário, reduzindo o tempo gasto procurando dados e facilitando a tomada de decisão.

    • O antigo Sumário evoluiu para uma dashboard inteligente, adaptada às necessidades de administradores e operadores.

    • Todos os relatórios foram reunidos em uma única área, com acesso rápido e um fluxo simplificado para consulta e agendamento.

Monitoramento mais eficiente

Transformamos o mapa em uma ferramenta de trabalho, e não apenas de visualização, reduzindo etapas durante o monitoramento diário.

    • Incluímos atalhos para pesquisa de veículos e reorganizamos as informações para facilitar sua leitura.

    • Criamos um modo de monitoramento contínuo, permitindo acompanhar um grupo de veículos enquanto outras tarefas são realizadas na plataforma.

Vídeo mostrando a área de mapa
Vídeo com o cadastro de novo veículo

Cadastros mais simples

Diminuímos a carga cognitiva durante os cadastros, tornando processos longos mais fáceis de entender e concluir.

    • Removemos campos desnecessários, adicionamos orientações contextuais e dividimos os formulários em etapas.

    • Destacamos informações obrigatórias, recomendadas e opcionais, permitindo concluir rapidamente o cadastro sem comprometer a qualidade dos dados.

Plataforma adaptável a cada cliente

Aumentamos a flexibilidade da plataforma para que cada empresa pudesse refletir sua identidade visual sem perder consistência na experiência.

    • Criamos um sistema de temas com modo claro, modo escuro e suporte à personalização de cores, logotipo e elementos visuais.

    • Estruturamos essas variações a partir do Design System, garantindo escalabilidade e consistência.

Vídeo com vários temas alternando no modo escuro
Vídeo mostrando comandos em massa

Operações mais rápidas

Reduzimos a quantidade de cliques e deslocamentos entre telas, tornando tarefas recorrentes mais rápidas e aumentando a produtividade das equipes.

    • Reformulamos tabelas para facilitar filtros, ações em massa e acesso às principais funcionalidades.

    • Centralizamos todas as informações do veículo em uma página dedicada, reunindo histórico, equipamentos, localização, manutenções e ações em um único contexto.

Mais agilidade em situações críticas

Reestruturamos os fluxos de ocorrências e sinistros para apoiar decisões rápidas em momentos de alta pressão, reduzindo o esforço necessário para localizar informações e executar ações.

    • Reorganizamos informações e ações conforme a prioridade da operação.

    • Disponibilizamos diferentes formas de acompanhamento — mapa, kanban e tabela — para que cada operador pudesse gerenciar ocorrências da maneira mais adequada ao seu contexto e preferências.

Vídeo mostrando a abertura de um novo sinistro
  • Entendimento ⋅

Matriz CSD

Matriz CSD

Transformando percepções em hipóteses de pesquisa

Transformando percepções em hipóteses de pesquisa

A Matriz CSD consolidou o conhecimento inicial do time sobre o produto e orientou as pesquisas com stakeholders e clientes. A partir dela, validamos hipóteses, identificamos novos padrões e direcionamos as principais oportunidades de redesign.

A Matriz CSD consolidou o conhecimento inicial do time sobre o produto e orientou as pesquisas com stakeholders e clientes. A partir dela, validamos hipóteses, identificamos novos padrões e direcionamos as principais oportunidades de redesign.

Matriz resumida

Matriz resumida

👍 Certezas
👍 Certezas
    • A plataforma acumulou complexidade ao longo dos anos, tornando a navegação pouco intuitiva.

    • Processos importantes exigem muitos passos, telas e conhecimento prévio do sistema.

    • A experiência atual gera dependência de treinamento, suporte e documentação.

🤔 Suposições
🤔 Suposições
    • Reorganizar a arquitetura da informação pode tornar a plataforma mais intuitiva.

    • A experiência precisa considerar diferentes perfis de usuários e seus contextos de uso.

    • Reduzir a quantidade de informação exibida pode facilitar a tomada de decisão.

❓ Dúvidas
❓ Dúvidas
    • Quais funcionalidades realmente são prioritárias para cada perfil de cliente?

    • Quais etapas da jornada concentram os maiores atritos e perdas de eficiência?

    • Como simplificar a experiência sem comprometer a robustez do produto?

Desktop mostrando a Matriz CSD que fizemos online no Miro com o cliente
Desktop mostrando a Matriz CSD que fizemos online no Miro com o cliente

Entrevistas Áreas

Entrevistas Áreas

Conversamos com o CEO e 9 times da Getrak para aprofundar os problemas identificados

Conversamos com o CEO e 9 times da Getrak para aprofundar os problemas identificados

Essas conversas enriqueceram o que levantamos na Matriz CSD, nos dando contexto e profundidade sobre as dores e oportunidades de cada ponto de contato da empresa com o produto e o cliente.

Essas conversas enriqueceram o que levantamos na Matriz CSD, nos dando contexto e profundidade sobre as dores e oportunidades de cada ponto de contato da empresa com o produto e o cliente.

Principais aprendizados

Principais aprendizados

Plataforma robusta,
mas complexa
Plataforma robusta,
mas complexa

Anos de evolução sem reorganização da experiência tornaram a navegação pouco intuitiva e sobrecarregada.

Anos de evolução sem reorganização da experiência tornaram a navegação pouco intuitiva e sobrecarregada.

Descoberta de funcionalidades é um desafio
Descoberta de funcionalidades é um desafio

Os usuários não encontram ou não compreendem recursos existentes, aumentando a dependência de treinamento.

Os usuários não encontram ou não compreendem recursos existentes, aumentando a dependência de treinamento.

Uma única experiência para perfis muito diferentes
Uma única experiência para perfis muito diferentes

Operadores, gestores e novos clientes possuem necessidades distintas, mas utilizam praticamente a mesma interface.

Operadores, gestores e novos clientes possuem necessidades distintas, mas utilizam praticamente a mesma interface.

O aprendizado depende mais do suporte do que do produto
O aprendizado depende mais do suporte do que do produto

Webinars, treinamentos e atendimento compensam dificuldades que poderiam ser resolvidas pela própria interface.

Webinars, treinamentos e atendimento compensam dificuldades que poderiam ser resolvidas pela própria interface.

Fluxos críticos exigem
mais agilidade
Fluxos críticos exigem
mais agilidade

Em situações como furtos e monitoramento, navegar entre múltiplas telas aumenta o tempo e o risco de erro.

Em situações como furtos e monitoramento, navegar entre múltiplas telas aumenta o tempo e o risco de erro.

A plataforma não escala
com a operação
A plataforma não escala
com a operação

Limitações em buscas, filtros e ações em massa dificultam o trabalho de clientes com milhares de veículos.

Limitações em buscas, filtros e ações em massa dificultam o trabalho de clientes com milhares de veículos.

O ecossistema é fragmentado
O ecossistema é fragmentado

Plataforma, hardware e conectividade funcionam de forma pouco integrada, gerando processos manuais e retrabalho.

Plataforma, hardware e conectividade funcionam de forma pouco integrada, gerando processos manuais e retrabalho.

A experiência não reflete o valor do produto
A experiência não reflete o valor do produto

A plataforma transmite menos valor do que a Getrak realmente entrega em tecnologia, confiabilidade e suporte.

A plataforma transmite menos valor do que a Getrak realmente entrega em tecnologia, confiabilidade e suporte.

Imersão na plataforma

Imersão na plataforma

Entendendo o produto em profundidade

Entendendo o produto em profundidade

Antes de propor qualquer mudança, realizamos uma exploração guiada da plataforma com o product designer da Getrak para compreender os principais fluxos, regras de negócio, limitações técnicas e oportunidades percebidas pelo próprio time do produto.

Antes de propor qualquer mudança, realizamos uma exploração guiada da plataforma com o product designer da Getrak para compreender os principais fluxos, regras de negócio, limitações técnicas e oportunidades percebidas pelo próprio time do produto.

Tela Sumário, onde são mostrados alguns gráficos
Tela Localização, onde é possível ver veículos no mapa, uma tabela e buscar veículos e clientes
Tela para fazer configurações no rastreador, onde o conteúdo ocupa uma pequena parte da tela, deixando todo o resto da área útil em branco
Tela com listagem de veículos e uma janela na lateral direita sobrepondo o conteúdo, onde há detalhes de um veículo mas baixo contraste, sendo o texto em branco e o fundo azul claro

Algumas descobertas

Algumas descobertas

Jornadas fragmentadas

Fluxos importantes são distribuídos entre diversos módulos, exigindo múltiplas etapas para concluir tarefas simples e aumentando o tempo de execução.

Alta carga cognitiva

Conceitos técnicos, regras implícitas e excesso de configurações exigem conhecimento prévio e dificultam o aprendizado da plataforma.

Arquitetura desalinhada ao modelo mental

A organização das funcionalidades segue a lógica do sistema, e não a forma como os usuários pensam e executam seu trabalho.

Baixa eficiência operacional

Limitações em ações em massa, filtros e automações reduzem a produtividade, principalmente em operações de grande escala.

Feedback insuficiente

Estados do sistema e retornos das ações são pouco claros, gerando dúvidas e insegurança durante processos críticos.

Experiência inconsistente

Componentes, padrões de interação e navegação variam entre módulos, tornando a plataforma menos previsível e mais difícil de aprender.

Pesquisas Quali e Quanti

Pesquisas Quali e Quanti

Coletamos 757 respostas e conversamos com 7 clientes para compreender sua rotina e comportamento e identificar dores e necessidades

Coletamos 757 respostas e conversamos com 7 clientes para compreender sua rotina e comportamento e identificar dores e necessidades

Construímos os roteiros junto com o cliente divididos em tópicos para entender questões como rotina, dores e desafios, uso de funcionalidades e ferramentas adicionais e percepção de valor. O questionário foi disponibilizado na plataforma por meio do Hotjar.

Construímos os roteiros junto com o cliente divididos em tópicos para entender questões como rotina, dores e desafios, uso de funcionalidades e ferramentas adicionais e percepção de valor. O questionário foi disponibilizado na plataforma por meio do Hotjar.

A sensação é de que a plataforma foi feita por quem nunca esteve na operação.

A sensação é de que a plataforma foi feita por quem nunca esteve na operação.

Monitoramento de grandes frotas, 200 a 400 ocorrências por mês

Monitoramento de grandes frotas, 200 a 400 ocorrências por mês

Print de uma das entrevistas com cliente
Print de uma das entrevistas com cliente
Print de uma das entrevistas com cliente
Print de uma das entrevistas com cliente

A confiança mantém os clientes, mas a experiência precisa evoluir

A Getrak é reconhecida pela estabilidade e confiabilidade, mas a permanência dos clientes está mais relacionada à parceria construída ao longo dos anos do que à experiência da plataforma. A satisfação média de 3,8/5 reforça oportunidades de evolução.

3,8

3,8

3,8

É a satisfação média dos
clientes com a Getrak

É a satisfação média dos
clientes com a Getrak

A plataforma é o maior valor percebido, mas também precisa evoluir

A plataforma foi o aspecto mais valorizado pelos clientes (32%), mas também apareceu como principal oportunidade de melhoria (19%), mostrando que seu maior diferencial ainda possui pontos de evolução.

Plataforma

Plataforma

👍32%

É o que mais
gostam

É o que mais
gostam

É o que mais
gostam

🚨19%

É o que mais
precisa melhorar

É o que mais
precisa melhorar

É o que mais
precisa melhorar

A complexidade da operação gera dependência de ferramentas externas e suporte

Processos longos e dificuldades para encontrar funcionalidades levam os clientes a complementar a plataforma com planilhas, WhatsApp e Excel, além de recorrerem ao suporte para concluir tarefas do dia a dia.

A Getrak tem nos atendido, mas chegamos num certo limite. Precisamos eliminar as planilhas. Chegamos em um estágio que não conseguimos avançar mais, no sentido de produzir melhor, num tempo menor, com mais rapidez. As limitações da plataforma nos impedem de produzir mais e manter contato com nossos associados.

A Getrak tem nos atendido, mas chegamos num certo limite. Precisamos eliminar as planilhas. Chegamos em um estágio que não conseguimos avançar mais, no sentido de produzir melhor, num tempo menor, com mais rapidez. As limitações da plataforma nos impedem de produzir mais e manter contato com nossos associados.

Associação de proteção veicular,

mais de 30 mil veículos na Getrak

Associação de proteção veicular,

mais de 30 mil veículos na Getrak

Clientes buscam mais eficiência para operar em escala

Os usuários esperam recursos que reduzam o esforço operacional, como automações, ações em massa, dashboards inteligentes e uma melhor experiência no celular (4,4/5). Personalização teve menor valor percebido: 63% não pagariam mais por esse tipo de recurso.

📱4,4

Importância de acessar a plataforma via celular

Importância de acessar a plataforma via celular

Importância de acessar a plataforma via celular

💰63%

Não pagariam a mais por personalização

Não pagariam a mais por personalização

Não pagariam a mais por personalização

Alguns fluxos concentram oportunidades claras de melhoria

A pesquisa reforçou padrões encontrados nas entrevistas: Localização foi a funcionalidade mais citada como utilizada pelos clientes, enquanto Gerenciar Telemetrias apareceu como a tarefa mais difícil de realizar.

Localização

Localização

👨‍💻14%

Página citada como
a mais utilizada

Página citada como
a mais utilizada

Página citada como
a mais utilizada

Telemetrias

Telemetrias

🥵14%

Tarefa citada como a mais difícil de realizar

Tarefa citada como

a mais difícil de realizar

Tarefa citada como a mais difícil de realizar

💡

A Getrak já entrega um produto robusto e confiável, mas a experiência não acompanha essa qualidade. Os clientes buscam menos complexidade, mais agilidade e uma plataforma que apoie melhor a operação do dia a dia.

Personas

Personas

Construímos 3 personas para sintetizar os dados coletados e o perfil dos usuários

Construímos 3 personas para sintetizar os dados coletados e o perfil dos usuários

01
01

Rafael

Especialista operacional

Homem branco de cabelos loiros jovem com barba e usando moletom

"Estamos namorando com

outras plataformas."

28, São Paulo/SP

Frota Localiza, 25k veículos na Getrak

Monitora diariamente uma frota de mais de 25 mil veículos e atua em ocorrências críticas, como furtos e recuperações. Precisa executar tarefas com rapidez, mas enfrenta fluxos longos, múltiplas telas e instabilidades durante a operação.

02
02

Douglas

Gestor estratégico

Homem de meia idade com cabelos e barba grisalhos usando terno cinza claro e gravata escura

"A plataforma não está preparada para absorver o usuário final."

45, Betim/MG

Associação CarroSeguro, 5k veículos na Getrak

Administra uma associação de proteção veicular e busca otimizar processos para aumentar a eficiência da operação e a satisfação dos associados. Utiliza diferentes sistemas e gostaria de centralizar toda a gestão em uma única plataforma.

03
03

Eduardo

Empreendedor multitarefa

Homem negro com cerca de 35 anos sorrindo com cabelo baixo e barba, usando uma camisa azul

"Se tivesse orçamento, eu mesmo faria minha plataforma."

35, Barreiras/BA

CFTV Vigia, 500 veículos na Getrak

Gerencia uma empresa de rastreamento e participa de toda a operação. Busca expandir o negócio, mas ainda depende do suporte para realizar algumas tarefas e sente falta de uma experiência mais intuitiva, principalmente no celular.

Fluxo de uso, Sitemap e Roadmap

Fluxo de uso, Sitemap e Roadmap

Da arquitetura ao roadmap de redesign

Da arquitetura ao roadmap de redesign

Com as pesquisas consolidadas, construí um fluxo de uso que mapeava toda a jornada do cliente, desde a contratação de um plano até a operação diária da plataforma. Esse fluxo reuniu os principais insights do Discovery e serviu como referência para as decisões de design.

Com as pesquisas consolidadas, construí um fluxo de uso que mapeava toda a jornada do cliente, desde a contratação de um plano até a operação diária da plataforma. Esse fluxo reuniu os principais insights do Discovery e serviu como referência para as decisões de design.

Em seguida, mapeei todos os módulos da plataforma atual e redesenhei a arquitetura da informação, reorganizando áreas, consolidando funcionalidades relacionadas e eliminando redundâncias para tornar a navegação mais intuitiva.

Em seguida, mapeei todos os módulos da plataforma atual e redesenhei a arquitetura da informação, reorganizando áreas, consolidando funcionalidades relacionadas e eliminando redundâncias para tornar a navegação mais intuitiva.

Por fim, utilizamos o fluxo e o novo sitemap para estruturar o roadmap do redesign junto com o cliente, priorizando as entregas de acordo com o impacto para o usuário e o esforço de implementação.

Por fim, utilizamos o fluxo e o novo sitemap para estruturar o roadmap do redesign junto com o cliente, priorizando as entregas de acordo com o impacto para o usuário e o esforço de implementação.

Desktop com print de uma pequena parte do estudo para o sitemap no Miro
Desktop com print de uma pequena parte do estudo para o sitemap no Miro
  • Ideação ⋅

Design System e Conceito Visual

Design System e Conceito Visual

Simplificar uma plataforma complexa através de três princípios: interface limpa, informações contextuais e interações familiares

Simplificar uma plataforma complexa através de três princípios: interface limpa, informações contextuais e interações familiares

O Material UI já fazia parte do ecossistema da Getrak. Avaliamos diferentes templates da biblioteca e apresentamos três alternativas ao cliente para acelerar o processo de redesign. Em conjunto, optamos por manter apenas o Design System como base, construindo uma identidade visual própria para o produto.

O Material UI já fazia parte do ecossistema da Getrak. Avaliamos diferentes templates da biblioteca e apresentamos três alternativas ao cliente para acelerar o processo de redesign. Em conjunto, optamos por manter apenas o Design System como base, construindo uma identidade visual própria para o produto.

A partir dessa decisão, exploramos diferentes conceitos para a tela inicial da plataforma. Esse trabalho definiu os princípios visuais do projeto — como hierarquia da informação, uso de cores, espaçamentos e componentes — que passaram a orientar todo o redesign.

A partir dessa decisão, exploramos diferentes conceitos para a tela inicial da plataforma. Esse trabalho definiu os princípios visuais do projeto — como hierarquia da informação, uso de cores, espaçamentos e componentes — que passaram a orientar todo o redesign.

Detalhe da última localização válida de um veículo, presente na tela de detalhes do veículo

✨ Interface limpa

Uma interface mais leve,

organizada e agradável de utilizar

Hierarquia visual, espaçamentos, contrastes sutis e uma base de cores neutras organizam grandes volumes de informação. As cores da marca destacam ações, estados e alertas.

Detalhe do início da criação de novo sinistro, onde se pergunta o que aconteceu, e há 3 opções para selecionar: roubo, furto ou apropriação indébita

🧩 Informação contextual

Cada informação aparece no momento em que faz sentido.

Substituímos formulários extensos por etapas, organizamos conteúdos em cards e priorizamos resumos visuais antes dos detalhes, tornando fluxos complexos mais fáceis de compreender e executar.

Detalhe do início da criação de nova rota, semelhante ao Google Maps, onde preciso selecionar um ponto inicial e um final, posso adicionar mais pontos e tenho também opções avançadas.

🤝 Interações familiares

Aproveitamos padrões conhecidos para reduzir a curva de aprendizado

Interações inspiradas em Google Maps, Trello, WhatsApp e Safari tornam a navegação mais previsível, intuitiva e natural desde o primeiro uso.

  • Desenvolvimento ⋅

Redesign

Redesign

Construindo a solução junto com o cliente

Construindo a solução junto com o cliente

A cada sprint, desenhávamos novos fluxos utilizando os componentes do Design System e o conceito visual previamente definidos. As soluções eram apresentadas ao cliente em ciclos de feedback, permitindo construir e refinar as interfaces de forma colaborativa antes da entrega final, já considerando sua versão responsiva.

A cada sprint, desenhávamos novos fluxos utilizando os componentes do Design System e o conceito visual previamente definidos. As soluções eram apresentadas ao cliente em ciclos de feedback, permitindo construir e refinar as interfaces de forma colaborativa antes da entrega final, já considerando sua versão responsiva.

Como o Design System e a identidade visual já estavam consolidados, optamos por evoluir diretamente para as telas de alta fidelidade, reduzindo o tempo de projeto sem comprometer a qualidade das validações. Durante o processo, também criamos componentes específicos para atender necessidades que não eram contempladas pelo Material UI.

Como o Design System e a identidade visual já estavam consolidados, optamos por evoluir diretamente para as telas de alta fidelidade, reduzindo o tempo de projeto sem comprometer a qualidade das validações. Durante o processo, também criamos componentes específicos para atender necessidades que não eram contempladas pelo Material UI.

Nosso escopo contemplou todo o Discovery e o Redesign da plataforma, enquanto a implementação da nova aplicação ficou sob responsabilidade da equipe de desenvolvimento da Getrak.

Nosso escopo contemplou todo o Discovery e o Redesign da plataforma, enquanto a implementação da nova aplicação ficou sob responsabilidade da equipe de desenvolvimento da Getrak.

🔄 Fluxos conectados

Conectamos tarefas que antes estavam fragmentadas, reduzindo interrupções e tornando os fluxos mais naturais.

Aproveitamos o contexto de cada etapa para eliminar retrabalho. Por exemplo, o vínculo entre veículos e telemetrias passou a fazer parte dos próprios cadastros, evitando navegações desnecessárias.

A plataforma também passou a orientar os próximos passos da jornada, sugerindo ações como cadastrar equipamentos após a contratação de um plano.

ANTES

Tela de nova telemetria antes do redesign

DEPOIS

Etapa de vínculos na criação de nova telemetria depois do redesign

⚙️ Operação simplificada

Reestruturamos um dos fluxos mais críticos da plataforma para torná-lo mais seguro, claro e eficiente.

Comandos e configurações deixaram de ficar espalhados em diversas telas. As informações essenciais para a tomada de decisão, como veículo, equipamento e ignição, passaram a estar disponíveis no mesmo contexto.

Também possibilitamos o envio de comandos individuais e em massa para grupos compatíveis de veículos, reduzindo o esforço operacional.

ANTES

Tela de configurações do rastreador antes do redesign

DEPOIS

Tela de comandos e configurações depois do redesign

📍 Monitoramento centralizado

Transformamos o mapa em um espaço de monitoramento e tomada de decisão, e não apenas de consulta.

Reorganizamos a hierarquia da tela, adicionando atalhos, pesquisa e acesso rápido às principais ações para agilizar o gerenciamento da frota.

O monitoramento simultâneo de múltiplos veículos e a persistência das informações essenciais tornaram a operação mais fluida ao longo da navegação.

ANTES

Tela de localização antes do redesign

DEPOIS

Tela de localização com veículo selecionado depois do redesign

Responsividade

Responsividade

Adaptando uma plataforma complexa para o mobile

Adaptando uma plataforma complexa para o mobile

Durante o Discovery, identificamos que muitos usuários precisavam acessar a plataforma pelo celular para acompanhar operações, consultar informações e agir rapidamente em situações críticas. A pesquisa quantitativa reforçou esse comportamento, mostrando a importância de oferecer uma experiência consistente também em dispositivos móveis.

Durante o Discovery, identificamos que muitos usuários precisavam acessar a plataforma pelo celular para acompanhar operações, consultar informações e agir rapidamente em situações críticas. A pesquisa quantitativa reforçou esse comportamento, mostrando a importância de oferecer uma experiência consistente também em dispositivos móveis.

Como a plataforma concentra um grande volume de informações, não bastava apenas adaptar o layout para telas menores. Repensamos a hierarquia da interface para priorizar o conteúdo e reduzir distrações durante a navegação. Como referência, utilizamos padrões já consolidados, como o Safari no iPhone, que oculta automaticamente elementos de navegação durante a rolagem para ampliar a área útil da tela. Aplicamos esse conceito à Getrak, permitindo ocultar cabeçalho e menu durante o uso, garantindo mais espaço para o conteúdo e uma experiência mais confortável no mobile.

Como a plataforma concentra um grande volume de informações, não bastava apenas adaptar o layout para telas menores. Repensamos a hierarquia da interface para priorizar o conteúdo e reduzir distrações durante a navegação. Como referência, utilizamos padrões já consolidados, como o Safari no iPhone, que oculta automaticamente elementos de navegação durante a rolagem para ampliar a área útil da tela. Aplicamos esse conceito à Getrak, permitindo ocultar cabeçalho e menu durante o uso, garantindo mais espaço para o conteúdo e uma experiência mais confortável no mobile.

Vídeo da tela de Sinistros em kanban ao dar scroll: ao arrastar para cima, o header da tela é ocultado; arrastando para baixo, o header é mostrado novamente
Vídeo da tela de Sinistros em kanban ao dar scroll: ao arrastar para cima, o header da tela é ocultado; arrastando para baixo, o header é mostrado novamente
Tela de veículo selecionado no mapa, no mobile
Primeira etapa do cadastro de novo veículo, no mobile
Área de perímetros (pontos, cercas e rotas) com cercas selecionado, mostrando-as no mapa, no mobile
Tela para concluir ocorrências, mostrando as ocorrências do veículo, e o histórico de tratativas, semelhante ao chat do WhatsApp, no mobile
Etapa de detalhes na criação de nova cerca, onde é possível vê-la no mapa na parte superior da tela, e o resto do conteúdo na parte inferior, no mobile
Tela de notificações, com categoria no topo da tela, seguidas pelas notificações prioritárias e pelas notificações de hoje, no mobile

Momento atual

Momento atual

Do redesign à implementação

Do redesign à implementação

Após a conclusão dos primeiros fluxos, a equipe de tecnologia da Getrak iniciou o desenvolvimento da nova plataforma, transformando o trabalho de Discovery e Design em um produto real.

Após a conclusão dos primeiros fluxos, a equipe de tecnologia da Getrak iniciou o desenvolvimento da nova plataforma, transformando o trabalho de Discovery e Design em um produto real.

A nova experiência foi apresentada oficialmente durante a Exposec 2026, marcando o início da migração dos clientes para a plataforma redesenhada. Como em todo projeto de produto, as entregas foram priorizadas por etapas: parte das melhorias já foi implementada, enquanto outras funcionalidades, como os novos temas e o modo escuro, permanecem no roadmap de evolução.

A nova experiência foi apresentada oficialmente durante a Exposec 2026, marcando o início da migração dos clientes para a plataforma redesenhada. Como em todo projeto de produto, as entregas foram priorizadas por etapas: parte das melhorias já foi implementada, enquanto outras funcionalidades, como os novos temas e o modo escuro, permanecem no roadmap de evolução.

Vídeo mostrando a nova plataforma já implementada 🥹
  • Aprendizados ⋅

🔍 Discovery reduz riscos

🔍 Discovery reduz riscos

  • Investir tempo para compreender o problema antes de desenhar soluções evitou decisões baseadas em suposições. As pesquisas deram segurança para priorizar melhorias que realmente geravam valor para usuários e negócio.

  • Investir tempo para compreender o problema antes de desenhar soluções evitou decisões baseadas em suposições. As pesquisas deram segurança para priorizar melhorias que realmente geravam valor para usuários e negócio.

🧩 Simplificar exige entender a complexidade

🧩 Simplificar exige entender a complexidade

Antes de redesenhar qualquer fluxo, foi necessário compreender profundamente o domínio do rastreamento veicular. A imersão no negócio e as pesquisas foram fundamentais para transformar um sistema complexo em uma experiência mais intuitiva.

Antes de redesenhar qualquer fluxo, foi necessário compreender profundamente o domínio do rastreamento veicular. A imersão no negócio e as pesquisas foram fundamentais para transformar um sistema complexo em uma experiência mais intuitiva.

🤝 Colaboração fortalece as decisões

🤝 Colaboração fortalece as decisões

As validações frequentes com o cliente e as discussões com a Product Manager foram essenciais para equilibrar necessidades do negócio, expectativas dos usuários e decisões de design ao longo do projeto.

As validações frequentes com o cliente e as discussões com a Product Manager foram essenciais para equilibrar necessidades do negócio, expectativas dos usuários e decisões de design ao longo do projeto.

🤖 IA acelera a síntese do Discovery

🤖 IA acelera a síntese do Discovery

Utilizamos IA para organizar entrevistas, consolidar diferentes fontes de pesquisa e transformar grandes volumes de informação em insights. Isso tornou a etapa de síntese mais ágil, mantendo a análise crítica sob responsabilidade do time.

Utilizamos IA para organizar entrevistas, consolidar diferentes fontes de pesquisa e transformar grandes volumes de informação em insights. Isso tornou a etapa de síntese mais ágil, mantendo a análise crítica sob responsabilidade do time.

🎨 Design Systems aceleram o processo

🎨 Design Systems aceleram o processo

Utilizar o Material UI como base permitiu concentrar esforços nos fluxos, na arquitetura da informação e na experiência do usuário, em vez de reconstruir componentes já consolidados.

Utilizar o Material UI como base permitiu concentrar esforços nos fluxos, na arquitetura da informação e na experiência do usuário, em vez de reconstruir componentes já consolidados.

🌙 Pensar no modo escuro desde o início

🌙 Pensar no modo escuro desde o início

Construir o modo escuro apenas no final funcionou, mas percebemos que defini-lo desde a criação do Design System teria simplificado a gestão das variáveis de cor e tornado o processo mais eficiente.

Construir o modo escuro apenas no final funcionou, mas percebemos que defini-lo desde a criação do Design System teria simplificado a gestão das variáveis de cor e tornado o processo mais eficiente.

⏱️ Cronogramas precisam refletir a complexidade

⏱️ Cronogramas precisam refletir a complexidade

O prazo inicial de quatro meses se mostrou insuficiente para a dimensão do projeto. Replanejar as entregas permitiu aprofundar o Discovery e desenvolver soluções com mais qualidade e consistência.

O prazo inicial de quatro meses se mostrou insuficiente para a dimensão do projeto. Replanejar as entregas permitiu aprofundar o Discovery e desenvolver soluções com mais qualidade e consistência.

Create a free website with Framer, the website builder loved by startups, designers and agencies.