Hi I'm Martin
Cadrer un projet UX en synergie avec une équipe technique, à travers le prototypage no-code du site et de l'application mobile d'une association d'aide à l'enfance.
Fraîchement recruté comme UX Designer chez Oméga, une agence de communication digitale, je reprends le contrat que Julia (directrice de l'agence) vient de signer avec Avenirs, une association qui aide les enfants dans le besoin à accéder à l'éducation, à la santé et aux ressources essentielles. Sabri, responsable communication d'Avenirs, a deux besoins : une application mobile à l'usage des parents et une landing page pour convertir le grand public en donateurs ou bénévoles. L'enjeu : prototyper vite en no-code avant d'envisager un développement plus poussé.
Un aller-retour constant entre cadrage UX, prototypage no-code et briefing technique, avec une itération complète du livrable après un premier retour de jury.
Rédaction d'une présentation pour Sabri expliquant les rôles de l'équipe (UX Designer, développeurs front/back, Product Owner), la méthodologie agile/Scrum et les avantages et limites du no-code.
Construction de la landing page (valeurs, carte des antennes, jauge de dons, missions) et de l'application mobile parents (profil enfant, agenda).
Sabri demande l'ajout d'un système de dons : un don unique sans contrepartie et un don mensuel avec contreparties — hors de portée du no-code pur.
Formalisation de la logique de paiement (succès, échec, relance, annulation) dans un flowchart aux normes du logigramme.
Construction d'un Style Guide sur Figma à partir de la charte graphique d'Avenirs, connecté à Zeroheight.
Reprise du flowchart selon les normes (ovale, rectangle, losange, flux), migration vers Webflow pour une gestion CMS plus robuste.
| Soutenance | Statut | Évaluateur |
|---|---|---|
| 20 février 2026 | À retravailler | Rémi Vincent |
| 6 mars 2026 | Validé | Fabien Marin |
Premier enseignement du projet : l'outil no-code choisi au départ ne suffisait ni à respecter le brief, ni à absorber la suite du projet (paiements). Une bascule vers Webflow a permis de retrouver une gestion CMS plus robuste pour la V2.
Double navigation peu claire entre le profil enfant et l'agenda sur mobile
Données sensibles sur l'enfant affichées sans mention claire de qui peut les consulter
Absence de mention légale sur le parcours de don et la collecte des allergies
Ce projet a mobilisé le cadrage d'un besoin client jusqu'au briefing d'une équipe technique, en passant par la réalisation d'interfaces no-code.
Ce que le jury a retenuPremier passage (20/02) : présentation pour Sabri validée, mais flowchart non conforme aux normes, Style Guide non connecté à Zeroheight, prototype no-code incomplet au regard du brief. Second passage (06/03) : cadrage jugé clair et cohérent, bonne compréhension de la logique no-code, continuité lisible entre cadrage UX et mise en œuvre.
Ce que j'en retireRespecter les conventions techniques (normes de flowchart) compte autant que la justesse UX. Un outil no-code plus robuste que prévu au départ s'est révélé nécessaire pour répondre à un vrai besoin de gestion de contenu.
Martin Lanrezac — Formation UX Design, OpenClassrooms. Projet pédagogique mené pour l'agence fictive Oméga et le client Avenirs.