Schneider Electric

Schneider Electric

Schneider Electric

Refonte de l’application Wiser Energy

Refonte de l’application Wiser Energy

Wiser Energy est une application permettant de mieux gérer sa production et/ou sa consommation d’énergie. Nous avons accompagné Schneider Electric dans les réflexions concernant le positionnement stratégique de l'application, et dans son incarnation graphique dans les écrans, pour mieux répondre aux besoins des utilisateurs, et ce peu importe leur niveau d’expertise et d’implication dans le sujet.

Wiser Energy est une application permettant de mieux gérer sa production et/ou sa consommation d’énergie. Nous avons accompagné Schneider Electric dans les réflexions concernant le positionnement stratégique de l'application, et dans son incarnation graphique dans les écrans, pour mieux répondre aux besoins des utilisateurs, et ce peu importe leur niveau d’expertise et d’implication dans le sujet.

Wiser Energy est une application permettant de mieux gérer sa production et/ou sa consommation d’énergie. Nous avons accompagné Schneider Electric dans les réflexions concernant le positionnement stratégique de l'application, et dans son incarnation graphique dans les écrans, pour mieux répondre aux besoins des utilisateurs, et ce peu importe leur niveau d’expertise et d’implication dans le sujet.

Wiser Energy est une application permettant de mieux gérer sa production et/ou sa consommation d’énergie. Nous avons accompagné Schneider Electric dans les réflexions concernant le positionnement stratégique de l'application, et dans son incarnation graphique dans les écrans, pour mieux répondre aux besoins des utilisateurs, et ce peu importe leur niveau d’expertise et d’implication dans le sujet.

Wiser Energy est une application permettant de mieux gérer sa production et/ou sa consommation d’énergie. Nous avons accompagné Schneider Electric dans les réflexions concernant le positionnement stratégique de l'application, et dans son incarnation graphique dans les écrans, pour mieux répondre aux besoins des utilisateurs, et ce peu importe leur niveau d’expertise et d’implication dans le sujet.

Schneider_Header

MON RÔLE

MON RÔLE

Impliquée à chaque étape du projet, j'ai contribué à définir la proposition de valeur, mené des recherches terrain et conçu une expérience utilisateur accessible. J'ai également participé à la création de la nouvelle DA de Schneider et à son intégration dans les interfaces de l’application “Wiser Energy”.

Impliquée à chaque étape du projet, j'ai contribué à définir la proposition de valeur, mené des recherches terrain et conçu une expérience utilisateur accessible. J'ai également participé à la création de la nouvelle DA de Schneider et à son intégration dans les interfaces de l’application “Wiser Energy”.

Impliquée à chaque étape du projet, j'ai contribué à définir la proposition de valeur, mené des recherches terrain et conçu une expérience utilisateur accessible. J'ai également participé à la création de la nouvelle DA de Schneider et à son intégration dans les interfaces de l’application “Wiser Energy”.

Impliquée à chaque étape du projet, j'ai contribué à définir la proposition de valeur, mené des recherches terrain et conçu une expérience utilisateur accessible. J'ai également participé à la création de la nouvelle DA de Schneider et à son intégration dans les interfaces de l’application “Wiser Energy”.

Impliquée à chaque étape du projet, j'ai contribué à définir la proposition de valeur, mené des recherches terrain et conçu une expérience utilisateur accessible. J'ai également participé à la création de la nouvelle DA de Schneider et à son intégration dans les interfaces de l’application “Wiser Energy”.

EXPERTISES

EXPERTISES

• Rédaction des guides d’entretiens

• Analyse et priorisation des besoins utilisateurs
• Optimisation de la direction artistique
• Formalisation des éléments UI
• Interfaces finalisées

• Prototypes haute fidélité et animations Figma

• Rédaction des guides d’entretiens

• Analyse et priorisation des besoins utilisateurs
• Optimisation de la direction artistique
• Formalisation des éléments UI
• Interfaces finalisées

• Prototypes haute fidélité et animations Figma

• Rédaction des guides d’entretiens

• Analyse et priorisation des besoins utilisateurs
• Optimisation de la direction artistique
• Formalisation des éléments UI
• Interfaces finalisées

• Prototypes haute fidélité et animations Figma

• Rédaction des guides d’entretiens

• Analyse et priorisation des besoins utilisateurs
• Optimisation de la direction artistique
• Formalisation des éléments UI
• Interfaces finalisées

• Prototypes haute fidélité et animations Figma

• Rédaction des guides d’entretiens

• Analyse et priorisation des besoins utilisateurs
• Optimisation de la direction artistique
• Formalisation des éléments UI
• Interfaces finalisées

• Prototypes haute fidélité et animations Figma

Enjeux

Enjeux

