Projets
Andy Electric — B2B energy management platform redesign

Product Design · USA · 2024

Andy Electric
Energy Management Platform

Product Design UX Research B2B SaaS Design System Figma
+25% Taux de conversion
−20% Taux d'abandon
3 mois Durée du projet
12 Entretiens utilisateurs

Repenser la gestion énergétique B2B

Andy Electric est une startup américaine spécialisée dans la gestion de flottes d'équipements électriques pour les professionnels. Leur plateforme web permettait aux gestionnaires de suivre la consommation, programmer les maintenances et analyser les coûts — mais l'interface héritée générait un fort taux d'abandon et des erreurs opérationnelles coûteuses.

Ma mission : repenser l'expérience utilisateur de bout en bout, de la phase de discovery à la livraison des assets Figma, en coordination avec l'équipe produit et les développeurs front-end basés à San Francisco.

Un flux de travail bloquant pour les opérateurs terrain

Les entretiens utilisateurs ont révélé trois problèmes majeurs : une navigation à 7 niveaux pour accéder aux données en temps réel, l'absence de hiérarchie visuelle dans les tableaux de bord rendant la lecture des alertes ambiguë, et un onboarding inexistant pour les nouveaux comptes.

Le taux d'abandon observé sur le parcours de configuration d'une alerte de seuil était de 68 %. Les équipes support recevaient en moyenne 40 tickets par semaine liés à des incompréhensions d'interface.

Andy Electric — interface repensée

Plateforme Andy Electric — interface repensée · 2024

Discovery · Define · Design · Deliver

Discover — Recherche utilisateur

12 entretiens semi-directifs avec des gestionnaires de flotte (5 à San Francisco, 7 à distance). Analyse des enregistrements Hotjar sur 3 mois. Benchmark de 6 plateformes concurrentes SaaS B2B dans le secteur énergie.

Define — Insights et priorisation

Synthèse des insights en 4 personas opérationnels. Cartographie du customer journey actuel (as-is) et cible (to-be). Priorisation par RICE scoring en atelier avec le PM et le lead dev.

Design — Wireframes et prototypes

Architecture de l'information repensée : navigation à 3 niveaux maximum. Wireframes basse fidélité testés sur 8 utilisateurs. Design system créé : 120 composants Figma, tokens alignés avec le code React existant.

Deliver — Handoff et mesure

Documentation complète Figma avec annotations développeur. Sessions de handoff hebdomadaires. Suivi post-lancement via Mixpanel : mesure des KPIs définis en phase Define. Itérations sur 3 sprints.

Impact mesurable dès le premier trimestre

Trois mois après le lancement, les métriques cibles ont toutes été atteintes ou dépassées. Le taux de conversion sur le parcours de configuration d'alertes est passé de 32 % à 57 %. Le volume de tickets support liés à l'interface a chuté de 40 à 9 par semaine.

Le design system développé a ensuite été adopté par l'équipe interne d'Andy Electric pour l'ensemble de leurs produits, accélérant les cycles de développement de nouveaux features de 40 %.

Alejandro delivered exactly what we needed — a complete redesign grounded in real user data, on time and with exceptional attention to our engineering constraints.

— Product Lead, Andy Electric · San Francisco, USA

— Projet suivant

Ublo — SaaS Property Management

Voir le projet →