Local Load Manager

Logiciel embarqué web

Résumé

Refonte de l’interface web permettant aux installateurs et gestionnaires de superviser plusieurs bornes de recharge en réseau. L’objectif était d’optimiser l’architecture du menu, de hiérarchiser visuellement les informations essentielles et d’améliorer l’ergonomie globale pour une prise en main rapide sur le terrain.

Contexte

  • Produit : Interface web de gestion pour bornes de recharge électrique

  • Entreprise : Hager

  • Utilisateurs cibles : Électriciens, gestionnaires de bâtiments, installateurs

  • Enjeux :

    • Repenser l’organisation visuelle et fonctionnelle des écrans

    • Clarifier les informations critiques (puissance, statut, erreurs)

    • Harmoniser l’interface avec la charte graphique globale de l’écosystème Hager

Problèmes à résoudre

  • Interface peu intuitive avec trop d’informations non hiérarchisées

  • Accès aux données essentielles peu visible

  • Incohérences graphiques avec le reste des produits digitaux de Hager

Méthodologie

  • Recherche et inspiration :

    • Benchmark d’outils de supervision énergétique

    • Retour terrain d’installateurs sur les versions précédentes

  • Idéation et prototypage :

    • Nouvelle hiérarchie des menus et sections

    • Simplification des écrans d’erreur et des vues en direct

    • Mise en avant des KPIs clés en mode tableau de bord

  • Collaboration & outils :

    • Maquettes et composants sur Figma

    • Revue régulière avec les équipes techniques et produit

  • Tests et itérations :

    • Sessions de feedback internes avec les chefs de marché

    • Ajustements ergonomiques pour navigation rapide

Résultats & Impact

  • Livrables :

    • Maquettes haute fidélité avec logique de navigation optimisée

    • Système d’icônes et état visuel unifié

  • Impact :

    • Navigation plus fluide et temps de formation réduit pour les utilisateurs

    • Interface alignée avec le design system Hager

  • Retour d'expérience :

    • Ce projet m’a permis de travailler plus étroitement avec les métiers pour intégrer leurs priorités dès la structure de l’interface.

Lien du projet

© 2025 Mehdi Maalej

unsplash.com/@reddfrancisco

Create a free website with Framer, the website builder loved by startups, designers and agencies.