UX ResearchUI DesignDesign System

Aplicativo Meu Detran

Aplicativo mobile desenvolvido para oferecer serviços digitais do DETRAN.

Ano

2025

Duração

Em andamento

Papel

Product Designer

Equipe

6 pessoas

Aplicativo Meu Detran - Hero image

Overview

Transformando desafios complexos em experiências intuitivas

O Desafio

O aplicativo existente tinha interface desatualizada e baixa usabilidade. Muitos usuários baixavam o app, mas desistiam logo nas primeiras interações por dificuldade em navegar e entender as funcionalidades.

A Solução

Redesenhamos o aplicativo do zero com foco em simplicidade e usabilidade, além de criar um Design System para garantir consistência e escalabilidade do produto.

O Impacto

Mais de 22 mil cadastros no primeiro mês após o lançamento e aumento significativo no número de acessos ao aplicativo.

Ferramentas utilizadas

FigmaFigJamAzureGoogle Forms

O Problema

Entendendo o contexto e os desafios

Contexto

O aplicativo “Meu Detran” foi criado para centralizar serviços digitais, mas falhava em cumprir esse papel. Usuários tinham dificuldade para navegar e encontrar funcionalidades essenciais, mesmo em tarefas simples como consultar débitos ou emitir documentos. Isso levava ao abandono de tarefas e ao aumento da demanda por suporte e atendimentos presenciais, evidenciando baixa autonomia no uso do app.

Hipótese

A falta de priorização dos serviços mais relevantes e a navegação pouco intuitiva aumentam o tempo e o esforço necessários para concluir tarefas simples, elevando o abandono dentro do app e a dependência de canais de suporte.

Objetivo de Negócio

Reduzir a dependência de canais de suporte e atendimento presencial, aumentando a autonomia do usuário e a eficiência na execução de serviços digitais.

Pain Points Identificados

  • 1

    Dificuldade em identificar rapidamente os serviços mais relevantes

  • 2

    Navegação pouco intuitiva, exigindo múltiplos passos para tarefas simples

  • 3

    Falta de feedback claro durante ações críticas, gerando insegurança

  • 4

    Inconsistência visual que prejudica reconhecimento e aprendizado

  • 5

    Dependência excessiva de suporte para concluir tarefas básicas

Pesquisa

Descobrindo as necessidades reais dos usuários

Research process
Entrevistas qualitativas com usuáriosTestes de usabilidade com tarefas reaisAnálise exploratória da interface atual

5 usuários com diferentes níveis de familiaridade com serviços digitais do Detran

Dificuldade em identificar serviços prioritários

Usuários não conseguiam reconhecer rapidamente quais serviços estavam disponíveis nem onde encontrá-los, especialmente em tarefas comuns como consulta de débitos.

Navegação gera esforço desnecessário

Durante os testes, usuários levaram múltiplas tentativas para completar tarefas simples, indicando falta de hierarquia e organização clara na navegação.

Comportamento de fallback para suporte

Diante da dificuldade, usuários tendiam a abandonar o app e buscar suporte ou atendimento presencial, mesmo para tarefas básicas.

Ausência de feedback compromete confiança

A falta de respostas claras do sistema após ações gerava insegurança, fazendo com que usuários hesitassem ou repetissem operações.

Insight Principal

A principal barreira não era a ausência de funcionalidades, mas a falta de clareza na estrutura e priorização dos serviços. A dificuldade em entender onde e como realizar tarefas aumentava o esforço cognitivo, validando a hipótese de que a navegação impactava diretamente o abandono e a dependência de suporte.

Personas

Quem são nossos usuários

Personas do projeto
C

Carlos

45 anosMotorista

Utiliza o aplicativo do Detran para resolver pendências do veículo sem precisar ir até uma agência.

Objetivos
  • +Resolver serviços rapidamente
  • +Evitar filas no Detran
Frustrações
  • -Dificuldade para encontrar serviços no aplicativo
  • -Processos longos e confusos

"Eu só quero resolver isso rápido sem precisar ir até o Detran."

A

Ana

32 anosAssistente administrativa

Precisa acessar o aplicativo para consultar débitos, documentos e resolver serviços relacionados ao veículo.

Objetivos
  • +Encontrar os serviços com facilidade
  • +Ter segurança ao realizar ações no aplicativo
Frustrações
  • -Interface confusa e desorganizada
  • -Falta de confirmação após realizar ações

"Eu fico insegura quando faço algo no app e não sei se realmente deu certo."

J

José

58 anosAposentado

Utiliza o aplicativo do Detran ocasionalmente para resolver pendências relacionadas ao veículo, mas possui pouca familiaridade com plataformas digitais e serviços online.

Objetivos
  • +Conseguir usar o aplicativo sem ajuda
  • +Entender claramente cada etapa do processo
