Ano
Ago – Set / 2024
Setor
Saúde Ocupacional · SaaS
Tipo
Design System · UI/UX
Ferramentas
Figma
Duon
O Duon nasceu como uma ferramenta interna da Maxipas — uma empresa de saúde ocupacional com 25 anos de presença nacional. Quando a DSG o separou como um SaaS escalável, o produto não tinha linguagem de design, sem hierarquia visual, e 40% dos usuários estavam insatisfeitos. Minha missão: construir o design system do zero.
Nasceu de uma necessidade de redução de custos. Construído para escalar como produto.
A DSG Technology foi criada dentro da Maxipas para substituir softwares de terceiros caros por um produto proprietário. O Duon era esse produto — uma plataforma de saúde ocupacional que cobria agendamento de exames, gestão de SESMT e integração com o eSocial. A ambição era eventualmente vendê-lo para outras empresas do setor. Mas antes disso, o design precisava se tornar algo que valesse a pena vender.
Tipografia Principal
Inter
Designed by Rasmus Andersson · Google Fonts
Specimen
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 . , ! ? @ # &
Escala de Pesos
Display / 800
Duon
Heading / 600
Dashboard
Body / 400
Uma interface escalável e orientada a componentes, construída para times que entregam rápido e precisam que o design acompanhe.
Primário
Brand Blue
#364DE7
Azul Cinza (Slate)
50
100
200
300
400
500
600
700
800
900
ANTES
DEPOIS
Sem time de design. Sem linguagem visual. 40% dos usuários insatisfeitos.
Inconsistência visual em todo lugar. Componentes similares se comportavam de forma diferente entre os módulos. Não havia padrão compartilhado — cada tela tinha sido construída de forma isolada.
Problemas de acessibilidade em todos os níveis. Contraste baixo, mensagens de erro confusas, descrições de campos ausentes. O fluxo de agendamento de exames para PCD estava completamente quebrado — a interface nunca informava ao usuário que era necessário anexar um laudo médico.
Sem biblioteca de componentes centralizada. Desenvolvedores duplicavam esforço em cada feature. Não havia uma fonte única da verdade — apenas uma pilha crescente de peças de UI similares, mas diferentes.
ANTES
DEPOIS
Uma única fonte da verdade — da pesquisa a componentes prontos para produção.
UX Research
Pesquisa online (40% insatisfeitos, setor de agendamento mais afetado) + visita de campo à Maxipas em Criciúma observando o time de suporte em ação.
Mapeamento de Componentes + Design Tokens
Auditoria completa dos componentes de UI existentes, catalogados e substituídos por um sistema baseado em tokens para cor, espaçamento e tipografia.
Guia de Estilo + Design System
Linguagem visual documentada cobrindo hierarquia, acessibilidade e comportamento de componentes — a primeira fonte única da verdade que o Duon já teve.
Telas de Alta Fidelidade
Fluxos de agendamento de exames, gestão de SESMT e integração com eSocial — todos redesenhados, acessíveis e prontos para implementação.