Le manque de simplicité et de pédagogie de l’offre existante peinait à séduire les utilisateurs, qui se retrouvaient souvent à croiser plusieurs applications et services afin d’avoir une visibilité sur leur système. Nous avons donc cherché à introduire de nouvelles fonctionnalités intelligentes, afin de faciliter le parcours des usagers, tout en rendant plus accessible la navigation et le sujet pour répondre aux attentes de tous les utilisateurs, des novices aux experts chevronnés.

Le manque de simplicité et de pédagogie de l’offre existante peinait à séduire les utilisateurs, qui se retrouvaient souvent à croiser plusieurs applications et services afin d’avoir une visibilité sur leur système. Nous avons donc cherché à introduire de nouvelles fonctionnalités intelligentes, afin de faciliter le parcours des usagers, tout en rendant plus accessible la navigation et le sujet pour répondre aux attentes de tous les utilisateurs, des novices aux experts chevronnés.

Schneider_Enjeux
Schneider_Intervention

Notre intervention

Notre intervention

Tout au long de notre intervention, nous avons cherché à accompagner de façon parallèle les réflexions stratégiques et graphiques de Schneider Electric, en faisant des ponts avec les besoins des utilisateurs rencontrés. Le projet a permis de consolider une réflexion émergente sur la UI de Schneider Electric. Cette nouvelle UX/UI, disruptive par rapport à l’existant Schneider, a permi notamment de nourrir le Design Lab chez notre client.

Tout au long de notre intervention, nous avons cherché à accompagner de façon parallèle les réflexions stratégiques et graphiques de Schneider Electric, en faisant des ponts avec les besoins des utilisateurs rencontrés. Le projet a permis de consolider une réflexion émergente sur la UI de Schneider Electric. Cette nouvelle UX/UI, disruptive par rapport à l’existant Schneider, a permi notamment de nourrir le Design Lab chez notre client.

Tout au long de notre intervention, nous avons cherché à accompagner de façon parallèle les réflexions stratégiques et graphiques de Schneider Electric, en faisant des ponts avec les besoins des utilisateurs rencontrés. Le projet a permis de consolider une réflexion émergente sur la UI de Schneider Electric. Cette nouvelle UX/UI, disruptive par rapport à l’existant Schneider, a permi notamment de nourrir le Design Lab chez notre client.

Tout au long de notre intervention, nous avons cherché à accompagner de façon parallèle les réflexions stratégiques et graphiques de Schneider Electric, en faisant des ponts avec les besoins des utilisateurs rencontrés. Le projet a permis de consolider une réflexion émergente sur la UI de Schneider Electric. Cette nouvelle UX/UI, disruptive par rapport à l’existant Schneider, a permi notamment de nourrir le Design Lab chez notre client.

Tout au long de notre intervention, nous avons cherché à accompagner de façon parallèle les réflexions stratégiques et graphiques de Schneider Electric, en faisant des ponts avec les besoins des utilisateurs rencontrés. Le projet a permis de consolider une réflexion émergente sur la UI de Schneider Electric. Cette nouvelle UX/UI, disruptive par rapport à l’existant Schneider, a permi notamment de nourrir le Design Lab chez notre client.

Les étapes du projet

Les étapes du projet

01  Compréhension des usages

01  Compréhension des usages

02  UX avec les codes graphiques existants

03  Recherches de direction artistique

03  Recherches de direction artistique

04  Conception détaillée des écrans clés

05  Tests des écrans clés

05  Tests des écrans clés

06  Harmonisation de la DA en collaboration

07  Animations

01  Compréhension des usages
01  Compréhension des usages
Nous avons mené des entretiens à distance avec des profils plus ou moins novices sur le sujet de la gestion et de la production solaire. Ils nous ont permis de bien comprendre l’écosystème d’outils existants.

Nous avons mené des entretiens à distance avec des profils plus 
ou moins novices sur le sujet de la gestion et de la production solaire. Ils nous ont permis de bien comprendre l’écosystème d’outils existants.

Schneider_Step 1 169
Schneider_Step 2 23
02  Repenser l’UX avec les codes graphiques existants
02  Repenser l’UX avec les codes graphiques existants
Afin de répondre à un besoin court terme, nous avons retravaillé le contenu et la hiérarchisation d’informations en réutilisant les codes graphiques existants de l’app.
Afin de répondre à un besoin court terme, nous avons retravaillé le contenu et la hiérarchisation d’informations en réutilisant les codes graphiques existants de l’app.
Afin de répondre à un besoin court terme, nous avons retravaillé le contenu et la hiérarchisation d’informations en réutilisant les codes graphiques existants de l’app.
Afin de répondre à un besoin court terme, nous avons retravaillé le contenu et la hiérarchisation d’informations en réutilisant les codes graphiques existants de l’app.

