Projet client · 2026
PAYA
Plateforme numérique associative
Une plateforme conçue pour réunir dans un même système la présence publique de PAYA, ses actions, ses membres et les outils qui permettent à l’association de fonctionner au quotidien.
- Identité
- Expériences numériques
- Systèmes & technologie
Le contexte
Un site public ne suffisait pas.
PAYA est une association de jeunesse mauritanienne engagée dans plusieurs domaines, notamment l’éducation, la santé, l’environnement, la culture et le sport.
Le besoin dépassait rapidement la création d’une simple présence en ligne. Il fallait présenter l’association et ses actions, faciliter l’adhésion, structurer l’accès des membres et donner à l’équipe les outils nécessaires pour administrer ses contenus et son fonctionnement.
Le projet a donc été pensé comme une plateforme, plutôt que comme une succession de pages indépendantes.
Fiche projet
- Client
- PAYA
- Secteur
- Association · Jeunesse
- Intervention
- Cadrage produit, UX/UI, développement full-stack, architecture technique et évolution de l’identité visuelle
- Année
- 2026
- Statut
- Projet finalisé
Architecture du produit
Une plateforme. Trois niveaux d’expérience.
01Public
Découvrir et comprendre PAYA.
Présentation de l’association, projets et activités, équipe, adhésion, parcours de soutien, FAQ et informations institutionnelles.
02Membres
Prolonger l’expérience après l’adhésion.
Profil personnel, statut de cotisation, paiements enregistrés, annonces et accès adaptés aux responsabilités du membre.
03Administration
Faire fonctionner la plateforme au quotidien.
Gestion des membres, rôles, contenus, projets, activités, équipe, FAQ, médias et paramètres depuis un même environnement.
La même plateforme relie ainsi ce que l’association montre, ce que ses membres utilisent et ce que son équipe administre.
Expérience publique
Donner une forme cohérente aux actions de PAYA.
Le site public organise les différents contenus de l’association dans une expérience commune. Projets, activités, équipe, adhésion et informations institutionnelles partagent une même structure, avec une attention particulière portée à la hiérarchie de l’information et à la lisibilité.
Les photographies de terrain permettent à l’expérience numérique de rester directement reliée aux actions de PAYA.
Espace membre
L’expérience continue après l’inscription.
L’espace membre prolonge la relation avec l’association au-delà de l’adhésion. Chaque membre peut retrouver son profil, consulter son statut de cotisation, accéder aux paiements enregistrés et suivre les annonces destinées à la communauté.
Les accès peuvent également évoluer en fonction des responsabilités exercées au sein de l’organisation.
Identité
Faire évoluer l’existant, sans repartir de zéro.
PAYA disposait déjà d’une identité. Le travail a consisté à la faire évoluer pour le nouvel environnement numérique plutôt qu’à la remplacer.
Le logo a été légèrement retravaillé, puis le système a été étendu à de nouveaux supports d’identification, notamment un badge physique et une carte de membre numérique.
Administration
Le système derrière l’expérience visible.
Une interface d’administration permet à l’équipe de gérer la plateforme sans intervenir directement dans le code.
Les contenus, projets, activités, membres, rôles, équipe, FAQ, médias et paramètres sont structurés dans un même environnement.
Les permissions suivent plusieurs niveaux de responsabilité au sein de l’association.
Niveaux d’accès
- MEMBER
- BOARD
- ADMIN
- PRESIDENT
Internationalisation
Concevoir aussi pour une interface qui change de direction.
La plateforme a été structurée pour fonctionner en français, en anglais et en arabe avec la locale ar-MR.
Le support RTL ne se limite pas à traduire les contenus. La direction de lecture, la typographie, les alignements, les éléments directionnels, les nombres, les dates et les contenus issus de la base de données ont été intégrés à l’architecture d’internationalisation.
Architecture technique
Construire une base administrable et capable d’évoluer.
L’application sépare l’expérience publique, les accès membres, l’administration, les données et les médias afin que chaque partie puisse évoluer sans être traitée comme un produit indépendant.
Trois surfaces
- Public
- Membres
- Administration
Une base commune
- Application
- Next.js · React · TypeScript
- Internationalisation
- next-intl · FR / EN / ar-MR · RTL
- Identité & accès
- NextAuth · Contrôle d’accès par rôles
- Contenus & médias
- Administration dédiée · Cloudflare R2
- Données
- PostgreSQL · Prisma
- Déploiement
- Vercel
Résultat
Un même système pour relier présence publique et fonctionnement interne.
PAYA réunit dans une même plateforme son expression publique, l’expérience de ses membres et les outils nécessaires à son administration.
Le projet illustre une approche où l’expérience visible et les systèmes qui la soutiennent sont conçus ensemble, plutôt que comme deux sujets séparés.
Crédits
- Direction produit, UX/UI, architecture & développement
- Habib Adoum
- Identité visuelle, contribution
- Farida Adoum
Votre projet
Un projet à construire ou à faire évoluer ?
Parlons du contexte, des contraintes et de ce que vous cherchez à rendre possible.
Parlons de votre projet