Suez Environnement

Une refonte Web Responsive récompensée

Suez Environnement

Une refonte Web Responsive récompensée

L’avis de notre client

Logo Suez
Sophie Martin
Relation Client Digitale
« Quoi de mieux pour concevoir des services utiles et utilisables que de demander aux clients de les penser avec nous… là encore la méthodologie d’Usabilis était force de proposition. »

Refondre en web responsive le portail client de Suez Environnement

Le portail client “Tout sur mon eau” de Suez a pour vocation de simplifier les démarches des usagers. Il permet aux utilisateurs de consulter leur consommation, payer leurs factures et consulter les informations relatives à l’eau de leur commune (qualité, travaux, prix, etc.). Le site propose également des services avancés comme l’évaluation de la consommation, des alertes, etc.

"Mobile first, simplicité de fonctionnement sont des notions qui ne sont pas encore innées au sein des entreprises."

Nous avons accompagné Suez dans la refonte web responsive de son portail client en mettant en oeuvre une démarche mobile first. Toutes les pages ont été reconçues en responsive webdesign : mise en page adaptée à tous les terminaux (desktop, tablette et smartphone).

La mission a été réalisée à travers une méthode de conception centrée utilisateur. Les clients ont testé des maquettes interactives avant le développement.

Résultats
  • Consultation plus simple et navigation facilitée sur tablette et smartphone
  • Les palmes de la Relation Client
  • Médaille d’argent pour Olivier, le conseiller clientèle virtuel
  • Satisfaction des utilisateurs : 4/5
  • Déclinaison sur les 17 marques régionales
  • Près de 200 000 visiteurs connectés tous les mois

L'UX du projet récompensée

L’AFRC (Association Française de la Relation Client) a décerné à Suez la palme de la relation client pour la nouvelle version du site responsive : « Lyonnaise des Eaux a lancé en juillet 2013 un nouveau site Internet « Tout sur mon eau » offrant à ses clients un accès simple et rapide aux données relatives à l’eau de leur commune. […] »

Logo des "Palmes de la relation client".

Olivier, le conseiller virtuel de la plateforme « Tout sur mon eau », co-conçu par Usabilis, a reçu la médaille d’argent du concours des conseillers virtuels du Salon Stratégie Client. Il a été évalué, comme les autres candidats (une trentaine) selon plusieurs critères comme la facilité d’utilisation, la qualité et la pertinence des réponses apportées et la simplicité d’accès.

Ecran de l'application mobile Suez "Tout sur mon eau" montrant Olivier, le conseiller virtuel.
Olivier, le conseiller virtuel de l'application "Tout sur mon eau"

Lors des enquêtes de satisfaction, menées par MetrixLab sur les 17 sites de la plateforme, les utilisateurs se sont montrés enthousiastes à propos du site attribuant une note moyenne de satisfaction de 4/5.

La satisfaction à propos des sujets liés à l’UX est sans équivoque :

  • « Facile à utiliser » pour 82 % des utilisateurs
  • « Rubriques claires » pour 81 % des utilisateurs
  • « Site bien structuré » pour 80 % des utilisateurs

Un projet centré client et mobile first

S’agissant d’un portail grand public, la transition avec l’ancienne version du site devait se faire sans rupture. La physionomie du site et son arborescence ont donc été principalement conservés.

"Là encore la méthodologie d’Usabilis était force de proposition par la co-construction."

Concernant la version mobile, nous avons opté pour la démarche mobile first car elle offre plusieurs avantages :

  • Se focaliser sur l’essentiel
  • La simplicité comme ligne directrice
  • Innover par la contrainte et les capacités des mobiles

 

Les principaux écrans de l'application mobile conçus en 'mobile first' avec Usabilis.
Les maquettes mobile first

Quand Suez fait appel à nos services, la valorisation de la relation client nous est immédiatement apparue comme essentielle pour cette refonte. La dimension régionale était également un vrai défi car le site a été décliné en 17 variantes pour les territoires.

"Les comportements et les commentaires des clients nous ont permis de confirmer ou de revoir certaines fonctionnalités."

Nous avons donc réalisé la maquette du nouveau site en étroite collaboration avec l’équipe projet (marketing, SI, développement). Puis nous avons mené plusieurs phases de test utilisateurs afin de valider les nouvelles pages.

  • Les ateliers de co-conception ont permis de définir rapidement le contenu des pages.
  • Tester les maquettes avec les utilisateurs a servi à valider la conception avant le développement, tester d’abord la version mobile permettant de se focaliser sur l’essentiel.

De cette manière, les décisions sont prises rapidement car arbitrées par le résultat objectif des tests utilisateurs.

Les différentes étapes de la méthode

  1. Architecture de l’information
  2. Maquettage
  3. Conception d’un conseiller virtuel
  4. Test utilisateur
  5. Design UI
Photographie d'une utilisatrice réalisant un test utilisateur sur mobile.
Les tests utilisateurs sur mobile

Le résultat final

Notre intervention a permis de mettre à disposition des clients un nouvel espace personnel plus interactif, convivial et moderne. Olivier, le conseiller virtuel, facilite le guidage des utilisateurs et diminue les sollicitations des équipes support.

L’utilisation du site sur tous les appareils (ordinateur, tablette et smartphone) le rend plus accessible et contemporain.

L’espace client web responsive
Ecran tablette de l'application Suez conçue en 'mobile first' avec Usabilis.
La version tablette
Un utilisateur consulte les pages de conseils sur la consommation de l'eau depuis l'application "Tout sur mon eau" sur ordinateur.
Des conseils sur la consommation de l’eau

Nos autres réalisations

Ecrans de l'application mobile du Credit Mutuel Nord Europe (CMNE) conçu en démarche UX et Agile avec Usabilis.
Un utilisateur navigue sur le site de l'Autorité de Sûreté Nucléaire (ASN) conçu avec Usabilis.
Expérience utilisateur sur l'application mobile Westfield conçue avec Usabilis.

Newsletter

Abonnez-vous à notre newsletter pour rester informé de l’actualité digitale, UX et UI

Inscription validée !
inscription-validee

Merci :)

Vous faites maintenant partie des heureux lecteurs de la newsletter Usabilis.

N’hésitez pas à nous faire part de vos commentaires ou de vos questions. Nous restons à votre écoute.

A bientôt !