À PROPOS DU PROJET

L’Unapei souhaitait une plateforme web fonctionnelle, détenant la capacité de répondre aux besoins diversifiés de ses membres, tout en favorisant une communication fluide et une collaboration interne renforcée au sein du réseau associatif. Ce portail numérique se veut être une solution durable et évolutive, alignée avec les missions de l’Unapei et les défis sociaux de demain.

CLIENT

SECTEUR

Associatif

TYPE

Application web

01

Contexte & Challenges

L’Unapei consacre ses activités à l‘amélioration sociale pour les personnes avec des troubles du neurodéveloppement (déficience intellectuelle, autisme, etc.), polyhandicap et handicap psychique. Avec 330 associations à travers la France, l’Unapei est le principal mouvement associatif français, rassemblant 900 000 membres concernés par la cause : familles, amis, personnes handicapées, professionnels, soignants, aidants et bénévoles. Tous s’engagent pour une société solidaire, respectueuse des différences et du libre arbitre de chacun.

L’Unapei souhaitait développer un portail numérique pour permettre aux acteurs associatifs d’accéder facilement à des ressources communes. Ce portail devait inclure une fonction de recherche unifiée, des articles, un agenda, un organigramme, un annuaire et des outils en ligne, avec différents rôles utilisateur et enfin un back-office pour la gestion du contenu et des événements.

Challenges :

  • Diversité des utilisateurs : Développer un portail accessible et intuitif pour une variété de rôles utilisateurs, incluant administrateurs, auteurs, RH et simples utilisateurs. L’objectif était d’intégrer une gestion des accès pour permettre aux administrateurs d’autoriser uniquement les membres du groupement associatif à accéder aux ressources.
  • Intégration des ressources : Intégrer de multiples types de contenu (articles, événements, outils, webinaires, associations membres, salariés, articles provenant de sites externes) au sein d’un moteur de recherche unifié, avec des filtres efficaces pour une utilisation agréable et organisée.
  • Gestion du contenu : Créer un back-office performant, permettant non seulement la gestion centralisée des contenus et des événements, mais aussi le suivi des utilisateurs. Il intègre un éditeur de contenu type CMS, donnant aux utilisateurs la capacité de publier et de mettre à jour des informations en toute autonomie, simplifiant la maintenance du site en assurant une actualisation.

02

L’accompagnement de Mayasquad

Cadrage du projet

- Développement d'un portail en langue française, accessible à une adresse unique pour les utilisateurs connectés.
- Mise en place d'une authentification pour les utilisateurs avec gestion des niveaux d'accès variés et hiérarchisés.

Design UX et UI

- Conception et développement de l'interface utilisateur, intégration de la fonction de recherche permettant de filtrer les résultats par type de ressource.
- Création d'un module d'articles avec catégories, et de l'éditeur de contenu intégré pour permettre de créer et publier des articles.
- Intégration des fonctionnalités : agenda navigable, filtres et mise en avant d'événements clés, organigramme, annuaire des associations et outils de gestion associés.

Développement

- Création d'un back-office robuste pour la gestion incluant un éditeur de contenu type CMS pour une publication autonome et efficace des articles.
-Intégration de services externes : Utilisation d'API et de flux XML/RSS pour maintenir à jour l'organigramme et l'annuaire des association.

03

Choix technologiques

Supabase

Supabase a été choisi pour son système d'authentification sécurisé et sa gestion en temps réel des bases de données. Pour le portail UNAPEI, cela permet une gestion précise des rôles et des accès, garantissant que seules les personnes autorisées peuvent accéder aux ressources sensibles.

Next.js

Next.js a été utilisé pour le développement du front-end du portail UNAPEI. Ses capacités de rendu côté serveur assurent des performances optimales, même avec un grand nombre de contenus et d'utilisateurs. Cela est particulièrement important pour garantir une navigation fluide entre les différentes sections du portail.

PostgreSQL

PostgreSQL a été choisi pour gérer les données du portail, offrant une solution robuste pour le stockage des informations des utilisateurs, des articles, des événements et des associations. Sa capacité à gérer des transactions complexes et à maintenir l'intégrité des données est essentielle pour la fiabilité du portail UNAPEI.

Strapi

Strapi a été utilisé comme CMS pour permettre une gestion autonome et efficace du contenu par les administrateurs du portail. L'UNAPEI peut facilement publier et mettre à jour son contenu, tout en assurant une interface utilisateur intuitive et accessible.

04

Les experts missionnés sur le projet

François

Coordinateur de succès

Martin

CTO

Cloé

Product designer

Jean Marie

Développeur full stack

05

L’application en détail

Édition de contenu

Le portail de l'UNAPEI propose une fonctionnalité principale d’accès à divers types de contenus tels que des articles, événements, outils en ligne, employés, associations, vidéos, PDF, audios et pages web externes. Les utilisateurs peuvent filtrer les résultats par type de ressource, tandis que les administrateurs ont la possibilité de configurer l'affichage via le back-office. Chaque article, événement et outil en ligne est doté de métadonnées détaillées pour une recherche et une organisation optimales.

- Module de rédaction WYSIWYG : Un éditeur de contenu WYSIWYG (What You See Is What You Get) est intégré, permettant aux auteurs de créer et publier des articles en toute autonomie et simplicité. Cet éditeur facilite l'insertion de textes, images, liens et autres médias, assurant une gestion fluide des contenus publiés sur le portail.
- Fonctionnalités de recherche avancées : La recherche prend en compte les titres, descriptions, tags et autres métadonnées pour proposer des résultats pertinents. Les administrateurs peuvent aussi ajuster les paramètres de recherche pour optimiser les résultats selon les besoins des utilisateurs.

Gestion sociale

L'agenda intégré permet aux utilisateurs de visualiser les événements à venir et de les filtrer par type (présentiel, webinaire, mixte) ainsi que par catégorie/sous-catégorie. Les événements mis en avant sont clairement distingués, avec des informations complètes, comprenant les dates, heures, descriptions et URLs d'inscription, fournies pour chaque événement.

- Organigramme et annuaire : L'organigramme basé l'API Eurecia, liste les employés de l'Unapei, facilitant la recherche de contacts au sein de l'organisation. L'annuaire des associations, mis à jour via un flux XML/RSS de Stimdata, permet de trouver les informations sur les différentes associations membres.
- Gestion des événements : L'agenda permet une navigation facile, avec des filtres pour affiner la recherche des événements selon le type et la catégorie. Les utilisateurs peuvent accéder rapidement aux informations pertinentes et aux liens d'inscription, améliorant ainsi la participation et la gestion des événements.