Voltar aos Projetos
Banking / InsuranceAgosto 2019 – Dezembro 2019Brazil (On-site)

Portal de autoatendimento para ativação de seguros

BNP Paribas Cardif — Desenvolvedor Front-End (Angular)

30%

Redução nos custos operacionais

5

Meses de contrato, entregue dentro do prazo

AngularTypeScriptSCSSAngular MaterialREST API IntegrationDynamic FormsGit

Visão geral

BNP Paribas Cardif é uma das principais seguradoras do mundo, operando no Brasil como instituição financeira regulada pelo Banco Central do Brasil. Seu processo de ativação de seguros funcionava inteiramente por meio de um call center. O objetivo era substituí-lo por um portal digital de autoatendimento, reduzindo os custos operacionais e tornando a experiência mais rápida e acessível para os clientes.

O desafio

O principal desafio técnico era construir uma experiência de formulário única que tratasse os produtos de seguro da Cardif no escopo — cada um com suas próprias regras de elegibilidade, requisitos de dados e fluxo de ativação. Um cliente ativando um plano de proteção de cartão de crédito segue um caminho completamente diferente do que ativa uma apólice de seguro de vida. O portal precisava se ramificar dinamicamente com base no tipo de produto, guiar o usuário pelo sub-fluxo correto, validar de acordo com as regras específicas do produto e integrar com o backend em cada etapa. Construir isso como formulários isolados por produto não era uma opção — a arquitetura precisava ser compartilhada e consistente entre os produtos para ser sustentável.

Meu papel e processo

Desenvolvimento frontend

  • Construção do frontend Angular do zero como parte de uma equipe frontend de dois desenvolvedores, dividindo a propriedade por funcionalidade e tela para maximizar a entrega em paralelo
  • Implementação de uma arquitetura de formulário dinâmico com múltiplas ramificações em Angular — um único ponto de entrada que renderizava condicionalmente diferentes etapas e validações com base no produto de seguro selecionado
  • Integração das APIs REST fornecidas pela equipe de backend, tratando validação assíncrona, estados de erro e persistência parcial de formulários nos fluxos específicos de cada produto
  • Manutenção de uma arquitetura de componentes consistente entre os dois desenvolvedores frontend — controles de formulário reutilizáveis, validadores compartilhados e componentes Angular Material aplicados uniformemente
  • Entrega de todas as funcionalidades dentro do prazo em um contrato de 5 meses em um projeto sem tolerância a atrasos

A solução

Uma aplicação Angular em produção que permite aos clientes ativar produtos de seguro da BNP Paribas Cardif por meio de um fluxo digital guiado. O portal substituiu o call center como canal de ativação principal, gerenciando os produtos no escopo por meio de uma arquitetura de componentes compartilhada com lógica de ramificação específica por produto.

Resultados e impacto

O portal contribuiu para uma redução de 30% nos custos operacionais à medida que a ativação por autoatendimento substituiu o volume do call center. Foi entregue dentro de um contrato de cinco meses sem tolerância a atrasos, sobre uma arquitetura compartilhada construída para se manter sustentável conforme novos produtos fossem adicionados.