Retour
Rôle
UX/UI Designer
Secteur
Télésurveillance
Type
App mobile
Logiciels utilisés
Miro
Figma
Visual studio code
FBT Connect est une application mobile conçue pour moderniser et fiabiliser le processus d'installation de systèmes de télésurveillance dans des environnements à haute exigence de sécurité : banques, magasins de luxe, centres de données, et autres infrastructures critiques.
Avant ce projet, aucun outil dédié n'existait. Les techniciens terrain et les responsables sécurité s'appuyaient sur des fichiers Excel, des feuilles papier et des échanges informels par email ou téléphone une organisation fragmentée, source d'erreurs et de pertes d'information critiques.
L'objectif : concevoir de A à Z une application intuitive qui centralise la gestion des installations, permet le suivi en temps réel et offre la réactivité nécessaire en cas d'incident technique.
Dans le secteur de la télésurveillance haute sécurité, chaque installation est un projet complexe impliquant de multiples équipements (caméras, capteurs, alarmes, systèmes biométriques), des configurations techniques pointues et des délais stricts imposés par les clients.
Zéro traçabilité
Les installations étaient documentées sur papier ou Excel, sans historique centralisé ni version de référence fiable.
Communication fragmentée
Techniciens et responsables travaillaient en silos : les alertes passaient par SMS, email ou appel vocal, sans fil conducteur.
Réactivité insuffisante
En cas de problème technique sur site, il n'existait pas de procédure standardisée pour remonter, qualifier et résoudre l'incident rapidement.
Risque de conformité
Les entreprises clientes (banques, luxe) imposent des audits réguliers. Sans documentation fiable, la conformité était difficile à démontrer.
Profil mobile, intervient directement sur les sites clients. Souvent seul, sous pression temporelle, avec une connectivité variable.
– Accéder rapidement au plan d'installation du site
– Suivre les étapes d'installation pas à pas
– Signaler un problème technique en quelques secondes
– Valider chaque étape avec une preuve photo ou signature
Basé en back-office ou en déplacement. Supervise plusieurs techniciens et installations simultanément. Interlocuteur direct des clients.
– Visualiser en temps réel l'avancement de chaque chantier
– Recevoir des alertes immédiates en cas d'incident
– Accéder à l'historique complet des installations
– Générer des rapports pour les audits clients
J'ai mené une phase d'exploration en m'appuyant sur l'analyse de solutions existantes dans des secteurs comparables (maintenance industrielle, BTP, logistique de terrain) afin d'identifier les patterns UX efficaces pour les professionnels mobiles.
J'ai également documenté les grands flux de travail attendus à travers des user stories détaillées pour chacun des deux profils, en distinguant clairement les cas nominaux et les cas d'erreur.
L'application s'articule autour de quatre modules principaux, conçus pour être indépendants mais interconnectés :
– Tableau de bord vue synthétique des installations actives et des alertes
– Gestion des interventions création, suivi et clôture des chantiers
– Module incidents signalement, qualification et résolution des problèmes
– Historique & rapports consultation de l'ensemble des installations passées
Les premiers wireframes ont permis de valider rapidement la logique de navigation et la hiérarchie des informations sans se perdre dans les détails visuels. Chaque écran a été pensé en contexte d'utilisation terrain : écran lumineux ou sombre, gants portés, stress temporel.
Les maquettes hi-fi ont décliné un système de design cohérent : palette sombre inspirée des interfaces de contrôle industriel, typographie lisible à distance, composants larges et accessibles au pouce, code couleur strict pour les statuts (vert / orange / rouge).
Un prototype interactif a été produit pour simuler les principaux flux : création d'une installation, remontée d'incident, et validation d'étape par le technicien.
FBT Connect illustre ma capacité à concevoir une application complexe de bout en bout de la définition du problème à un prototype interactif haute fidélité dans un contexte métier exigeant, sans compromis sur l'expérience utilisateur.
– Analyse du contexte métier et traduction en besoins UX
– Architecture de l'information pour deux profils distincts
– Conception d'un système de design cohérent sur Figma
– Prototypage interactif et simulation de flux critiques
– Prise de décision de design documentée et argumentée
