Bpartners Mobile

Concevoir un outil d'annotation d'images satellites dans une application bancaire métier

Dans le cadre de l'application mobile multiplateforme iOS/Android Bpartners (aujourd'hui Birdia), j'ai travaillé chez Numer France/Madagascar sur une fonctionnalité particulièrement critique : un outil d'annotation d'images satellites utilisé dans un contexte de banque transaction.

Cette fonctionnalité s'inscrit dans un flux métier complexe, où l'utilisateur devait pouvoir interagir avec des images satellites pour effectuer des annotations précises liées à des opérations bancaires et d'analyse.

---

Le contexte

L'objectif de cette fonctionnalité était de permettre aux utilisateurs d'interagir avec des images satellites directement dans l'application mobile afin de :

• localiser et annoter des zones spécifiques ;
• associer des informations à des points précis sur une carte ;
• enrichir des processus métiers liés aux transactions ;
• exploiter des données visuelles dans un cadre opérationnel.

Ce module faisait partie d'un ensemble de fonctionnalités bancaires métier à forte valeur ajoutée.

---

Les défis

1. Complexité UX/UI

L'un des principaux défis consistait à rendre une interaction complexe simple et intuitive.

L'utilisateur devait pouvoir :

• zoomer et naviguer dans une image satellite ;
• placer des annotations avec précision ;
• modifier ou supprimer des éléments ;
• comprendre clairement les actions disponibles.

Tout cela dans un contexte mobile, avec des contraintes d'espace et d'interaction tactile.

---

2. Performance sur mobile

Le traitement et l'affichage d'images satellites peuvent être coûteux en ressources.

Il fallait donc garantir :

• une fluidité constante lors du zoom et du déplacement ;
• une gestion optimisée des rendus ;
• une absence de latence lors des interactions ;
• une bonne stabilité sur iOS et Android.

---

3. Intégration dans un système métier complexe

La fonctionnalité devait s'intégrer dans une application bancaire existante avec des contraintes fortes :

• cohérence avec les autres modules ;
• gestion des données métier ;
• fiabilité des interactions ;
• compatibilité avec le flux transactionnel global.

---

Les solutions mises en Å“uvre

1. Développement de l'outil d'annotation

J'ai participé à la conception et au développement de l'outil permettant :

• l'affichage d'images satellites haute résolution ;
• l'ajout d'annotations interactives ;
• la gestion des interactions tactiles (zoom, drag, sélection) ;
• la synchronisation des données avec l'application.

---

2. Optimisation des performances

Un travail important a été réalisé sur la performance afin de garantir une expérience fluide :

• optimisation du rendu des éléments graphiques ;
• limitation des re-renders inutiles ;
• gestion efficace des états ;
• adaptation aux contraintes mobiles.

---

3. Simplification de l'expérience utilisateur

L'interface a été pensée pour masquer la complexité technique et proposer une expérience fluide :

• interactions naturelles sur mobile ;
• retour visuel immédiat ;
• hiérarchie claire des actions ;
• réduction de la charge cognitive utilisateur.

---

Mon rôle dans le projet (chez Numer)

Dans le cadre de mon poste de Développeur React Native chez Numer, j'ai contribué à :

• l'intégration de la fonctionnalité d'annotation d'image satellitaire ;
• le développement des interactions complexes ;
• l'optimisation des performances mobiles ;
• la gestion de l'expérience utilisateur ;
• la collaboration avec les équipes produit et métier ;
• l'intégration dans le flux bancaire transactionnel.

---

Résultat

Cette fonctionnalité a permis d'enrichir l'application avec un outil avancé d'analyse visuelle, tout en conservant une expérience fluide et utilisable sur mobile.

Elle illustre la capacité à transformer une problématique métier complexe en une interface simple, performante et exploitable en production.

---

Technologies

• React Native
• TypeScript
• Canvas / rendering mobile
• Agile
• Développement Android et iOS

---