Plataforma de assessoria de investimentos — dois fluxos, time de cinco

CRM corporativo sob medida para o braço de assessoria de investimentos do Banco Safra (KAT), abrangendo 14 verticais financeiras (Home Equity, Crédito Imobiliário, Consórcio, Câmbio, Wealth, Seguro de Vida e Garantias de Investimento). Responsável integral pelos fluxos de Assessor e Head em 722 frames desktop e 764 mobile, incluindo 11 dashboards de Head por vertical, 43 anotações de regras de negócio para desenvolvedores, controle de visibilidade restrita e teste de usabilidade no Maze.

Atuação como designer contratado pela agência Sagitta, atendendo o Banco Safra como cliente final em equipe de 5 pessoas (1 tech lead, 2 designers, 2 desenvolvedores). A plataforma foi dividida em arquivos distintos por perfil: assumi os fluxos de Assessor e Head em arquivo próprio (Safra - Assessor & Head), enquanto Gestor, Líder, Team Líder e Admin ficaram com o segundo designer em outro arquivo. Documentado entre maio e novembro de 2024.

Assessoria de investimentos corporativa em 14 verticais

📐1.486

telas desenhadas entre desktop (722) e mobile (764)

💼14

verticais financeiras mapeadas de ponta a ponta

📝43

post-its de regras de negócio assinados 'Juan Pablo'

🔄30

etapas operacionais no fluxo de Home Equity

A assessoria de investimentos de alta renda não opera com pipelines genéricos de vendas. Os assessores gerenciam alocações patrimoniais complexas, equilibram compromissos de aporte e direcionam transações milionárias para mesas operacionais ultraespecializadas — de fundos offshore e câmbio a home equity e consórcio. Cada vertical possui seus próprios marcos de conformidade regulatória, análise de crédito e exigências documentais.

Arquitetura de papéis duplos: execução do Assessor e gestão do Head

A plataforma Safra - Assessor & Head separa a triagem operacional da liderança executiva em dois papéis coordenados:

• Operação do Assessor — O assessor de ponta conduz leads por um funil Kanban em múltiplos estágios, estuda o perfil do cliente, agenda reuniões preliminares e monta a pasta de crédito para análise da mesa.
• Governança dos Heads — Líderes de departamento supervisionam o volume da esteira através de 11 dashboards dedicados (Crédito, Câmbio, Consórcio, Seguro, Auto, Convênio PF, Convênio PJ, Offshore DCS, Wealth e o DashboardHead geral).
• Regra de Visibilidade Restrita — Implementada diretamente na interface ('Compartilhar processo com Head?'), garantindo que cada Head visualize apenas as oportunidades compartilhadas explicitamente na sua esteira.
• Preservação de Inteligência no Cancelamento — Regra de negócio que assegura que o cancelamento de um processo descarte o card da esteira sem jamais apagar os dados do lead.

Arquitetura mobile profunda: 764 telas, não uma adaptação

Em vez de tratar o mobile como um ajuste responsivo secundário, a página mobile (Design Mobile) foi projetada como um produto completo de 764 telas cobrindo as 14 verticais. Assessores em visita externa necessitavam de recursos completos: 28 quadros Kanban mobile, telas de estudo de cliente (estudoCliente, estudoLista), calendário e 9 conjuntos de componentes próprios (NavBarAssessorMobile, NavBarHeadMobile, pendênciasAssessorMobile).

A profundidade de modelagem é visível em Home Equity: uma jornada de 30 etapas cobrindo NovoProcesso, Alinhamento, Proposta, Reunião, AnáliseCrédito, DocumentosImóvel, Vistoria, Contrato, Assinatura e Registro. Cada transição reflete mudanças precisas de status no banco de dados.

Handoff técnico: 43 notas em tela e validação no Maze

Para eliminar ambiguidades na equipe de desenvolvimento, inseri 43 post-its com regras de negócio diretamente ao lado das telas mobile. Cada nota é assinada por 'Juan Pablo' e redige a lógica em português claro — definindo papéis em reuniões preliminares, avanço manual por heads de câmbio e travas de cancelamento.

Antes da entrega final, conduzimos um teste de usabilidade no Maze com os stakeholders do projeto. O teste confirmou que a navegação e a distribuição de papéis correspondiam perfeitamente ao modelo mental dos assessores, validando a arquitetura antes da programação em Bubble.

Design system e adaptação aos limites do Bubble

O design foi construído sobre a base Untitled UI, reformatado com tokens específicos da KAT: verde primário (#008F81), verde floresta (#0E5E59), verde escuro (#022824) e dourado (#CDA56C), aliados à tipografia Sora. Quando a equipe técnica encontrou limitações de carga no Bubble durante a construção, fizemos o ajuste diretamente no design — transformando a gestão em massa de filiais em listas de inclusão unitária para otimizar o banco de dados.

Evidência

Entregue à equipe de desenvolvimento e construído em Bubble. O design resistiu ao contato com o código: quando os desenvolvedores enfrentaram gargalos de processamento no banco de dados do Bubble, os desafios foram solucionados por redesign arquitetural (revisão de campos de filial e gestão de acessos por usuário). A usabilidade foi validada em teste no Maze com os stakeholders antes do handoff, confirmando a aderência ao modelo mental dos assessores. Como me desliguei antes do lançamento comercial, o status pós-lançamento não é rastreado.