Volver a Proyectos
Banking / InsuranceAgosto 2019 – Diciembre 2019Brazil (On-site)

Portal de autoservicio para activación de seguros

BNP Paribas Cardif — Desarrollador front-end (Angular)

30%

Reducción en costos operativos

5

Meses de engagement, entregado en tiempo

AngularTypeScriptSCSSAngular MaterialREST API IntegrationDynamic FormsGit

Resumen

BNP Paribas Cardif es una de las principales compañías de seguros del mundo, operando en Brasil como institución financiera regulada bajo el Banco Central de Brasil. Su proceso de activación de seguros funcionaba íntegramente a través de un call center. El objetivo era reemplazarlo con un portal digital de autoservicio, reduciendo los costos operativos y haciendo la experiencia más rápida y accesible para los clientes.

El desafío

El desafío técnico central era construir una experiencia de formulario única que manejara los productos de seguro de Cardif dentro del alcance — cada uno con sus propias reglas de elegibilidad, requisitos de datos y flujo de activación. Un cliente que activa un plan de protección de tarjeta de crédito sigue un camino completamente diferente al de uno que activa una póliza de seguro de vida. El portal tenía que ramificarse dinámicamente según el tipo de producto, guiar al usuario a través del sub-flujo correcto, validar según las reglas específicas del producto e integrarse con el backend en cada paso. Construir esto como formularios aislados por producto no era una opción — la arquitectura tenía que ser compartida y coherente entre productos para ser mantenible.

Mi rol y proceso

Desarrollo frontend

  • Construcción del frontend Angular desde cero como parte de un equipo frontend de dos desarrolladores, dividiendo la propiedad por funcionalidad y pantalla para maximizar la entrega en paralelo
  • Implementación de una arquitectura de formulario dinámico con múltiples ramas en Angular — un punto de entrada único que renderizaba condicionalmente diferentes pasos y validaciones según el producto de seguro seleccionado
  • Integración de las API REST proporcionadas por el equipo de backend, manejando validación asíncrona, estados de error y persistencia parcial de formularios en flujos específicos de producto
  • Mantenimiento de una arquitectura de componentes coherente entre ambos desarrolladores frontend — controles de formulario reutilizables, validadores compartidos y componentes Angular Material aplicados uniformemente
  • Entrega de todas las funcionalidades en tiempo dentro de un engagement de 5 meses en un proyecto sin tolerancia a demoras

La solución

Una aplicación Angular en producción que permite a los clientes activar productos de seguro de BNP Paribas Cardif a través de un flujo digital guiado. El portal reemplazó al call center como canal de activación principal, manejando los productos dentro del alcance mediante una arquitectura de componentes compartida con lógica de ramificación específica por producto.

Resultados e impacto

El portal contribuyó a una reducción del 30 % en los costos operativos a medida que la activación por autoservicio reemplazó el volumen del call center. Se entregó dentro de un engagement de cinco meses sin tolerancia a demoras, sobre una arquitectura compartida construida para seguir siendo mantenible a medida que se añadían productos.