Fondation Claudine Talon
- Projet
- Fondation Claudine Talon
- Année
- 2025
- Discipline
- UX/UI
Contexte
Fondée en 2016 par Mme Claudine Talon, Première dame de la République du Bénin à cette époque, la Fondation Claudine Talon est une organisation à but non lucratif qui œuvre pour l’amélioration des conditions de vie des femmes et des enfants vulnérables au Bénin.
Dans le cadre de la modernisation de sa présence numérique, j’ai été chargé de piloter la refonte UX/UI de sa plateforme web.
Durant 02 mois de collaboration, j’ai conduit plusieurs phases de travail, allant de l’audit de l’existant à la conception des interfaces et à leur intégration sur Framer.
Problème et opportunités
La plateforme existante présentait plusieurs axes d’amélioration, notamment dans son architecture, son organisation et son expérience de navigation.
Il était nécessaire de repenser la manière dont les visiteurs accèdent aux informations et découvrent les différentes actions de la Fondation.
Démarche UX et solution
1. Sprint 1 - Audit UX/UI et benchmark (3 jours)
J’ai analysé l’architecture actuelle, identifié les points de friction, hiérarchisé les problèmes, réalisé un benchmark et proposé les outils les plus adaptés pour le rafraîchissement.
2. Sprint 2 - Idéation & Vision (4 jours)
Il s’est appuyé sur une approche itérative, propice à la co-construction et à l’affinement progressif des idées.
Nous avons défini les personas principaux du site, formulé les user stories, cartographié les user flows, construit l’arborescence (sitemap) du futur site, et réalisé les premières maquettes cliquables (wireframes low fidelity) pour tester les différents scénarios d’usage.
3. Sprint 3 - Prototypage et Design System (5 jours)
J’ai conçu un prototype haute fidélité intégrant du contenu réel pour les principales pages du site. En parallèle, j’ai élaboré un Design System comprenant les couleurs, les typographies, les variables, les design tokens, les CTA et les composants UI réutilisables.
4. Sprint 4 - Prise en main et intégration sur Framer (5 jours)
J’ai consacré une première phase à la découverte et à la maîtrise de Framer avant d’entamer l’intégration des maquettes conçues sur Figma dans cet environnement, avec pour objectif de disposer d’une plateforme administrable via un CMS.
5. Sprint 5 - Responsive et migration de contenus (5 jours)
J’ai adapté les interfaces aux différents formats d’écran pour garantir une expérience cohérente sur ordinateur, tablette et mobile. J’ai également corrigé les bugs identifiés, configuré le CMS de Framer et amorcé la migration des contenus du site existant.
Ce que je retiens de cette expérience
Cette expérience m’a permis de mieux comprendre les réalités d’un projet de refonte web mené dans un contexte administratif, avec des délais serrés, plusieurs phases d’itération et des décisions qui devaient parfois passer par différents niveaux hiérarchiques. J’ai appris à m’adapter à ces contraintes, à ajuster mes propositions au fil des retours et à trouver un équilibre entre les ambitions du projet et les réalités opérationnelles.
Le choix de Framer s’est imposé comme le plus adapté aux contraintes techniques et au besoin d’autonomie de l’équipe, notamment grâce à sa facilité de prise en main. Cependant, au fil du projet, une difficulté importante est apparue : la connexion entre le CMS du site existant et celui de Framer. Nous avons d’abord envisagé une migration manuelle des contenus, mais le volume de données et les délais disponibles rendaient cette approche difficilement réalisable.
Il faut rappeler que ma mission initiale s’arrêtait à la livraison des maquettes. L’intégration sur Framer a donc constitué un travail supplémentaire, mais surtout une belle occasion de découvrir et de maîtriser davantage cet outil.
Cette expérience m’a appris à mieux anticiper les contraintes techniques dès la conception et à comprendre qu’une bonne solution ne dépend pas uniquement de la qualité de l’interface, mais aussi de sa faisabilité et des conditions de sa mise en œuvre.
Explorer le projet :
Site actuellement en ligne - une version qui s’est inspirée de mon travail, mais dont je ne suis pas l’auteur.
