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
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!
Smooth Scroll
This will hide itself!
This will hide itself!