Petrobras — Modernização de Sistemas Legados (NORTEC + Interage)
Redesenho de sistemas corporativos legados com workflows de aprovação, formulários densos e e-mails transacionais no Design System.
Os produtos: NORTEC (Codificação e Normas Técnicas) e Interage (Gestão de Interações de Segurança). Escopo: redesenho de sistemas legados, arquitetura de informação para telas densas, workflows de aprovação, validações inline e e-mails transacionais no Design System. O grande problema resolvido: simplificar sistemas corporativos pesados, reduzindo o tempo de navegação, erros de preenchimento e dúvidas entre os diferentes perfis (solicitante, ponto focal e aprovador).
O Problema
Plataformas corporativas antigas costumam ter formulários longos sem validação imediata, falta de clareza em qual etapa o processo está parado e visões desconectadas entre as equipes.
Contexto
NORTEC e Interage eram dois sistemas internos da Petrobras usados por solicitantes, pontos focais e aprovadores em processos de segurança e normas técnicas. Cada perfil enxergava o processo de um jeito diferente, sem um fio condutor visual comum entre as telas e as notificações por e-mail.
Decisões de Design
Stepper de Status & Ações Contextuais (Interage): progresso visual no topo da tela, liberando apenas os botões válidos para a etapa atual.
Navegação em Árvore & Validação Inline (NORTEC): estrutura lateral expansível para achar códigos técnicos e validação de campos em tempo real no formulário.
Tabelas Densas e CRUD Seguro: filtros combinados e modais de confirmação obrigatórios para ações destrutivas. E-mails Transacionais no DS: as notificações de aprovação por e-mail foram desenhadas com a mesma identidade visual e estrutura da plataforma web.
Resultados
O novo desenho unificou a linguagem visual entre NORTEC e Interage, reduzindo dúvidas entre solicitante, ponto focal e aprovador sobre em que etapa cada processo estava, e diminuindo erros de preenchimento graças à validação inline.
Vamos construir algo juntos
Tudo sempre começa com uma boa conversa.