SI Conecta
Quando complexidade financeira vira decisão simples no mobile
Problema real
A liberação de pagamentos na CNI era um processo manual, fragmentado e altamente dependente de pessoas-chave. A gerente financeira precisava consolidar informações de 7 sistemas diferentes, organizar planilhas e validar pagamento por pagamento junto à diretoria. Além de lento, o processo exigia presença física e gerava alto risco operacional. O problema não era só eficiência. Era escala, segurança e tomada de decisão.
Decisão-chave
Criar uma experiência mobile-first, integrada a múltiplos sistemas e ao Banco do Brasil via API, priorizando clareza da informação e fluidez da decisão, mesmo diante de grande volume e complexidade de dados financeiros.
Resultado
Redução drástica do trabalho manual com planilhas. Liberação de pagamentos passou a acontecer de forma remota, segura e rastreável. Diretores e procuradores deixaram de depender de presença física para aprovações críticas. O processo financeiro ganhou agilidade, transparência e confiabilidade institucional.
Meu papel
Atuei como Product Designer, apoiando o refinamento de requisitos, definindo arquitetura da informação, decisões de UX mobile, hierarquia de dados, componentes de interface e fluxos de aprovação. Fui responsável por garantir uma experiência fluida no mobile mesmo com alto volume de informações sensíveis.
Período
Maio de 2024
Contexto
Produto institucional desenvolvido em OutSystems para modernização do fluxo financeiro da CNI.
Equipe
Time multidisciplinar com tecnologia, negócio e segurança (ambiente corporativo).
Contexto: Encontrando o problema real
O processo anterior funcionava assim: a gerente financeira reunia uma planilha extensa, com dados espalhados em sistemas distintos, e revisava pagamento por pagamento junto ao diretor.
Além do esforço manual, havia problemas estruturais:
dados descentralizados
ausência de visão integrada
dependência de pessoas específicas
dificuldade de auditoria e rastreabilidade
necessidade de presença física para aprovações
O desafio não era só “digitalizar” o processo. Era transformar uma decisão crítica, cheia de riscos, em algo confiável e simples de executar no celular
Pesquisa e entendimento do problema
Ao acompanhar o refinamento dos requisitos, identifiquei três tensões principais:
Volume de informação vs. tela pequena
Cada borderô concentrava muitos dados — e cada pagamento dentro dele, ainda mais detalhes.
Segurança vs. fluidez
Era necessário manter validações robustas (biometria, duplo fator, cadastro de dispositivo) sem tornar a experiência travada.
Decisão executiva vs. leitura operacional
Diretores precisam decidir rápido, não analisar planilhas.
O insight central foi claro: nem toda informação precisa aparecer ao mesmo tempo, mas a certa precisa aparecer no momento certo.
Síntese: o problema não era informação
Informação existia. O problema era como ela se apresentava no fluxo de decisão.
Meu foco passou a ser:
reduzir carga cognitiva
destacar o que realmente importa em cada etapa
permitir aprofundamento progressivo, sem poluir a tela
A decisão mais difícil do projeto
A maior decisão de design foi assumir uma arquitetura em camadas, mesmo sabendo que isso exigiria disciplina extrema na hierarquização dos dados.
Trade-offs assumidos conscientemente
Para garantir fluidez no mobile, abri mão de:
mostrar tudo de uma vez
telas “completas” no sentido tradicional
acesso imediato a todos os dados
O que ganhei em troca
leitura rápida para quem decide
confiança para aprovar sem medo
sensação de controle, não de sobrecarga
experiência viável em telas pequenas
A solução: Liberação de Pagamentos no SI Conecta
O que é
Um aplicativo mobile que centraliza informações financeiras de 7 sistemas diferentes e permite a liberação segura de pagamentos diretamente pelo celular, com integração ao Banco do Brasil via API.
Como funcionou na prática
Desenhei o fluxo pensando sempre em prioridade de decisão, não em completude de dados.
Cards para visão geral e status
Accordions para revelar detalhes apenas quando necessário
Informações críticas sempre visíveis
Detalhes operacionais disponíveis sob demanda
Cada camada respondia a uma pergunta específica:
“Posso liberar?”
“Esse valor faz sentido?”
“Se eu precisar, onde aprofundo?”
O dado certo, na hora certa.
Princípios de design aplicados
Mobile-first como decisão estratégica
Clareza antes de densidade
Progressão de informação, não empilhamento
Segurança integrada, não invasiva
Design como suporte à decisão executiva
Segurança e confiabilidade
O app foi integrado ao controle centralizado de usuários, com:
validação biométrica
duplo fator de autenticação
cadastro de dispositivo
rastreabilidade completa do fluxo
A experiência precisava transmitir confiança institucional, não apenas usabilidade.
Validação e impacto
O impacto foi imediato:
eliminação do processo manual em planilhas
redução de retrabalho operacional
aprovações realizadas de qualquer lugar
integração direta com o Banco do Brasil após liberação
ganho real de tempo para áreas financeiras e diretoria
O processo deixou de ser um gargalo e passou a ser um fluxo confiável.
O que aprendi
1. Design é sobre decisão, não só interface
Meu papel foi ajudar executivos a decidir com menos fricção e mais segurança.
2. Arquitetura da informação é estratégica
Camadas bem definidas reduzem medo e erro.
3.Mobile não é “versão reduzida”
É outro contexto cognitivo, que exige escolhas mais duras.
4. Impacto real acontece nos bastidores
Quando o trabalho manual desaparece, o design funcionou.
Reflexão final
Esse projeto reforçou meu ikigai como designer: traduzir sistemas complexos em experiências claras que realmente facilitam a vida das pessoas.
A liberação de pagamentos deixou de ser:
uma planilha
uma reunião presencial
um processo frágil
E passou a ser:
um fluxo confiável
uma decisão rápida
algo que cabe na palma da mão
É esse tipo de produto, invisível quando funciona, essencial quando falta, que eu escolho continuar construindo.
