Ituran Digital BR · Case
Produto Ituran Digital BR
Categoria App Mobile · UX/UI
Status Em produção

Menos interrupções. Mais clareza. Uma home que trabalha a favor do usuário.

Reorganização da jornada de onboarding e da exibição de mensagens no app Ituran Digital BR, reduzindo assim etapas desnecessárias e criando uma lógica consistente para avisos, orientações e pendências.

UX Design UI Design Mobile Onboarding Arquitetura de Informação Sistema de Mensagens
Telas do app Ituran

Proposta final da nova home do app

Overview do projeto

Problema
Quantidade excessiva de informações antes de chegar à home. Além de modais de avisos sobrepostos e sem critérios de prioridade.
Meu papel
UX/UI Designer responsável por todo o processo: discovery, pesquisa com áreas, arquitetura, design de interface e validação com as áreas.
O que foi melhorado
Redesenho da jornada do onboarding, unificação do fluxo de boas-vindas e criação de um sistema de hierarquia para todos os avisos e comunicações via app.
Resultado
Redução de 70% nas telas de entrada, zero modais sobrepostos e uma regra central clara para toda a equipe de produto.
01 · Visão geral

Por que esse projeto era necessário?

Antes da proposta, cada tecnologia de rastreador tinha um fluxo próprio de boas-vindas, com 10 a 14 telas até a home. Além disso, avisos podiam se sobrepor sem critérios de prioridade.

Com a evolução do aplicativo, o volume de mensagens cresceu, evidenciando a necessidade de uma estrutura mais clara, consistente e organizada.

02 · O problema

O problema não era apenas o volume de telas.

A necessidade de diferentes departamentos comunicarem suas mensagens pelo aplicativo evidenciou um problema de organização e governança da comunicação, gerando sobreposição de conteúdos, repetição de informações e falta de clareza nos objetivos de cada mensagem.

O problema não era apenas o volume de telas mas também a ausência de hierarquia que definisse o que o usuário deveria conhecer e quando.

Evidências do problema:

10–14
Telas até a home
93 segundos até o acesso da home principal do app.
0
Regras de prioridade
Sem uma hierarquia clara, diferentes avisos eram exibidos simultaneamente.
MODAIS
O usuário era exposto a um número excessivo de modais e notificações.
4
Fluxos por tecnologia
Cada tecnologia seguia uma jornada própria, comprometendo a consistência da experiência inicial.
Dados do problema
EvidênciaProblemaOportunidade
10–14 telas e 93s até a homeDemora para acessar a área principalReduzir etapas obrigatórias de entrada
Avisos que podiam se sobreporConcorrência entre mensagensEstabelecer uma regra única de exibição
Tutoriais antes da homeOrientação desvinculada do contextoEnsinar diretamente sobre a interface real
Vários avisos elegíveis em modaisFalta de controle sobre as interrupçõesDefinir prioridade, frequência e canais alternativos

O insight central

O desafio não era apenas diminuir a quantidade de telas. Era criar um sistema de comunicação capaz de equilibrar acesso rápido, orientação contextual, pendências operacionais e mensagens comerciais sem sobrecarregar a experiência.

Exemplos de mensagens apresentados no app:

03 · Métricas e processo de UX

Etapas para transformar observações em solução.

Conduzimos etapas de investigação e análise para identificar os problemas, definir estratégias de solução e mapear os stakeholders impactados, fundamentando as decisões e direcionando as melhorias.

01

Discovery

Mapeamento da jornada, auditoria da interface e levantamento de requisitos para entender a experiência atual.

02

Definição

Síntese dos problemas, pontos de fricção e definição do desafio de UX — transformar achados em oportunidades.

03

Ideação

Alternativas para reduzir etapas, organizar mensagens e orientar o usuário com menos interrupção.

04

Arquitetura

Fluxos, hierarquia das comunicações, estados e regras de exibição para toda a experiência de entrada.

05

Design

Pesquisa e desenho da nova interface da home e a estrutura de cores para as mensagens.

06

Validação

Simulação de aberturas, verificação das regras e definição de métricas para acompanhamento futuro.

Equipes envolvidas no processo

Diretoria CX Marketing Produto Vendas Financeiro

Todo o processo de construção da nova estrutura de comunicação foi acompanhado por diferentes áreas da empresa, que trabalharam de forma colaborativa para alinhar suas necessidades e objetivos.

O objetivo central das reuniões era mapear as comunicações existentes em cada área, identificando quais mensagens eram relevantes para a jornada de onboarding do aplicativo. Além da proposta, análise e definição da redução das 10-14 telas para uma única tela inicial de boas-vindas.

04 · Resultado

A nova arquitetura da experiência.

A nova estrutura de onboarding tem uma premissa simples: o usuário deve chegar à home o mais rápido possível.

Para isso, realizamos mudanças essenciais que transformaram a jornada inicial do cliente:

Novo fluxo onboarding do app

Solução no onboarding

A nova home do app

Além da nova estrutura de comunicação, o aplicativo passou por uma reformulação visual para dar maior visibilidade às mensagens e facilitar sua percepção pelos usuários. A home recebeu novos elementos e teve sua hierarquia visual refinada, com uma apresentação mais leve e equilibrada. Essas mudanças foram pensadas para valorizar as novas funcionalidades e garantir que as mensagens assumissem o protagonismo na experiência inicial do aplicativo.

A nova home do app Ituran

Menos modais: Uma estrutura por cores e grupos

Para garantir o funcionamento do sistema, estruturamos regras para classificar cada aviso automaticamente, facilitando sua organização e gestão no aplicativo.

A quantidade de modais exibidos no app foram reduzidos e substituídos por uma nova classificação.

As mensagens passaram a ser organizadas por categorias, cada uma identificada por uma cor e associada a um contexto específico. Com essa estrutura, os departamentos ganharam autonomia para criar e gerenciar suas comunicações de maneira mais ágil, sem depender de alterações no aplicativo a cada nova mensagem:

Emergência Ação necessária Resolvido Informativo Comercial

Coachmark

A orientação deixou de ser uma etapa obrigatória do primeiro acesso e passou a acontecer de forma contextual, por meio de coachmarks que apresentam os recursos conforme a necessidade do usuário.

Portal de Gestão de Mensagens

Para sustentar essa hierarquia, foi desenvolvido um portal de gestão de mensagens, permitindo que as equipes envolvidas criassem e atualizassem comunicações de forma independente. Com isso, a inclusão ou alteração de mensagens deixou de depender de uma nova publicação do aplicativo em produção.

05 · Impacto

O resultado baseado na experiência.

Impacto
06 · Aprendizados

O que este projeto ensinou.

Com o tempo, cada tecnologia passou a adicionar novas telas, sem considerar a jornada completa do usuário. Ao mapear o fluxo, identificamos o problema.
Mais do que evitar excesso de modais, é preciso documentar regras, exceções e responsáveis para que o sistema se sustente sem depender do julgamento individual.
Mostrar como funciona o app é essencial para diversos tipos de usuários, mas o tempo certo de aprender é fundamental.