contrate -me
contrate -me
MAI 25 — PRESENTE
mentore
mentore
mentore
bank
bank
bank
Construção completa de um banco digital
Construção completa de um banco digital
Construção completa de um banco digital
papel
senior product designer
senior product designer
empresa
sciensa · mentore bank
sciensa · mentore bank
escopo
app · empresas · backoffice
app · empresas · backoffice
contexto
contexto
contexto
Mentore Bank é um banco digital com foco em folha de pagamento e benefícios corporativos.
Atua para empresas e seus colaboradores em um mesmo sistema, com soluções financeiras desenhadas para os dois lados da relação de trabalho.
Empresas processam folha em massa, abrem contas para colaboradores, gerenciam cartões corporativos e acessam crédito empresarial. Colaboradores recebem salário, consultam contracheque, contratam crédito, fazem Pix, pagam boletos e contratam produtos financeiros pelo aplicativo.
A operação rodava sobre uma plataforma white-label de terceiros.
Em 2025, o banco decidiu migrar para uma infraestrutura própria.
O escopo era construir três produtos integrados.
Entrei em maio de 2025 para trabalhar o design das três frentes.
o ponto de partida
o ponto de partida
ponto de partida
desafio
desafio
desafio
três produtos,
três naturezas
três produtos,
três naturezas
três produtos,
três naturezas
01
aplicativo colaboradores
aplicativo colaboradores
O canal do dia a dia do colaborador: conta, salário, holerite, cartão, Pix, crédito, seguros e a loja interna de produtos financeiros.
Reconstruído a partir das dores reais mapeadas em métricas, suporte e testes com usuários.
O canal do dia a dia do colaborador: conta, salário, holerite, cartão, Pix, crédito, seguros e a loja interna de produtos financeiros.
Reconstruído a partir das dores reais mapeadas em métricas, suporte e testes com usuários.
sistema empresas
sistema empresas
O painel da empresa contratante: folha em massa, abertura de contas em lote, gestão de colaboradores, cartões corporativos, crédito empresarial e relatórios.
Reconstruído a partir de entrevistas, testes de usabilidade e mapeamento dos problemas operacionais.
02
backoffice
operacional
backoffice
operacional
03
O centro de operação do banco: atendimento, antifraude, risco, crédito, regulatório, parametrização de produtos, canais de aquisição e DRE.
Construído do zero, em sprints com os responsáveis por cada feature e auditoria contínua de segurança.
abordagem
abordagem
abordagem
como
conduzi
como
conduzi
como
conduzi
Cada produto exigiu um método próprio de discovery, calibrado pelo perfil do usuário e pelo material disponível.
Acima de todos eles, alinhamento contínuo com risco e segurança.
Cada produto exigiu um método próprio de discovery, calibrado pelo perfil do usuário e pelo material disponível.
Acima de todos eles, alinhamento contínuo com risco e segurança.
app
app
análise de métricas do produto
mapeamento de problemas críticos
benchmark
testes de interface com usuários
análise de métricas do produto
mapeamento de problemas críticos
benchmark
testes de interface com usuários
análise de métricas do produto
mapeamento de problemas críticos
benchmark
testes de interface com usuários
empresas
empresas
entrevistas para mapear dificuldades
testes das telas novas com usuários
mapeamento de problemas críticos
benchmark
entrevistas para mapear dificuldades
testes das telas novas com usuários
mapeamento de problemas críticos
benchmark
entrevistas para mapear dificuldades
testes das telas novas com usuários
mapeamento de problemas críticos
benchmark
backoffice
backoffice
design sprints
mapeamento dos fluxos operacionais
validação contínua a cada entrega
alinhamento com time de segurança
design sprints
mapeamento dos fluxos operacionais
validação contínua a cada entrega
alinhamento com time de segurança
design sprints
mapeamento dos fluxos operacionais
validação contínua a cada entrega
alinhamento com time de segurança
fundação
fundação
fundação
design
único
design
único
design
único
Construí e consolidei o Design System em paralelo aos três produtos.
Arquitetura de variáveis baseada em átomos e moléculas sustentando uma plataforma inteira.
Construí e consolidei o Design System em paralelo aos três produtos.
Arquitetura de variáveis baseada em átomos e moléculas sustentando uma plataforma inteira.
variantes para todos os contextos
variantes para todos os contextos
variantes para todos os contextos
Cores, tipografia, espaçamentos, botões, labels, tabelas e menus. Cada componente serve aos três produtos por meio de variantes. A densidade do Backoffice difere da leveza do App, mas ambos derivam das mesmas variáveis.
Cores, tipografia, espaçamentos, botões, labels, tabelas e menus. Cada componente serve aos três produtos por meio de variantes. A densidade do Backoffice difere da leveza do App, mas ambos derivam das mesmas variáveis.
tokens conectados ao código
tokens conectados ao código
tokens conectados
ao código
Construção com Variables e Auto Layout avançado no Figma.
Handoff manual documentado para o time de engenharia.
Tokens de design espelhados em tokens de código, garantindo escalabilidade.
Construção com Variables e Auto Layout avançado no Figma.
Handoff manual documentado para o time de engenharia.
Tokens de design espelhados em tokens de código, garantindo escalabilidade.
Construção com Variables e Auto Layout avançado no Figma.
Handoff manual documentado para o time de engenharia.
Tokens de design espelhados em tokens de código, garantindo escalabilidade.
escala por design
escala por design
Toda a gestão visual dos três produtos acontece em um único lugar. Cores, tipografia e espaçamentos são alterados na origem e refletidos automaticamente onde a mudança precisa acontecer.
Toda a gestão visual dos três produtos acontece em um único lugar. Cores, tipografia e espaçamentos são alterados na origem e refletidos automaticamente onde a mudança precisa acontecer.
produtos
produtos
produtos
aplicativo
colaboradores
aplicativo
colaboradores
aplicativo
colaboradores
O App é a camada de contato direto com a base.
Colaboradores que recebem salário, holerite e crédito pelo Mentore, no mesmo lugar onde fazem Pix, pagam contas e contratam produtos financeiros.
O redesenho partiu da estrutura existente. As prioridades vieram de duas fontes: a varredura completa dos chamados de suporte e das reviews da Apple Store e Google Play.
O App inteiro foi reconstruído.
Os pilares abaixo destacam as decisões mais críticas desse trabalho.
O App é a camada de contato direto com a base.
Colaboradores que recebem salário, holerite e crédito pelo Mentore, no mesmo lugar onde fazem Pix, pagam contas e contratam produtos financeiros.
O redesenho partiu da estrutura existente. As prioridades vieram de duas fontes: a varredura completa dos chamados de suporte e das reviews da Apple Store e Google Play.
O App inteiro foi reconstruído.
Os pilares abaixo destacam as decisões mais críticas desse trabalho.
Onboarding tombamento
Onboarding tombamento
Migrar a base da plataforma anterior para o novo banco foi um dos desafios mais sensíveis. A jornada precisava manter contexto, validar identidade e reduzir abandono. O usuário não está abrindo conta, está sendo movido para uma estrutura nova.
Migrar a base da plataforma anterior para o novo banco foi um dos desafios mais sensíveis. A jornada precisava manter contexto, validar identidade e reduzir abandono. O usuário não está abrindo conta, está sendo movido para uma estrutura nova.
Onboarding novo cliente
Onboarding novo cliente
Onboarding novo cliente
Para clientes novos, a jornada regulatória completa. KYC, validação de documentos, biometria e vínculo com a empresa empregadora.
Cada etapa desenhada para reduzir fricção sem comprometer compliance.
Para clientes novos, a jornada regulatória completa. KYC, validação de documentos, biometria e vínculo com a empresa empregadora.
Cada etapa desenhada para reduzir fricção sem comprometer compliance.
Para clientes novos, a jornada regulatória completa. KYC, validação de documentos, biometria e vínculo com a empresa empregadora.
Cada etapa desenhada para reduzir fricção sem comprometer compliance.
Crédito contextual
Crédito contextual
Quando o colaborador tenta uma transação sem saldo e possui linha de crédito ativa, recebe a oferta de contratação dentro da própria jornada. O crédito deixa de ser um destino do app e passa a aparecer no momento da necessidade.
Quando o colaborador tenta uma transação sem saldo e possui linha de crédito ativa, recebe a oferta de contratação dentro da própria jornada. O crédito deixa de ser um destino do app e passa a aparecer no momento da necessidade.
Pix, MED e operações sensíveis
Pix, MED e operações sensíveis
Pix, MED e operações sensíveis
A área de Pix foi reescrita com foco em clareza dos estados. O MED entrou como sub-fluxo do Extrato, no ponto onde o usuário identifica o problema. Operações sensíveis usam o Mentore Token, sistema próprio de autenticação forte.
A área de Pix foi reescrita com foco em clareza dos estados. O MED entrou como sub-fluxo do Extrato, no ponto onde o usuário identifica o problema. Operações sensíveis usam o Mentore Token, sistema próprio de autenticação forte.
A área de Pix foi reescrita com foco em clareza dos estados. O MED entrou como sub-fluxo do Extrato, no ponto onde o usuário identifica o problema. Operações sensíveis usam o Mentore Token, sistema próprio de autenticação forte.
sistema
empresas
sistema
empresas
sistema
empresas
O Sistema Empresas é a plataforma web de gestão da empresa contratante.
Concentra Recursos Humanos, Financeiro e Administrativo: folha, colaboradores, centros de custo, Pix, pagamentos, cobranças, extratos, aprovações e usuários internos.
O redesenho partiu da estrutura existente.
A validação foi feita com quem operava o sistema antigo, em entrevistas e acompanhamento direto do uso das telas novas, com gravação em vídeo das reações.
O sistema inteiro foi reconstruído.
Os pilares abaixo destacam as decisões mais críticas desse trabalho.
O Sistema Empresas é a plataforma web de gestão da empresa contratante.
Concentra Recursos Humanos, Financeiro e Administrativo: folha, colaboradores, centros de custo, Pix, pagamentos, cobranças, extratos, aprovações e usuários internos.
O redesenho partiu da estrutura existente.
A validação foi feita com quem operava o sistema antigo, em entrevistas e acompanhamento direto do uso das telas novas, com gravação em vídeo das reações.
O sistema inteiro foi reconstruído.
Os pilares abaixo destacam as decisões mais críticas desse trabalho.
Folha de pagamento
Importação do arquivo com validação automática e relatório de erro linha a linha. Sete estados semânticos para a remessa, taxonomia definida em conjunto com o time do banco. Drill-down nominal por colaborador. Ações em massa para comprovantes e arquivos de retorno.
Importação do arquivo com validação automática e relatório de erro linha a linha. Sete estados semânticos para a remessa, taxonomia definida em conjunto com o time do banco. Drill-down nominal por colaborador. Ações em massa para comprovantes e arquivos de retorno.
Aprovação multi-nível
Aprovação multi-nível
Aprovação
multi-nível
Permissões granulares por perfil, com segregação de funções em camadas: quem cadastra a folha não autoriza, e quem autoriza não libera o pagamento. Cada empresa configura sua própria matriz de aprovação, com controle até o nível da ação dentro do módulo.
Permissões granulares por perfil, com segregação de funções em camadas: quem cadastra a folha não autoriza, e quem autoriza não libera o pagamento. Cada empresa configura sua própria matriz de aprovação, com controle até o nível da ação dentro do módulo.
Permissões granulares por perfil, com segregação de funções em camadas: quem cadastra a folha não autoriza, e quem autoriza não libera o pagamento. Cada empresa configura sua própria matriz de aprovação, com controle até o nível da ação dentro do módulo.
Centro de custos
Estrutura transversal que organiza folha, colaboradores e comprovantes por área. Inclui transferência em lote via upload, com modelo de tabela e processamento assíncrono. Pensado para empresas com volume alto de movimentação interna.
Estrutura transversal que organiza folha, colaboradores e comprovantes por área. Inclui transferência em lote via upload, com modelo de tabela e processamento assíncrono. Pensado para empresas com volume alto de movimentação interna.
Cobranças
Cobranças
Emissão de boletos à vista e parcelados, com gestão completa do ciclo: vencidos, liquidados, baixados e remessa. Filtros por pagador e estados, drill-down por boleto e ações em massa para envio e baixa. Tratamento dedicado para estados vazios e falhas de carregamento, mantendo clareza operacional.
Emissão de boletos à vista e parcelados, com gestão completa do ciclo: vencidos, liquidados, baixados e remessa. Filtros por pagador e estados, drill-down por boleto e ações em massa para envio e baixa. Tratamento dedicado para estados vazios e falhas de carregamento, mantendo clareza operacional.
Emissão de boletos à vista e parcelados, com gestão completa do ciclo: vencidos, liquidados, baixados e remessa. Filtros por pagador e estados, drill-down por boleto e ações em massa para envio e baixa. Tratamento dedicado para estados vazios e falhas de carregamento, mantendo clareza operacional.
backoffice
operacional
backoffice
operacional
backoffice
operacional
O Backoffice é a plataforma web de operação interna do banco.
Concentra atendimento, antifraude, risco, crédito, regulatório, ocorrências, parametrização de produtos, gestão de canais de aquisição e DRE.
A construção foi feita do zero, em sprints com os responsáveis por cada feature, com revisão final por especialista em segurança contratado para auditar a arquitetura de acessos.
O Backoffice inteiro foi construído.
Os pilares abaixo destacam as decisões mais críticas desse trabalho.
O Backoffice é a plataforma web de operação interna do banco.
Concentra atendimento, antifraude, risco, crédito, regulatório, ocorrências, parametrização de produtos, gestão de canais de aquisição e DRE.
A construção foi feita do zero, em sprints com os responsáveis por cada feature, com revisão final por especialista em segurança contratado para auditar a arquitetura de acessos.
O Backoffice inteiro foi construído.
Os pilares abaixo destacam as decisões mais críticas desse trabalho.
Visão Empresa
Cada empresa cliente ganhou uma ficha unificada com onze abas de contexto: dados, extrato, colaboradores, folha, usuários, ocorrências, limites, Pix, produtos, DRE e visão geral. Inclui hierarquia Grupo Empresarial / Empresa, ações administrativas, gestão de permissões internas e DRE editável por empresa.
Visão Empresa
Cada empresa cliente ganhou uma ficha unificada com onze abas de contexto: dados, extrato, colaboradores, folha, usuários, ocorrências, limites, Pix, produtos, DRE e visão geral. Inclui hierarquia Grupo Empresarial / Empresa, ações administrativas, gestão de permissões internas e DRE editável por empresa.
Visão Empresa
Cada empresa cliente ganhou uma ficha unificada com onze abas de contexto: dados, extrato, colaboradores, folha, usuários, ocorrências, limites, Pix, produtos, DRE e visão geral. Inclui hierarquia Grupo Empresarial / Empresa, ações administrativas, gestão de permissões internas e DRE editável por empresa.
Visão Colaborador
Cada colaborador ganhou uma ficha unificada com onze abas de contexto: dados, extrato, crédito, cesta, cartões, Pix, ocorrências, limites, segurança, mensagens e visão geral. Inclui vínculos com múltiplas empresas, gestão de salário, ações de segurança e histórico completo.
Visão Colaborador
Cada colaborador ganhou uma ficha unificada com onze abas de contexto: dados, extrato, crédito, cesta, cartões, Pix, ocorrências, limites, segurança, mensagens e visão geral. Inclui vínculos com múltiplas empresas, gestão de salário, ações de segurança e histórico completo.
Visão Colaborador
Cada colaborador ganhou uma ficha unificada com onze abas de contexto: dados, extrato, crédito, cesta, cartões, Pix, ocorrências, limites, segurança, mensagens e visão geral. Inclui vínculos com múltiplas empresas, gestão de salário, ações de segurança e histórico completo.
Gestão de Produtos
O Backoffice se tornou autônomo no lançamento de produtos financeiros. Construtor completo para criar produtos por tipo, validar PF e PJ, parametrizar tarifas, isenções e períodos. As cestas recebem esses produtos e formam planos personalizados, sem depender de engenharia para cada lançamento.
Gestão de Produtos
O Backoffice se tornou autônomo no lançamento de produtos financeiros. Construtor completo para criar produtos por tipo, validar PF e PJ, parametrizar tarifas, isenções e períodos. As cestas recebem esses produtos e formam planos personalizados, sem depender de engenharia para cada lançamento.
Gestão de Produtos
O Backoffice se tornou autônomo no lançamento de produtos financeiros. Construtor completo para criar produtos por tipo, validar PF e PJ, parametrizar tarifas, isenções e períodos. As cestas recebem esses produtos e formam planos personalizados, sem depender de engenharia para cada lançamento.
Prevenção a Fraudes
Seis frentes reunidas em um único módulo: Transações, Onboarding, Chave Pix, Crédito, Limites e MED. Antes operavam em software apartado, sem ponte com o resto do sistema. Agora, o operador acompanha o cliente sem sair da plataforma.
Prevenção a Fraudes
Seis frentes reunidas em um único módulo: Transações, Onboarding, Chave Pix, Crédito, Limites e MED. Antes operavam em software apartado, sem ponte com o resto do sistema. Agora, o operador acompanha o cliente sem sair da plataforma.
Prevenção a Fraudes
Seis frentes reunidas em um único módulo: Transações, Onboarding, Chave Pix, Crédito, Limites e MED. Antes operavam em software apartado, sem ponte com o resto do sistema. Agora, o operador acompanha o cliente sem sair da plataforma.
resultados
resultados
resultados
o que
mudou
o que
mudou
o que
mudou
Antes era manual. Agora é interface.
Operações que viviam em planilhas, sistemas paralelos e processos de WhatsApp ganharam fluxo, telas e registro aditável.
Cada ação do operador deixa rastro.
Cada cliente é tratado pela mesma lógica, independente de quem atende.
Sem operação invisível, sem decisão sem registro.
Antes era manual. Agora é interface.
Operações que viviam em planilhas, sistemas paralelos e processos de WhatsApp ganharam fluxo, telas e registro aditável.
Cada ação do operador deixa rastro.
Cada cliente é tratado pela mesma lógica, independente de quem atende.
Sem operação invisível, sem decisão sem registro.
Antes era manual. Agora é interface.
Operações que viviam em planilhas, sistemas paralelos e processos de WhatsApp ganharam fluxo, telas e registro aditável.
Cada ação do operador deixa rastro.
Cada cliente é tratado pela mesma lógica, independente de quem atende.
Sem operação invisível, sem decisão sem registro.
operação
operação
01
Três produtos, uma só linguagem.
Padrão visual e de UX consolidado entre web e mobile, sustentado por um Design System próprio, com tokens e variáveis cobrindo todas as frentes.
Toda a gestão visual acontece em um único lugar.
Mudanças são feitas na origem e refletidas automaticamente onde precisam acontecer.
Sem reinvenção a cada feature, sem inconsistência entre canais.
Três produtos, uma só linguagem.
Padrão visual e de UX consolidado entre web e mobile, sustentado por um Design System próprio, com tokens e variáveis cobrindo todas as frentes.
Toda a gestão visual acontece em um único lugar.
Mudanças são feitas na origem e refletidas automaticamente onde precisam acontecer.
Sem reinvenção a cada feature, sem inconsistência entre canais.
sistema
sistema
02
oferta
oferta
Produto financeiro no momento certo.
Cartão, crédito, seguros e planos passaram a ser ofertados dentro da jornada, no ponto onde fazem sentido para o usuário.
O crédito não é um destino. É uma camada que aparece quando o saldo falta, quando a folha não fecha, quando a oferta tem relevância.
Sem catálogo isolado, sem oferta sem contexto.
Produto financeiro no momento certo.
Cartão, crédito, seguros e planos passaram a ser ofertados dentro da jornada, no ponto onde fazem sentido para o usuário.
O crédito não é um destino. É uma camada que aparece quando o saldo falta, quando a folha não fecha, quando a oferta tem relevância.
Sem catálogo isolado, sem oferta sem contexto.
03
escala
escala
04
Base pronta para crescer.
Estrutura preparada para incorporar novas empresas, novos colaboradores e novos produtos sem reconstrução. Hierarquia, permissões e parametrização configuráveis.
O lançamento de um produto novo não exige sprint de engenharia. A entrada de uma nova empresa não exige refatoração.
Sem teto técnico, sem dependência externa.
Base pronta para crescer.
Estrutura preparada para incorporar novas empresas, novos colaboradores e novos produtos sem reconstrução. Hierarquia, permissões e parametrização configuráveis.
O lançamento de um produto novo não exige sprint de engenharia. A entrada de uma nova empresa não exige refatoração.
Sem teto técnico, sem dependência externa.
