Retour aux Projets
Banking / InsuranceAoût 2019 – Décembre 2019Brazil (On-site)

Portail d'activation d'assurance en libre-service

BNP Paribas Cardif — Développeur front-end (Angular)

30%

Réduction des coûts opérationnels

5

Mois d'engagement, livré dans les délais

AngularTypeScriptSCSSAngular MaterialREST API IntegrationDynamic FormsGit

Aperçu

BNP Paribas Cardif est l'une des principales compagnies d'assurance mondiales, opérant au Brésil en tant qu'institution financière réglementée sous la Banque centrale du Brésil. Leur processus d'activation d'assurance fonctionnait entièrement via un centre d'appels. L'objectif était de le remplacer par un portail numérique en libre-service, réduisant les coûts opérationnels tout en rendant l'expérience plus rapide et plus accessible pour les clients.

Le défi

Le défi technique central était de construire une expérience de formulaire unique gérant les produits d'assurance Cardif concernés — chacun avec ses propres règles d'éligibilité, exigences de données et flux d'activation. Un client activant un plan de protection de carte de crédit suit un chemin complètement différent de celui activant une police d'assurance-vie. Le portail devait se ramifier dynamiquement selon le type de produit, guider l'utilisateur à travers le bon sous-flux, valider selon les règles propres au produit et s'intégrer au backend à chaque étape. Construire cela comme des formulaires isolés par produit n'était pas une option — l'architecture devait être partagée et cohérente entre les produits afin d'être maintenable.

Mon rôle et ma démarche

Développement frontend

  • Construction du frontend Angular de A à Z au sein d'une équipe frontend de deux développeurs, partageant la propriété par fonctionnalité et par écran pour maximiser la livraison en parallèle
  • Implémentation d'une architecture de formulaire multi-branches dynamique en Angular — un point d'entrée unique qui rendait conditionnellement différentes étapes et validations selon le produit d'assurance sélectionné
  • Intégration des API REST fournies par l'équipe backend, gérant la validation asynchrone, les états d'erreur et la persistance partielle des formulaires sur les flux propres à chaque produit
  • Maintien d'une architecture de composants cohérente entre les deux développeurs frontend — contrôles de formulaires réutilisables, validateurs partagés et composants Angular Material appliqués uniformément
  • Livraison de toutes les fonctionnalités dans les délais dans le cadre d'un engagement de 5 mois avec zéro tolérance pour les retards

La solution

Une application Angular en production qui permet aux clients d'activer les produits d'assurance BNP Paribas Cardif via un flux numérique guidé. Le portail a remplacé le centre d'appels comme canal d'activation principal, gérant les produits concernés grâce à une architecture de composants partagée avec une logique de branchement spécifique au produit.

Résultats et impact

Le portail a contribué à une réduction de 30 % des coûts opérationnels à mesure que l'activation en libre-service remplaçait le volume du centre d'appels. Il a été livré dans le cadre d'un engagement de cinq mois sans tolérance pour les retards, sur une architecture partagée conçue pour rester maintenable à mesure que des produits étaient ajoutés.