Case Study

Photovoltaic Customer Portal

During my experience at La Chouette Co as a UX/UI Designer, I had the opportunity to work on a high-impact project for EDF ENR: the complete redesign of their customer portal. This product is vital for all customers with a solar installation at EDF ENR so they can manage and monitor their photovoltaic panel installation(s), as well as manage documents useful for their operation.

Client

EDF ENR

Product

Webapp

Duration

6 months

Year

2022

EDF-presentation

Problem Statement & Objective 🎯

EDF ENR wanted to redesign their customer portal in 2021 and have a viable product by early 2022. The objective: boost the potential of this product by improving the appearance, experience, and performance of a portal that currently supports their customers in monitoring the commissioning of their installation and its use. As an integral part of the sales process, the future dedicated portal and its evolutions must support the customer in becoming a user and ambassador of EDF ENR products. This redesign is primarily for them!

edf-enr-old-portal

Former Customer Portal, 2021

Process

Details of the main phases following design thinking principles that led to the successful completion of this redesign project: Empathy (Scoping), Exploration (Design Sprint), Definition, Prototype, Tests and Refine

Scoping Phase

This first phase at the project launch had several objectives:

  • Scope the delivery of the future EDF ENR customer portal
  • Clarify the needs of EDF ENR and its users
  • Analyze the functional and technical environment
  • Size and plan product development

The main deliverables of this phase consisted of analyses of the existing functional and technical environment as well as a User Story Map.

Design Sprint

This one-week Design Sprint exploration phase was used to produce the first Wireframes, in order to validate the main features that emerged from the production of the User Story Map.

Definition

After the design sprint came the definition phase during which all features were specified and put into Userflow format, while producing the wireframes associated with these flows to obtain complete Wireflows.

Prototyping, testing & refine

It's during this phase that high-fidelity prototypes were produced with Figma for all B2C and B2B flows, as well as a backoffice. A user testing phase was conducted between iteration 2 and 3 to provide additional validation to the UX UI decisions made during the previous phases.

QA & Dev Follow-up

QA phases performed internally and by the client at each development sprint to ensure quality production throughout the development phase.

EDF Prototype
EDF components
graphic components

Results 🚀

After 6 months of design, the new version of the customer portal was ready to go into development. The result is a new design system in accordance with the client's graphic charter and their long-term vision of the product, as well as approximately 200 screens for the HD prototype in its various B2C, B2B, mobile and backoffice versions.

EDF library
EDF screen 2
EDF screen 3
EDF screen 4
🤝 Contact

Want to work together?

Feel free to reach out to discuss a project, collaboration, or just to say hello 👋