Plataforma de monitoramento e análise de segurança, com foco em visualização de eventos e gestão de incidentes. Repensada para escalar sem perder a eficiência que os analistas já conheciam.
Redesenhar uma aplicação de mais de 800 telas sem quebrar fluxos que analistas já dominavam.
Como pesquisei
Percorri os módulos anotando como a mesma informação aparecia em lugares diferentes. Foi aí que o retrabalho ficou visível: várias telas resolviam o mesmo problema, cada uma do seu jeito.
Discovery com usuários B2B e B2C para entender como um alerta é lido, investigado e respondido na rotina, e o que atrasa cada etapa.
Desenhei os fluxos de leitura de alerta, investigação e resposta, marcando cada ponto em que a interface pedia esforço em vez de dar resposta.
Cruzei os achados com requisitos de negócio e restrições técnicas, e transformei tudo em problemas priorizáveis junto de produto e engenharia.
Da pesquisa para a tela
A mesma informação aparecia de um jeito em cada módulo. Na prática, o analista reaprendia a ler a interface a cada tela.
Tokens e componentes compartilhados. Uma decisão passa a valer para todos os módulos ao mesmo tempo.
O alerta é lido sob pressão. Cada segundo gasto para entender a tela é um segundo a menos na resposta ao incidente.
Hierarquia e legibilidade antes do acabamento visual: o que decide a ação aparece primeiro.
Os analistas já dominavam os caminhos do produto. Mudar a navegação custaria mais do que resolveria.
Mantive a estrutura de navegação e troquei a superfície. Ninguém precisou reaprender o caminho.
Design e engenharia não tinham fonte única de verdade, então a mesma dúvida voltava a cada sprint.
Documentação e um mapa de-para ligando cada tela antiga ao novo padrão, com a migração combinada entre os times.
O coração do projeto: uma fonte única de verdade para mais de 800 telas.
Antes / Depois
A mesma tela, reconstruída. Arraste para comparar.
Do produto herdado ao padrão do design system
De-para · claro e escuro
Interface final
Protótipo interativo
Navegue pelas telas do produto.
Clique nas laterais, use as setas ou os pontos · teclado ← →