DataZAP é a plataforma de inteligência imobiliária (SaaS) do ZAP Imóveis, que auxilia construtoras, incorporadoras e instituições financeiras na tomada de decisões estratégicas, como onde e quando construir, investir, financiar e negociar imóveis.
INDÚSTRIA
Tecnologia
CLIENTE
Zap Imóveis
CARGO
Estagiário de Product Design
Contexto
Após a migração para uma nova plataforma, usuários acostumados à versão anterior enfrentaram dificuldades para se adaptar. A estrutura de navegação não era clara, especialmente na sidebar, o que prejudicava a experiência e comprometia o uso das funcionalidades básicas do sistema.
Problemas
Durante o discovery, com base em testes de usabilidade e análise de comportamento, foram identificados diversos pontos de atrito:
Sidebar Fechada:
Ícones sem contexto, dificultando a compreensão da função de cada botão.
Expansão automática da sidebar ao clicar, causando perda de área útil na tela.
Botões aglomerados, aumentando o risco de cliques errados.
Sidebar Aberta:
Proporção inadequada em telas menores, prejudicando a navegação.
Mesmos problemas de aglomeração e confusão entre botões.
Modelo engessado, que não permitia a adição de novas funcionalidades.
A navegação da plataforma estava confusa, pouco escalável e desajustada ao uso real dos clientes.
Abordagem
Conduzi o discovery com foco em navegação, mapeando frustrações específicas nos dois modos da sidebar.
Realizei testes com usuários e coletei feedbacks reais da operação.
Trabalhei em soluções modulares e escaláveis, priorizando clareza e eficiência.
Colaborei com PMs e desenvolvedores para garantir viabilidade e consistência na entrega.
Soluções aplicadas
Botão “Mais”
Objetivos:
Reduzir a poluição visual da sidebar.
Otimizar o uso do espaço em telas menores.
Permitir a expansão futura do menu, sem comprometer a experiência.
Resultados:
Diminuição da quantidade de botões exibidos inicialmente.
Liberação de espaço visual e melhor aproveitamento da tela.
Estrutura preparada para receber novas funcionalidades de forma organizada.
Organização por Categorias – Sidebar Fechada
Objetivos:
Facilitar a navegação mesmo com a sidebar retraída.
Reduzir a frustração causada pela falta de contexto nos ícones.
Resultados:
Inclusão de rótulos e menus contextuais nos ícones.
Melhor compreensão das categorias sem precisar expandir a interface.
Menos cliques desnecessários e navegação mais fluida.
Organização por Categorias – Sidebar Aberta
Objetivos:
Ajustar o layout às resoluções reais utilizadas pelos clientes.
Melhorar a hierarquia visual das ações.
Prevenir erros de navegação, como cliques acidentais.
Resultados:
Espaçamento otimizado entre os elementos.
Reordenação das categorias com base em dados de uso.
Botão “Sair” isolado para evitar encerramento de sessão acidental.
Resultados concretos
Interface mais clara, responsiva e organizada para diferentes tamanhos de tela.
Redução de erros de navegação e confusão reportada pelos usuários.
Preparação da interface para o crescimento da plataforma sem comprometer a experiência.
Aprendizados
Esse projeto mostrou como detalhes aparentemente pequenos, como o espaçamento entre botões ou a ausência de rótulos, tem impacto direto na navegação do usuário. Observar como o usuário interagia com a plataforma fez toda a diferença.
Smooth Scroll
This will hide itself!
This will hide itself!
UX de navegação: Uma nova experiência na Sidebar
VISÃO GERAL
DataZAP é a plataforma de inteligência imobiliária (SaaS) do ZAP Imóveis, que auxilia construtoras, incorporadoras e instituições financeiras na tomada de decisões estratégicas, como onde e quando construir, investir, financiar e negociar imóveis.
INDÚSTRIA
Tecnologia
CLIENTE
Zap Imóveis
CARGO
Estagiário de Product Design
Contexto
Após a migração para uma nova plataforma, usuários acostumados à versão anterior enfrentaram dificuldades para se adaptar. A estrutura de navegação não era clara, especialmente na sidebar, o que prejudicava a experiência e comprometia o uso das funcionalidades básicas do sistema.
Problemas
Durante o discovery, com base em testes de usabilidade e análise de comportamento, foram identificados diversos pontos de atrito:
Sidebar Fechada:
Ícones sem contexto, dificultando a compreensão da função de cada botão.
Expansão automática da sidebar ao clicar, causando perda de área útil na tela.
Botões aglomerados, aumentando o risco de cliques errados.
Sidebar Aberta:
Proporção inadequada em telas menores, prejudicando a navegação.
Mesmos problemas de aglomeração e confusão entre botões.
Modelo engessado, que não permitia a adição de novas funcionalidades.
A navegação da plataforma estava confusa, pouco escalável e desajustada ao uso real dos clientes.
O que eu fiz
Melhorias na Central de Ajuda
A partir das dores mapeadas no discovery, implementamos soluções focadas em reduzir tickets, aumentar a autonomia do usuário e melhorar a experiência de suporte.
Consulta de Recusa de Anúncios
Criamos uma página com explicações claras e links para políticas, permitindo que o usuário entenda e corrija o problema sem acionar o suporte.
→ Resultado: ~995 tickets evitados por mês.
Falsos Chamados Duplicados
Lançamos uma página que mostra o andamento dos atendimentos abertos, com uma comunicação mais clara e orientações para que o usuário aguarde o retorno, evitando a abertura de novos chamados para o mesmo problema.
→ Resultado: Redução de 49% nos tickets duplicados (ago–nov/23).
Bloqueio de Fraude
Criamos uma página de monitoramento para identificar e comunicar clientes bloqueados por fraude. A comunicação ficou mais acessível e conectada com as políticas da empresa.
→ Resultado: Queda de 7% nos tickets sobre bloqueios (ago–nov/23).
Comunicação de Incidentes
Implementamos uma página de status com atualizações sobre incidentes operacionais. Agora, quando algo fora do normal acontece, o usuário pode consultar o que está rolando e entender se o problema já está sendo resolvido.
→ Resultado: Redução de 66% nos tickets relacionados a incidentes (mar/23 × mar/24).
Soluções aplicadas
Botão “Mais”
Objetivos:
Reduzir a poluição visual da sidebar.
Otimizar o uso do espaço em telas menores.
Permitir a expansão futura do menu, sem comprometer a experiência.
Resultados:
Diminuição da quantidade de botões exibidos inicialmente.
Liberação de espaço visual e melhor aproveitamento da tela.
Estrutura preparada para receber novas funcionalidades de forma organizada.
Organização por Categorias – Sidebar Fechada
Objetivos:
Facilitar a navegação mesmo com a sidebar retraída.
Reduzir a frustração causada pela falta de contexto nos ícones.
Resultados:
Inclusão de rótulos e menus contextuais nos ícones.
Melhor compreensão das categorias sem precisar expandir a interface.
Menos cliques desnecessários e navegação mais fluida.
Organização por Categorias – Sidebar Aberta
Objetivos:
Ajustar o layout às resoluções reais utilizadas pelos clientes.
Melhorar a hierarquia visual das ações.
Prevenir erros de navegação, como cliques acidentais.
Resultados:
Espaçamento otimizado entre os elementos.
Reordenação das categorias com base em dados de uso.
Botão “Sair” isolado para evitar encerramento de sessão acidental.
Resultados concretos
Interface mais clara, responsiva e organizada para diferentes tamanhos de tela.
Redução de erros de navegação e confusão reportada pelos usuários.
Preparação da interface para o crescimento da plataforma sem comprometer a experiência.
Aprendizados
Esse projeto mostrou como detalhes aparentemente pequenos, como o espaçamento entre botões ou a ausência de rótulos, tem impacto direto na navegação do usuário. Observar como o usuário interagia com a plataforma fez toda a diferença.
Smooth Scroll
This will hide itself!
This will hide itself!
UX de navegação: Uma nova experiência na Sidebar
VISÃO GERAL
DataZAP é a plataforma de inteligência imobiliária (SaaS) do ZAP Imóveis, que auxilia construtoras, incorporadoras e instituições financeiras na tomada de decisões estratégicas, como onde e quando construir, investir, financiar e negociar imóveis.
INDÚSTRIA
Tecnologia
CLIENTE
Zap Imóveis
CARGO
Estagiário de Product Design
Contexto
Após a migração para uma nova plataforma, usuários acostumados à versão anterior enfrentaram dificuldades para se adaptar. A estrutura de navegação não era clara, especialmente na sidebar, o que prejudicava a experiência e comprometia o uso das funcionalidades básicas do sistema.
Problemas
Durante o discovery, com base em testes de usabilidade e análise de comportamento, foram identificados diversos pontos de atrito:
Sidebar Fechada:
Ícones sem contexto, dificultando a compreensão da função de cada botão.
Expansão automática da sidebar ao clicar, causando perda de área útil na tela.
Botões aglomerados, aumentando o risco de cliques errados.
Sidebar Aberta:
Proporção inadequada em telas menores, prejudicando a navegação.
Mesmos problemas de aglomeração e confusão entre botões.
Modelo engessado, que não permitia a adição de novas funcionalidades.
A navegação da plataforma estava confusa, pouco escalável e desajustada ao uso real dos clientes.
O que eu fiz
Melhorias na Central de Ajuda
A partir das dores mapeadas no discovery, implementamos soluções focadas em reduzir tickets, aumentar a autonomia do usuário e melhorar a experiência de suporte.
Consulta de Recusa de Anúncios
Criamos uma página com explicações claras e links para políticas, permitindo que o usuário entenda e corrija o problema sem acionar o suporte.
→ Resultado: ~995 tickets evitados por mês.
Falsos Chamados Duplicados
Lançamos uma página que mostra o andamento dos atendimentos abertos, com uma comunicação mais clara e orientações para que o usuário aguarde o retorno, evitando a abertura de novos chamados para o mesmo problema.
→ Resultado: Redução de 49% nos tickets duplicados (ago–nov/23).
Bloqueio de Fraude
Criamos uma página de monitoramento para identificar e comunicar clientes bloqueados por fraude. A comunicação ficou mais acessível e conectada com as políticas da empresa.
→ Resultado: Queda de 7% nos tickets sobre bloqueios (ago–nov/23).
Comunicação de Incidentes
Implementamos uma página de status com atualizações sobre incidentes operacionais. Agora, quando algo fora do normal acontece, o usuário pode consultar o que está rolando e entender se o problema já está sendo resolvido.
→ Resultado: Redução de 66% nos tickets relacionados a incidentes (mar/23 × mar/24).
Soluções aplicadas
Botão “Mais”
Objetivos:
Reduzir a poluição visual da sidebar.
Otimizar o uso do espaço em telas menores.
Permitir a expansão futura do menu, sem comprometer a experiência.
Resultados:
Diminuição da quantidade de botões exibidos inicialmente.
Liberação de espaço visual e melhor aproveitamento da tela.
Estrutura preparada para receber novas funcionalidades de forma organizada.
Organização por Categorias – Sidebar Fechada
Objetivos:
Facilitar a navegação mesmo com a sidebar retraída.
Reduzir a frustração causada pela falta de contexto nos ícones.
Resultados:
Inclusão de rótulos e menus contextuais nos ícones.
Melhor compreensão das categorias sem precisar expandir a interface.
Menos cliques desnecessários e navegação mais fluida.
Organização por Categorias – Sidebar Aberta
Objetivos:
Ajustar o layout às resoluções reais utilizadas pelos clientes.
Melhorar a hierarquia visual das ações.
Prevenir erros de navegação, como cliques acidentais.
Resultados:
Espaçamento otimizado entre os elementos.
Reordenação das categorias com base em dados de uso.
Botão “Sair” isolado para evitar encerramento de sessão acidental.
Resultados concretos
Interface mais clara, responsiva e organizada para diferentes tamanhos de tela.
Redução de erros de navegação e confusão reportada pelos usuários.
Preparação da interface para o crescimento da plataforma sem comprometer a experiência.
Aprendizados
Esse projeto mostrou como detalhes aparentemente pequenos, como o espaçamento entre botões ou a ausência de rótulos, tem impacto direto na navegação do usuário. Observar como o usuário interagia com a plataforma fez toda a diferença.
Smooth Scroll
This will hide itself!
This will hide itself!