Frustrações
  • -Dificuldade em compreender termos técnicos
  • -Medo de cometer erros durante o processo

"Eu fico com medo de clicar errado e ter que fazer tudo de novo."

M

Mariana

27 anosEmpreendedora

Gerencia múltiplos veículos e utiliza frequentemente o aplicativo para acompanhar débitos, licenciamento e outros serviços relacionados ao veículo.

Objetivos
  • +Resolver tudo rapidamente em um único lugar
  • +Acompanhar o status dos processos em andamento
Frustrações
  • -Precisar repetir informações várias vezes
  • -Falta de visibilidade sobre pendências e prazos

"Eu preciso de algo prático que me ajude a resolver tudo mais rápido."

Wireframes

Da estrutura ao layout

Os wireframes foram criados para estruturar a navegação e validar a organização dos serviços antes da etapa visual.

Wireframes do projeto

Telas Principais

1

Home com os principais serviços

2

Tela com serviços de Habilitação

3

Tela com serviços de Veículos

4

Tela com serviços de Infrações

Design System

Sistema visual consistente

Tipografia

Fonte Primária

Roboto

Escala Tipográfica

Display - 32px
H1 - 24px
H2 - 20px
Body - 16px
Body Small - 14px
Body Xsmall - 12px

Cores

Primária

#00823C

Secundária

#2C5799

Destaque

#FFD525

Neutros 1

#EAEBEC

Neutros 2

#6E757A

Neutros 3

#29353D

Neutros 4

#101518

Solução

O que construímos

A solução foi orientada pela necessidade de reduzir o esforço cognitivo e melhorar a autonomia do usuário, com foco na priorização de serviços e simplificação da navegação.

Principais decisões

1

Priorizar serviços mais utilizados na interface inicial

2

Reduzir a profundidade de navegação

3

Aumentar clareza e feedback nas interações

Aplicação da priorização de serviços e simplificação da navegação

Decisões de design

1

Priorização de serviços na interface inicial

Os serviços mais utilizados foram destacados na home para reduzir o tempo de acesso e evitar navegação desnecessária, respondendo à dificuldade de identificação observada nos testes.

2

Reestruturação da navegação com hierarquia clara

A arquitetura foi reorganizada para reduzir múltiplas tentativas na busca por funcionalidades, criando uma estrutura mais previsível e fácil de entender.

3

Redução de etapas em fluxos críticos

Tarefas recorrentes, como consulta de débitos, tiveram etapas reduzidas para diminuir o tempo de execução e evitar abandono durante o processo.

4

Feedback claro durante interações

Foram adicionadas confirmações visuais e estados de sistema para reduzir incerteza e aumentar a confiança dos usuários ao realizar ações.

5

Padronização através de design system

Componentes consistentes foram definidos para melhorar reconhecimento, reduzir inconsistências e garantir escalabilidade do produto.

Trade-off

Para reduzir a sobrecarga cognitiva, optamos por limitar a quantidade de serviços exibidos na tela inicial, priorizando os mais relevantes, mesmo que isso exigisse uma segunda camada de navegação para serviços menos utilizados.

Resultados

O impacto mensurável do design

Após o redesign, os dados indicam aumento no engajamento e na adoção do aplicativo, sugerindo melhoria na autonomia dos usuários e redução de fricção na navegação.

+22 mil downloads em menos de 30 dias

Aumento na adoção após o lançamento

10m 19s

Tempo médio de engajamento por usuário ativo, indicando maior permanência e interação com o app

2.3

Sessões médias por usuário ativo, sugerindo recorrência no uso dos serviços

O aumento no engajamento e na recorrência de uso sugere que a nova estrutura de navegação e a priorização de serviços reduziram o esforço necessário para concluir tarefas, contribuindo para maior autonomia e menor dependência de suporte.

Aprendizados

O que aprendi com este projeto

Subestimei inicialmente o impacto da arquitetura da informação na experiência. O projeto mostrou que a principal dificuldade dos usuários não estava nas funcionalidades, mas em como elas eram organizadas e encontradas. Isso reforçou a importância de priorizar estrutura antes da interface visual.

A validação precoce ajudou a identificar gargalos críticos, mas ciclos mais frequentes de teste poderiam ter reduzido ainda mais o retrabalho. Em projetos futuros, adotaria validação contínua ao longo de todo o processo.

Simplicidade e consistência não são apenas boas práticas, mas fatores determinantes para usuários com diferentes níveis de familiaridade digital. Pequenas inconsistências impactaram diretamente a confiança e o entendimento do sistema.

Projetar para serviços públicos exige foco em eficiência e clareza. Diferente de produtos exploratórios, os usuários têm objetivos diretos e baixa tolerância à fricção, o que exige decisões mais pragmáticas de design.

Detalhes visuais do projeto

Explore os artefatos visuais do projeto, desde wireframes até os mockups finais de alta fidelidade.