UX%2FUI Projects

Aperçu du Projet
Cette application mobile est une plateforme exclusive dédiée à "True Wayz", un groupe musical sénégalais formé par quatre amis. Conçue comme un album numérique interactif, l'application offre aux fans un accès direct et centralisé à la discographie du groupe, combinant le streaming audio avec des contenus visuels exclusifs et immersifs.

Le Défi
À l'ère des plateformes de streaming généralistes (Spotify, Apple Music), les artistes peinent parfois à retenir l'attention de leur public et à proposer un univers visuel qui leur est propre. Le défi de ce projet est de créer un "hub" dédié où les fans peuvent non seulement écouter l'album complet, mais aussi interagir avec l'univers du groupe sans distractions externes, renforçant ainsi le lien de proximité avec les quatre membres.

La Solution : Fonctionnalités Clés Observées
L'interface de l'application est structurée pour offrir une expérience fan complète à travers plusieurs modules accessibles via une barre de navigation inférieure (Accueil, Sons, Favoris, Gallerie) :

º Accueil Personnalisé : Dès la connexion (facilitée par les options Apple, Google ou Facebook), l'utilisateur est accueilli par son prénom (ex: "Bonjour Amina") et découvre les titres "Plus écoutés" et la "Tracklist" de l'album.

º Lecteur Audio Dédié : L'application intègre un lecteur musical complet pour l'album de 19 titres (d'une durée de 1h 03 min). La vue "En Lecture" met en valeur les pochettes d'artistes (comme pour le titre "DINA BE ALRIGHT") avec des contrôles de lecture fluides et une barre de progression.

º Mode Paroles (Lyrics Mode) : Une fonctionnalité de type karaoké affiche les paroles synchronisées avec la musique, permettant aux fans de chanter en même temps et d'apprendre les textes du groupe.

º Espace Multimédia (Gallerie) : Un onglet spécifique réunit les photos et les clips vidéos, offrant un accès VIP aux coulisses, aux visuels des concerts et au quotidien des quatre amis du groupe.

Choix Graphiques et UI
L'identité visuelle de l'application s'appuie sur une esthétique moderne et audacieuse, très ancrée dans la culture urbaine et musicale :

º Couleurs et Contraste : L'interface privilégie le "Dark Mode" (fonds sombres), ce qui permet de faire ressortir avec force les teintes vives utilisées pour représenter les membres du groupe (bleu, vert, rouge et jaune/doré), très visibles sur l'écran de connexion et la couverture de l'album.

º Éléments d'Interaction : Les boutons d'action principaux (comme le bouton "Connecter" ou "Play") utilisent un bleu cyan lumineux qui guide naturellement l'œil de l'utilisateur vers les actions essentielles.

Aperçu du Projet
Teralma, développée par la startup Welfin, est une solution numérique ambitieuse visant à faciliter et digitaliser chaque étape de l'organisation des cérémonies en Afrique. Preuve de sa pertinence et de son innovation, cette application a été récompensée par la 2ème place lors de la 11ème édition du Prix Orange de l’Entrepreneur Social Afrique/Moyen-Orient (POESAM) en mars 2021. Le projet se décline en une application mobile pour les utilisateurs finaux et un tableau de bord web complet pour le suivi global.

Le Défi
L'organisation d'une cérémonie religieuse ou d'un mariage nécessite une charge de travail colossale et la gestion d'un nombre incroyable de petits détails, ce qui peut rapidement submerger les organisateurs, notamment les futures mariées. De plus, des milliards de transactions s'effectuent encore en espèces lors de ces événements, au détriment de l'efficacité et de la sécurité des paiements mobiles (Mobile Money).

La Solution : Fonctionnalités Clés Observées
Teralma agit comme un véritable "event planner" (organisateur d'événements) personnel, structuré autour de plusieurs fonctionnalités majeures :

º Génération de Budget Automatique : L'application crée un budget sur mesure en fonction des fonds dont dispose l'utilisateur et de ses préférences événementielles.

º Cagnotte et "Ndawtal" Numérisés : Une fonctionnalité clé permet d'établir une cagnotte pour informer ses proches et collecter les "Ndawtals" (cadeaux financiers traditionnels). Cela permet de recevoir les participations via Mobile Money ou carte bancaire, et de garder une trace exacte des personnes ayant contribué pour de futurs retours.

º Mise en Relation avec les Prestataires : La plateforme trouve directement des prestataires de services adaptés au budget défini pour chaque poste de dépense. Les catégories couvrent tous les besoins : Décoration, Sonorisation, Traiteur, Habillement, et Accessoires.

º Tableau de Bord Web Analytique : Côté gestion (ou pour les prestataires/administrateurs), une interface web riche (Dashboard) offre un calendrier de planification, le suivi des commandes récentes, et des graphiques d'analyse financière détaillant les revenus et le volume de transactions.

Choix Graphiques et UI
L'écosystème Teralma adopte une identité visuelle moderne, rassurante et ancrée dans son contexte :

º Couleurs : L'identité visuelle est dominée par un vert vif et naturel (symbole de prospérité, d'espoir et de festivité), contrasté par un fond blanc épuré pour garantir une interface facile à utiliser.

º Composants de l'Interface : L'application mobile mise sur des formulaires simples et des cartes visuelles mettant en avant les prestataires (ex: "Mariage de Oumy", "Baptême de Mame"). Le tableau de bord web, quant à lui, utilise des outils de data visualisation avancés (courbes de croissance, jauges circulaires) pour rendre la gestion financière lisible au premier coup d'œil.

Aperçu du Projet
Cette application mobile propose un écosystème numérique complet dédié à la santé et à l'accès aux soins, avec un ancrage fort dans le contexte local sénégalais (comme en témoignent les références à Dakar, Grand Yoff ou l'Hôpital Aristide Le Dantec). L'objectif est de centraliser et de simplifier la recherche d'infrastructures médicales, de traitements et de professionnels de santé pour les patients.
Le Défi
Dans le parcours de soin habituel, les patients font souvent face à plusieurs obstacles : chercher de nuit une pharmacie ouverte, se déplacer de pharmacie en pharmacie pour trouver un médicament spécifique, ou encore identifier le bon spécialiste pour une pathologie donnée. L'application vise à lever ces barrières en offrant une information médicale instantanée et géolocalisée.
La Solution : Fonctionnalités Clés Observées
L'interface de l'application est divisée en quatre piliers principaux, accessibles via une barre de navigation inférieure et une barre de recherche universelle présente sur chaque écran ("Recherche Pharmacie, Médicament, Symptômes etc.") :
- Géolocalisation des Pharmacies : L'onglet "Pharmacie" permet de repérer la "Pharmacie la plus proche" ou les "Pharmacies en garde" (ex: Pharmacie Baax Yaay). Une carte interactive (Google Maps intégrée) affiche les officines disponibles dans des zones précises comme Patte d'Oie ou Grand Yoff, facilitant ainsi les déplacements en cas d'urgence.
- Encyclopédie et Disponibilité des Médicaments : L'onglet "Gamme des médicaments" propose un index alphabétique (de A à Z) listant des molécules et produits (ex: ABACAVIR). Les fiches produits détaillées (comme pour la "Vitamine A 313") affichent non seulement les indications thérapeutiques et le prix (ex: 2620 Fcfa), mais aussi les pharmacies où le stock est actuellement disponible.
- Guide des Maladies ("Les maladies") : Un module éducatif permet d'explorer les "Maladies fréquentes dans la région" (Grippe, Rhumatisme, Diabète) ou d'effectuer une recherche par organe via des icônes intuitives. Les fiches détaillent l'aperçu, les symptômes, les traitements et orientent vers les spécialistes concernés.
- Annuaire des Spécialistes : L'onglet "Spécialités" répertorie les médecins par domaine médical (Cardiologie, Dermatologie, Dentiste, etc.). Les patients peuvent consulter la "Liste des médecins" (ex: Dr. Fatou Ba, Dr. Benoit Cisse), voir leur lieu de consultation (ex: Hôpital Aristide Le Dantec, Centre de Santé Pikine Dominique) et accéder à leurs contacts téléphoniques.
Choix Graphiques et UI
L'interface s'appuie sur les codes visuels classiques du secteur médical pour inspirer confiance et sérénité.
- Couleurs : La palette est dominée par un bleu canard/cyan (teal) et un fond blanc, des teintes universellement associées à l'hygiène, la santé et la clarté.
- Composants : Le design utilise des icônes filaires (line icons) pour illustrer les organes et les spécialités de manière neutre et scientifique, évitant ainsi de choquer ou d'alarmer l'utilisateur. La typographie est sans empattement (sans-serif), maximisant la lisibilité des termes médicaux complexes.

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.

