Back to Gallery
UX/UI
Natt bi – La Tontine Numérique et Transparente
Published on September 27, 2026
Aperçu du Projet
L'application "Natt bi" (qui fait référence à la tontine traditionnelle au Sénégal) propose de digitaliser et de sécuriser la gestion des cotisations financières de groupe. Ce projet UX/UI modernise une pratique ancestrale ancrée dans la culture économique locale, en offrant une plateforme centralisée pour suivre ses engagements financiers, effectuer ses dépôts et connaître les tours de ramassage.
Le Défi: La gestion d'une tontine physique implique souvent des défis logistiques et de confiance : suivi fastidieux des paiements sur des cahiers, retards de cotisation, ou manque de visibilité sur la personne qui doit "ramasser" (encaisser) l'argent. L'objectif est de rendre cette expérience totalement transparente, accessible à distance et sans friction.
La Solution : Fonctionnalités Clés ObservéesL'interface de "Natt bi" est structurée pour apporter clarté et réassurance à chaque étape de l'expérience utilisateur :
- Sécurité et Authentification : L'accès est sécurisé par un numéro de téléphone local (+221) et une vérification par code OTP (One-Time Password), éléments essentiels pour une application gérant des flux financiers.
- Tableau de Bord des "Natts" : L'utilisateur peut visualiser en un coup d'œil tous les groupes de tontine auxquels il participe ("Mes Natts" / "Natts adhérés"). Les cartes intègrent des jauges de progression claires indiquant le nombre de participants (ex: 15/20) et le montant collecté par rapport à l'objectif (ex: 300 000 Fcfa / 500 000 Fcfa). - Gestion des Dépôts : Une interface dédiée permet d'effectuer ses cotisations (Dépôt) avec des boutons d'action larges et accessibles.
- Système de Rotation (Loterie) : Pour gérer les tours de ramassage, un module "Lotterie" affiche le nom du "dernier sortant" (le précédent bénéficiaire) et un compte à rebours dynamique (ex: "-15 jours") indiquant la date du prochain tirage ou décaissement.
Choix Graphiques et UI :
L'interface adopte une esthétique financière moderne mais chaleureuse.
- Couleurs : La palette s'articule autour d'un vert émeraude (symbolisant la croissance financière, l'argent et la confiance) et d'un bleu profond pour les éléments de navigation et de sécurité.
- Composants : L'utilisation de cartes (Card UI) aux bords arrondis permet de séparer distinctement chaque tontine, évitant la surcharge cognitive.
- Imagerie : Dès l'écran de lancement (Splash screen), l'utilisation d'une photographie locale et d'illustrations 3D de liasses de billets ancre l'application dans son contexte socio-culturel cible.
L'application "Natt bi" (qui fait référence à la tontine traditionnelle au Sénégal) propose de digitaliser et de sécuriser la gestion des cotisations financières de groupe. Ce projet UX/UI modernise une pratique ancestrale ancrée dans la culture économique locale, en offrant une plateforme centralisée pour suivre ses engagements financiers, effectuer ses dépôts et connaître les tours de ramassage.
Le Défi: La gestion d'une tontine physique implique souvent des défis logistiques et de confiance : suivi fastidieux des paiements sur des cahiers, retards de cotisation, ou manque de visibilité sur la personne qui doit "ramasser" (encaisser) l'argent. L'objectif est de rendre cette expérience totalement transparente, accessible à distance et sans friction.
La Solution : Fonctionnalités Clés ObservéesL'interface de "Natt bi" est structurée pour apporter clarté et réassurance à chaque étape de l'expérience utilisateur :
- Sécurité et Authentification : L'accès est sécurisé par un numéro de téléphone local (+221) et une vérification par code OTP (One-Time Password), éléments essentiels pour une application gérant des flux financiers.
- Tableau de Bord des "Natts" : L'utilisateur peut visualiser en un coup d'œil tous les groupes de tontine auxquels il participe ("Mes Natts" / "Natts adhérés"). Les cartes intègrent des jauges de progression claires indiquant le nombre de participants (ex: 15/20) et le montant collecté par rapport à l'objectif (ex: 300 000 Fcfa / 500 000 Fcfa). - Gestion des Dépôts : Une interface dédiée permet d'effectuer ses cotisations (Dépôt) avec des boutons d'action larges et accessibles.
- Système de Rotation (Loterie) : Pour gérer les tours de ramassage, un module "Lotterie" affiche le nom du "dernier sortant" (le précédent bénéficiaire) et un compte à rebours dynamique (ex: "-15 jours") indiquant la date du prochain tirage ou décaissement.
Choix Graphiques et UI :
L'interface adopte une esthétique financière moderne mais chaleureuse.
- Couleurs : La palette s'articule autour d'un vert émeraude (symbolisant la croissance financière, l'argent et la confiance) et d'un bleu profond pour les éléments de navigation et de sécurité.
- Composants : L'utilisation de cartes (Card UI) aux bords arrondis permet de séparer distinctement chaque tontine, évitant la surcharge cognitive.
- Imagerie : Dès l'écran de lancement (Splash screen), l'utilisation d'une photographie locale et d'illustrations 3D de liasses de billets ancre l'application dans son contexte socio-culturel cible.