SBEE Pay : recharge d'électricité prépayée, même depuis l'étranger

Le problème

La recharge passe par des codes USSD peu intuitifs, sans historique clair ni visualisation de la consommation. La diaspora ne peut pas aider facilement un proche resté au pays.

La solution

Une app qui gère plusieurs compteurs, montre la consommation jour par jour et permet de recharger celui d'un proche en 30 secondes, depuis n'importe où.

Fonctionnalités clés

• Onboarding en quatre écrans illustrés

• Gestion multi-compteurs et suivi de consommation

• Paiement KKiaPay : Mobile Money (MTN, Moov, Celtiis) et carte

• Historique des recharges et reçus

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

Rouge signal #ED1F24, repris du logo SBEE, noir #111111 pour les surfaces fortes, vert #0E9F6E pour les paiements réussis et bordeaux #9B1C1C pour les erreurs, toujours accompagné d'une icône et d'un libellé. Montserrat pour les titres, Inter pour le texte, et une consommation lisible en anneaux et en courbes plutôt qu'en codes.

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

• Tableau de bord web pour les propriétaires

• 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.