Afin de répondre à un besoin court terme, nous avons retravaillé le contenu et la hiérarchisation d’informations en réutilisant les codes graphiques existants de l’app.

03  Recherches de direction artistique
03  Recherches de direction artistique

Nous avons développé deux pistes graphiques, en nous appuyant sur les éléments d’identités déjà existants. 
La piste retenue présente les informations graduellement, pour faciliter la compréhension en un clin d’oeil.

Nous avons développé deux pistes graphiques, en nous appuyant sur les éléments d’identités déjà existants. La piste retenue présente les informations graduellement, pour faciliter la compréhension en un clin d’oeil.

Nous avons développé deux pistes graphiques, en nous appuyant sur les éléments d’identités déjà existants. La piste retenue présente les informations graduellement, pour faciliter la compréhension en un clin d’oeil.

Nous avons développé deux pistes graphiques, en nous appuyant sur les éléments d’identités déjà existants. La piste retenue présente les informations graduellement, pour faciliter la compréhension en un clin d’oeil.

Nous avons développé deux pistes graphiques, en nous appuyant sur les éléments d’identités déjà existants. La piste retenue présente les informations graduellement, pour faciliter la compréhension en un clin d’oeil.

Schneider_Step 3 23
Schneider_Step 4 23
04  Conception détaillée des écrans clés
04  Conception détaillée des écrans clés
04  Conception détaillée des écrans clés
04  Conception détaillée des écrans clés
Nous continuons d’affiner la direction artistique sur Wiser Energy ainsi que sur une autre application de Schneider. Nous faisons de nombreuses itérations afin de trouver le juste équilibre entre vulgarisation et précision des données.
Nous continuons d’affiner la direction artistique sur Wiser Energy ainsi que sur une autre application de Schneider. Nous faisons de nombreuses itérations afin de trouver le juste équilibre entre vulgarisation et précision des données.
Nous continuons d’affiner la direction artistique sur Wiser Energy ainsi que sur une autre application de Schneider. Nous faisons de nombreuses itérations afin de trouver le juste équilibre entre vulgarisation et précision des données.
Nous continuons d’affiner la direction artistique sur Wiser Energy ainsi que sur une autre application de Schneider. Nous faisons de nombreuses itérations afin de trouver le juste équilibre entre vulgarisation et précision des données.

Nous continuons d’affiner la direction artistique sur Wiser Energy ainsi que sur une autre application de Schneider. Nous faisons de nombreuses itérations afin de trouver le juste équilibre entre vulgarisation et précision des données.

Schneider_Test 1 23
Schneider_Test 2 23
Schneider_Test 3 23
05  Tests des écrans clés
05  Tests des écrans clés
Nous avons testé les différents écrans via des prototypes interactifs, et les avons ajustés suite aux retours utilisateurs.
Nous avons testé les différents écrans via des prototypes interactifs, et les avons ajustés suite aux retours utilisateurs.
Nous avons testé les différents écrans via des prototypes interactifs, et les avons ajustés suite aux retours utilisateurs.
Nous avons testé les différents écrans via des prototypes interactifs, et les avons ajustés suite aux retours utilisateurs.

Nous avons testé les différents écrans via des prototypes interactifs, et les avons ajustés suite aux retours utilisateurs.

Schneider_DA 23
06  Harmonisation de la DA en collaboration
06  Harmonisation de la DA en collaboration
06  Harmonisation de la DA en collaboration
La direction artistique a été consolidée main dans la main avec les designers internes chez Schneider Electric, afin d’assurer la cohérence de nos travaux avec leur nouveau design system (qui était en cours d’élaboration).
La direction artistique a été consolidée main dans la main avec les designers internes chez Schneider Electric, afin d’assurer la cohérence de nos travaux avec leur nouveau design system (qui était en cours d’élaboration).
La direction artistique a été consolidée main dans la main avec les designers internes chez Schneider Electric, afin d’assurer la cohérence de nos travaux avec leur nouveau design system (qui était en cours d’élaboration).

La direction artistique a été consolidée main dans la main avec les designers internes chez Schneider Electric, afin d’assurer la cohérence de nos travaux avec leur nouveau design system (qui était en cours d’élaboration).

07  Animations
07  Animations
Nous avons affiné le travail de DA jusqu’à la cinématique d’un élément clé, emblématique de l’identité Schneider et de l’intelligence du produit.
Nous avons affiné le travail de DA jusqu’à la cinématique d’un élément clé, emblématique de l’identité Schneider et de l’intelligence du produit.

Nous avons affiné le travail de DA jusqu’à la cinématique d’un élément clé, emblématique de l’identité Schneider et de l’intelligence du produit.

Schneider_Animations 13