Plateforme IA multiservices
Concevoir une interface simple pour un outil complexe – en 5 jours
Conception UX/UI d’une première version de plateforme d’intelligence artificielle multiservices à destination d’un public BtoC.
La mission consistait à transformer un outil technique en cours de développement en une interface claire, intuitive et cohérente graphiquement, dans un délai très contraint de 5 jours.
Le client est une société spécialisée dans les solutions numériques au service des territoires connectés, engagée autour des enjeux de mobilité, de données et d’infrastructures durables.
Dans le cadre de ses activités, elle développait une intelligence artificielle proposant plusieurs services : analyse de données, cartographie, requêtes automatisées, etc.
L’objectif du projet était de créer une interface utilisateur complète permettant à leurs clients d’accéder facilement à ces différents services via une plateforme unique.
Contraintes principales
- Projet à réaliser en 5 jours
- Première version “look & feel”
- Collaboration directe avec l’équipe technique existante
- Obligation d’utiliser la librairie Bootstrap, déjà retenue par les développeurs
- Intégration de fonctionnalités complexes, dont de la cartographie
Le principal enjeu était le suivant :
Comment rendre accessible et compréhensible un ensemble de services d’IA très techniques, dans une interface simple et cohérente, tout en respectant de fortes contraintes de temps et de framework ?
Plusieurs défis se présentaient :
- Comprendre rapidement les fonctionnalités d’un outil en cours de développement
- Structurer l’information de manière claire
- Simplifier des écrans complexes sans perdre l’accès aux fonctionnalités
- Concevoir une interface compatible avec Bootstrap
- Produire des maquettes prêtes à intégrer dans un délai contraint
UX/UI Designer – mission en immersion chez le client
Intégrée directement au sein de l’équipe technique, j’ai eu pour mission de :
- analyser les besoins et le fonctionnement de l’outil,
- concevoir l’architecture d’information,
- réaliser les wireframes,
- créer une charte graphique dérivée de celle de la société mère,
- produire l’ensemble des maquettes mobiles et desktop,
- accompagner l’intégratrice et les développeurs pour assurer une intégration cohérente.
Malgré le délai très court, une démarche structurée a été mise en place :
- Recueil et qualification du besoin
- échanges avec les développeurs
- compréhension des services proposés par l’IA
- Formalisation de la compréhension
- création de wireframes
- validation rapide des parcours
- Architecture d’information
- structuration des services
- hiérarchisation des contenus
- Conception graphique
- création d’une charte graphique adaptée
- contrainte : respect des composants Bootstrap
- Réalisation des interfaces
Conception des écrans principaux en version mobile et desktop :- page de connexion
- page d’inscription
- page d’accueil
- module de requêtes IA
- cartographie
- paiement
- espace compte
- Prototypage et transmission
- livraison des maquettes prêtes à intégrer
Le travail réalisé a permis de :
- proposer une interface cohérente et homogène
- simplifier l’accès aux différentes fonctionnalités
- clarifier les parcours utilisateurs
- rendre un outil technique plus compréhensible pour un public non expert
- fournir des maquettes compatibles avec les contraintes techniques du projet
Même s’il s’agissait d’une première version réalisée dans un temps très court, le projet a abouti à :
- une base UX/UI claire pour la plateforme
- des maquettes prêtes à intégrer
- une meilleure compréhension du produit par l’équipe
- une interface utilisable et structurée pour les premières démonstrations commerciales
Ce projet m’a permis de renforcer :
- ma capacité à travailler dans des délais très contraints
- l’adaptation aux contraintes techniques (Bootstrap)
- la simplification d’écrans complexes
- la collaboration directe avec des équipes de développement
- la priorisation des fonctionnalités essentielles