SONEB Flow : relation client d'un service d'eau potable

Le problème

Factures en retard ou estimées pendant des mois, paiement limité à un portail web et contestations au guichet : un client peut recevoir 180 000 F à payer d'un coup.

La solution

Le client relève lui-même son compteur avec un guide de cadrage photo et une lecture automatique de l'index, comprend sa facture et la paie en quelques secondes.

Fonctionnalités clés

• Auto-relevé par photo avec détection de l'index

• Facture détaillée et contestation guidée

• Paiement KKiaPay et reçu

• Back-office : tournées, relevés et écarts, réclamations et fuites, abonnés, facturation

Processus de conception

Quatre phases : découverte (entretiens, audit de l'existant), définition (parcours, architecture de l'information), conception (UI, design system, prototype) et livraison (landing, spécifications).

Choix de design

Bleu rivière #005BAA comme couleur principale, bleu abysse #0B1F3A pour le texte, bleu source #4EC9F5 en accent et argile #E07B00 pour les alertes de fuite. Une typographie très lisible, des contrastes d'au moins 4,5:1 et un guide de cadrage photo qui rassure au moment du relevé.

Landing page

Une landing page présente l'offre, montre l'application et le back-office, et pousse au téléchargement.

Livrables

• Application mobile iOS et Android

• Back-office web

• Landing page

• Design system, présentation Behance et carrousel LinkedIn

Mon rôle

Recherche et personas, parcours utilisateurs, architecture de l'information, UI design haute fidélité, design system et prototype interactif dans Figma. Les écrans sont produits avec un plugin Figma sur mesure en TypeScript, alimenté par un kit UI, avec des contrôles d'accessibilité : contraste 4,5:1, cibles tactiles de 44 px, erreurs jamais signalées par la couleur seule.

Concept de portfolio non officiel, non commandité par les organisations citées.