Aperçu du Projet:
Ce projet UX/UI propose une refonte numérique de l'expérience citoyenne liée à la gestion des déchets urbains au Sénégal. L'application mobile conceptualisée pour la SONAGED (Société Nationale de Gestion Intégrée des Déchets) vise à combler le fossé communicationnel entre les services de propreté publics et la population. À travers une interface intuitive et engageante, l'objectif est d'éliminer les frustrations quotidiennes (comme rater le passage du camion) et d'encourager des pratiques éco-responsables.
Le Défi:
Dans de nombreuses zones urbaines, le manque de visibilité sur les horaires de ramassage entraîne le dépôt prématuré ou tardif des ordures, favorisant l'insalubrité. De plus, les citoyens manquent souvent d'informations sur l'emplacement exact des points de collecte normalisés et sur les bonnes pratiques de tri sélectif.
La Solution : Un Onboarding Centré sur l'Utilisateur
L'écran d'accueil (onboarding) conçu pose immédiatement les fondations de la proposition de valeur de l'application. En quatre étapes claires et illustrées, l'utilisateur comprend comment l'outil va simplifier son quotidien :
- Notification de la benne : Fini l'attente incertaine. L'application alerte l'utilisateur en temps réel dès que le camion de ramassage pénètre dans sa zone géographique.
- Horaires de ramassage : Un calendrier intégré permet aux usagers de consulter les plannings de passage mis à jour en temps réel, garantissant une meilleure organisation domestique.
- Localisation des dépotoirs (Points d'Apport Volontaire) : Une carte interactive guide les citoyens vers le point de dépôt légal et sécurisé le plus proche de leur position.
- Recyclage des ordures : Un module éducatif et incitatif accompagne les ménages dans la séparation de leurs déchets, facilitant ainsi le travail de tri et de recyclage des matériaux en aval.

YMGX - Yaa Ma Géna Xam (Apprenons Ensemble)
J'ai participé dans la premier version de conception en tant que coach en UI/UX Design
YMGX est LE quiz éducatif 100% africain qui enrichit ta culture générale, ton comportement et tes notions en citoyenneté.
Développé par Social Change Factory, ce jeu pédagogique et ludique rassemble déjà plus de 15 000 joueurs à travers l'Afrique !
QU'EST-CE QUE YMGX ?
Yaa Ma Gëna Xam signifie "apprenons ensemble" en Wolof. C'est bien plus qu'un simple quiz : c'est un outil d'apprentissage qui te permet de parfaire tes connaissances citoyennes tout en t'amusant.
Initialement lancé au Sénégal et distribué au Niger sous le nom Wa Ye Wa ("éveil" en Haoussa), YMGX est aujourd'hui
disponible en version mobile pour toucher encore plus de jeunes à travers l'Afrique.