Todos os cases
Design & Produto · Ponto eletrônico

DIMEP · Kairos.

12 melhorias de UX aplicadas no sistema de ponto enterprise da DIMEP.

Redesenho completo do Kairos — o sistema de ponto eletrônico enterprise da DIMEP — com 12 melhorias de UX documentadas em Antes & Depois, design system verde e protótipo navegável.

O desafio

O Kairos tinha telas densas e visual datado — tabelas pesadas sem hierarquia, tab bar com bloco sólido, modais sem criticidade visual, campos de formulário misturados com modo leitura. 5 áreas críticas identificadas em auditoria.

A solução

12 melhorias documentadas em Antes & Depois: Tab bar com indicador de linha, notificação de 90 dias virou chip, modal ganhou stripe de cor e ícone concêntrico, tabela com chips coloridos de status, hierarquia de botões em 4 níveis, calendário de férias real, mapeamento 1:1 dos 7 ícones do header legado. Design system verde completo + protótipo navegável.

O resultado

Protótipo com todas as telas pronto pra implementação, sem tocar na lógica. 12 melhorias aplicadas · 5 áreas · 1 produto mais limpo.

Destaques técnicos

  • Tab bar: active tab substituiu bloco sólido por linha indicadora — mais leve, sem perder identidade verde.
  • Modal de Confirmação: stripe de cor sinaliza criticidade, ícone em círculos concêntricos dá foco.
  • Tabela de Pessoas: status de presença virou chips coloridos; banco de horas com +/- em verde/vermelho.
  • Hierarquia de Botões: 4 níveis definidos (Primary, Secondary, Danger-soft, Ghost).
  • Calendário de Férias: saiu de placeholder genérico pra calendário real de 12 meses com marcações.
  • Sub-telas PersonDetail: 13 seções de 'em construção' pra telas reais (Ponto, Faltas, Férias, Pedidos...).
  • UX/UI
  • Design System
  • Enterprise
  • Dataviz
  • Antes & Depois
Kairos — visão geral das 12 melhorias Antes & Depois
Kairos — componentes: hierarquia de botões e campos de formulário
Kairos — calendário de férias e sub-telas PersonDetail

Pronto pra começar?

Sua empresa
merece um sistema próprio.

Comece pelo diagnóstico: em 1 minuto a gente lê a sua operação e te mostra a cara do sistema que desenharia pra você — de graça.

Diagnóstico grátis · Sem compromisso · Você sai com um mapa do que dá pra resolver