Heatmap de Segurança no Trabalho

Os registros de incidentes de um cliente industrial só importam se um responsável pela segurança conseguir ver um padrão neles. A interface responde a uma pergunta de relance — que zonas estão machucando gente.

Onde os acidentes se concentram

Incidentes são mapeados a locais físicos como calor e clusters, para que a intensidade seja lida antes de qualquer número.

Densidade que continua legível

Uma view de mapa densa em dados é fácil de deixar barulhenta e difícil de deixar legível. A escala de calor carrega o sinal com um único matiz, os clusters ganham um contorno explícito em vez de mais uma cor, e a UI em volta fica quieta para que nada compita com o mapa. A mesma view funciona num laptop no escritório e num tablet no chão de fábrica.

Um design system, implementado um a um

O design visual chegou como um design system no Figma, e o trabalho era fidelidade: botões com todo estado especificado, modais, formulários reativos incluindo um seletor de posição no mapa para marcar um incidente com precisão. Tokens e especificações de interação implementados como vieram, não reinterpretados.

A parte que os responsáveis pela segurança de fato pediram

Exportação em CSV. O mapa responde onde, mas o reporte vive em planilhas e papelada de regulador, então tirar os dados de volta era requisito de primeira classe, não algo pendurado num menu depois.