Zeev: orquestração de processos e agentes de IA para mais de 350 mil usuários
O processo de desenvolvimento e evolução da plataforma de automação de processos da Stoque, do design system ao front-end.
- 4,49 ★
- Capterra. A satisfação global subiu de 3,1 para 4,49 estrelas.
- 350 mil+
- Usuários ativos. A plataforma sustenta operações de empresas como Itaú, Sympla e Inmetro.
- 6×
- Premiações globais. Reconhecimento recorrente no Global Awards for Excellence in BPM.
- 50+
- Componentes no design system, integrados entre o Figma e o código de produção.
Sobre o produto
Milhares de operações de risco de grandes empresas nacionais são realizadas pelo Zeev
A Stoque desenvolve infraestrutura digital. O Zeev, seu principal produto, é uma plataforma de automação inteligente de processos que sustenta a operação de corporações como Banco BMG, TIM e PlayKids.
O sistema funciona como um BPMS voltado à orquestração de fluxos de trabalho complexos. Ele viabiliza a criação desde processos rotineiros de aprovação de férias até automações de atendimento integradas com agentes de IA. A plataforma opera como o motor central de milhares de operações críticas, com precisão, eficiência e rastreabilidade, por meio de uma interface acessível.
Liderei a evolução da interface do usuário ao longo deste período. O trabalho consistiu em transformar uma plataforma robusta e visualmente fragmentada em um ecossistema coeso, escalável e whitelabel.
O desafio
Inovar o produto com um novo design system, refatorar módulos e melhorar a experiência do usuário
Embora a infraestrutura de backend do Zeev permanecesse sólida, anos de desenvolvimento descentralizado acumularam débitos técnicos e de design que resultaram em uma interface fragmentada e inconsistente ao longo de mais de vinte módulos.
Essa falta de padronização, somada à ausência de suporte para navegação móvel e às diretrizes da WCAG, prejudicava a usabilidade e a percepção de valor pelo cliente. A desconexão entre o Figma e o código gerava retrabalho constante, atrasos e bugs para a engenharia.
Para resolver essas falhas e estabelecer uma fundação tecnológica escalável, o projeto focou na implementação de um novo design system e em otimizações estruturais de UX.
A solução
Centralização e padronização visual com um novo framework de UI
Projetei e codifiquei o zeev-bootstrap para resolver o débito arquitetônico. Criamos uma camada de abstração em cima do Bootstrap, ajustada para lidar com a complexidade de um software enterprise.
Optamos pelo Bootstrap por pragmatismo operacional, já que a engenharia dominava a tecnologia. Elevamos a maturidade de design sobre uma base estável para encurtar a curva de aprendizado e acelerar a adoção do sistema por todo o time comercial e de produto.
-
Design tokens estratégicos
Arquitetura baseada em CSS custom properties. Cores, tipografia e elevação automatizadas, o que permitiu ativar o dark mode sem refatorar código.
-
Mais de 50 componentes escaláveis
Biblioteca documentada em código e no Figma, de modais a tabelas de dados de alta densidade, com estados de erro, foco e hover padronizados.
-
Paridade entre Figma e front-end
O nome da camada no Figma é o nome da classe no CSS. A padronização reduziu ruídos no handoff e o tempo gasto em controle de qualidade visual.
-
Documentação para desenvolvedores
Diretrizes focadas em engenharia: como instanciar componentes, regras de acessibilidade ativas e processo de versionamento.
Engenharia de UI
Refatoração dos módulos principais da plataforma
Depois da consolidação do design system, conduzi a migração dos módulos vitais do Zeev. O escopo incluiu o Workflow Builder, o Gerenciador de Processos e os Dashboards Analíticos.
Princípios de qualidade e governança
-
Acessibilidade WCAG 2.1 (AA)
Contraste mínimo de 4,5:1, estados de foco definidos para navegação por teclado e marcação semântica padronizada.
-
Atributos ARIA
aria-labels, gerenciamento de foco em modais e suporte a leitores de tela durante operações complexas.
-
Escalabilidade e responsividade
Layout estruturado para resoluções variadas, com fluidez e ergonomia do celular ao monitor ultrawide.
-
Validação com dados
Fluxos críticos passaram por testes de usabilidade para confirmar a eficiência da nova arquitetura visual e das interações.
Liderança em DesignOps
Processos de design e impacto no produto
A excelência técnica exige processos ágeis. O esforço foi para o desenho das interfaces e para a forma como o time entrega valor.
-
Métricas e OKRs de design
Auditorias trimestrais para medir a maturidade da usabilidade. Os dados fundamentaram a apresentação de resultados e os roadmaps para a diretoria.
-
Melhoria contínua
Retrospectivas focadas no fluxo de trabalho. O modelo reduziu atritos recorrentes entre discovery, prototipação e entrega.
-
Inteligência artificial no fluxo
Uso de Claude e Copilot para gerar mockups em código e de LLMs para analisar dados de UX. As integrações aumentaram a produtividade das entregas do time.
-
Handoff documentado
Anotações técnicas e especificação de estados nas histórias de usuário. O desenvolvimento passou a avançar com menos alinhamentos síncronos.
Galeria
Os protótipos, tela a tela
Os módulos refatorados em detalhe. Toque numa tela para ampliar.
Resultados
O impacto no negócio, em dados
O design otimizado reduz custos operacionais e aumenta o valor percebido do produto. Os indicadores abaixo consolidam o resultado da implementação.
-
+43%
Nota no Capterra
A satisfação dos usuários levou a nota média global da plataforma de 3,1 para 4,49 estrelas.
-
+150%
Adoção em escala
A interface modular absorveu a entrada de novos usuários do segmento enterprise sem perder estabilidade.
-
+30%
Velocidade de entrega
Os componentes testados reduziram o tempo de desenvolvimento front-end das interfaces.
-
↓
Menos chamados de UI e UX
A padronização diminuiu os chamados de suporte sobre dúvidas básicas de navegação.
-
6×
Liderança global
A maturidade do produto contribuiu para o reconhecimento recorrente no Global Awards for Excellence in BPM.
-
✓
Marca unificada
A reestruturação adequou o produto aos novos requisitos corporativos de marca.
Contato
Tem um produto complexo pela frente? Vamos conversar.
Conte o contexto e o prazo do projeto. Respondo em até 48 horas.