Portal Meu Detran
Portal Web desenvolvido para oferecer serviços digitais do DETRAN a população.
Ano
2024
Duração
Em andamento
Papel
Product Designer
Equipe
8 pessoas
Overview
Transformando desafios complexos em experiências intuitivas
O Desafio
O portal falhava em permitir que usuários completassem tarefas básicas, resultando em alta dependência de suporte e atendimentos presenciais.
A Solução
Criamos uma interface contextual e responsiva, que adapta suas funcionalidades conforme o tipo de serviço e o dispositivo utilizado. Priorizamos acessibilidade, clareza da informação e usabilidade consistente em diferentes cenários.
O Impacto
Redução de 60% nos chamados e maior autonomia dos usuários.
Ferramentas utilizadas
O Problema
Entendendo o contexto e os desafios
Contexto
Os usuários enfrentavam grandes dificuldades para utilizar o portal, resultando em chamados de suporte e deslocamentos até agências. Em resumo, o portal não atendia às expectativas de usabilidade e acessibilidade.
Hipótese
Objetivo de Negócio
Reduzir a dependência de suporte e atendimentos presenciais, aumentando a adoção e o uso eficiente do portal pelos usuários.
Pain Points Identificados
- 1
Baixa clareza sobre os serviços disponíveis
- 2
Interface desatualizada e inconsistente
- 3
Alto volume de chamados de suporte
- 4
Dificuldade para localizar funcionalidades
Pesquisa
Descobrindo as necessidades reais dos usuários
5 usuários
Baixa clareza dos serviços
Usuários tinham dificuldade para entender quais serviços estavam disponíveis e onde encontrá-los no aplicativo.
Interface Complexa
Portal antigo exibia muitas funcionalidades/informações ao mesmo tempo, causando confusão, abandono do fluxo e muitos suportes.
Dependência de suporte
A falta de clareza na interface levava usuários a buscar ajuda no suporte ou nas agências para tarefas simples.
Falta de feedback do sistema
Usuários demonstraram insegurança ao realizar ações por não receberem confirmação clara de suas ações.
Insight Principal
A principal barreira não era a falta de funcionalidades, mas a dificuldade em entender e encontrar os serviços no portal. Melhorar a clareza da navegação e da interface tornou-se a prioridade para aumentar a autonomia dos usuários.
Quem são nossos usuários
Carlos
45 anos — Motorista
Utiliza o portal para consultar débitos e regularizar a situação do veículo sem precisar ir até uma agência.
- +Resolver pendências rapidamente
- +Evitar atendimento presencial
- -Dificuldade para encontrar serviços
- -Fluxos longos e pouco claros
"Eu só quero resolver isso rápido sem precisar ir até o Detran."
Ana
32 anos — Assistente administrativa
Acessa o portal com frequência para consultar documentos, débitos e acompanhar processos relacionados ao veículo.
- +Encontrar serviços com facilidade
- +Ter segurança ao realizar ações
- -Interface desorganizada
- -Falta de confirmação após ações
"Eu preciso ter certeza de que fiz tudo certo."
José
58 anos — Aposentado
Utiliza o portal ocasionalmente para resolver pendências, mas tem pouca familiaridade com tecnologia.
- +Conseguir usar o portal sem ajuda
- +Entender claramente o que precisa ser feito
- -Dificuldade com termos técnicos
- -Medo de cometer erros durante o processo
"Não tenho segurança para mexer nessas coisas sozinho."
Mariana
27 anos — Empreendedora
Gerencia múltiplos veículos e utiliza o portal para acompanhar débitos, licenciamento e outras obrigações.
- +Resolver tudo de forma rápida e centralizada
- +Acompanhar status de processos
- -Falta de visão geral das pendências
- -Ter que repetir informações em diferentes etapas
"Eu preciso resolver tudo 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.
Telas Principais
Home com os principais serviços
Tela com serviços de Habilitação
Tela com serviços de Veículos
Tela com serviços de Infrações
Design System
Sistema visual consistente
Tipografia
Fonte Primária
Roboto
Escala Tipográfica
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
Reorganização completa da navegação.
Decisões de design
Serviços mais claros
Reorganizamos os serviços para que os usuários entendam rapidamente o que podem fazer no aplicativo.
Navegação simplificada
Nova estrutura de navegação para facilitar a localização de funcionalidades e reduzir fricção.
Fluxos mais curtos
Redução de etapas em tarefas comuns para tornar o uso mais rápido e direto.
Feedback do sistema
Confirmações claras após cada ação para aumentar a segurança e confiança do usuário.
Design System
Biblioteca de componentes padronizados garantindo consistência e escalabilidade do aplicativo.
Resultados
O impacto mensurável do design
O redesign gerou uma forte adoção inicial e um bom nível de engajamento, mostrando que os usuários entenderam e passaram a usar a nova experiência rapidamente.
+22 mil downloads em menos de 30 dias
Novos downloads após lançamento
10m 19s
Tempo médio de engajamento por usuário ativo
2.3
Sessões médias por usuário ativo
Esses resultados indicam que a nova experiência facilitou a realização das tarefas principais, incentivando o uso recorrente e reduzindo o atrito ao longo da jornada.
Aprendizados
O que aprendi com este projeto
Testar cedo permitiu identificar gargalos críticos e evitar retrabalho.
Simplicidade e consistência são fundamentais para atender públicos diversos.
Decisões baseadas em pesquisa evitam suposições e direcionam melhor o produto.
É essencial projetar para usuários com diferentes níveis de familiaridade com tecnologia.
Projetar mobile-first é essencial diante do comportamento real dos usuários.
Detalhes visuais do projeto
Explore os artefatos visuais do projeto, desde wireframes até os mockups finais de alta fidelidade.