L'association d'utilité publique Les Petits Frères des Pauvres nous a confié la refonte de son intranet documentaire avec Drupal 9. Outil fondamental d'animation, de documentation et de formation des salariés et bénévoles de l'association (plus de 12.000 utilisateurs), l'intranet est également une porte d'entrée vers tout le parc applicatif de l'association.
Nos missions
Un intranet Drupal 9
pour 12.000 utilisateurs
Fondée en 1946 par Armand Marquiset, l’association Petits Frères des Pauvres représente aujourd’hui un réseau de plus de 12 000 bénévoles et 600 salariés sur plus de 300 lieux d’action. Elle est l’association la plus importante, avec sa Fondation et ses établissements, spécialisée sur les problématiques de l’isolement des personnes âgées.
L’association disposait d’un intranet obsolète, qui datait de 2008. Elle a confié la refonte de son intranet à l’agence bluedrop.fr dans le but de disposer d’un outil d’animation, d’information et de formation de ses salariés et bénévoles.
L'association a souhaité entreprendre le projet de refonte de son site intranet pour les raisons suivantes :
- Fonctionnalités inertes depuis la livraison de 2008
- Sous-exploitation de l’intranet (seulement 1.000 comptes actifs)
- Documents difficiles à trouver
- Moteur de recherche déficient
- Architecture générale des contenus non optimisée
- Faible performance d’affichage
Notre intervention
Cette phase ciblait deux groupes spécifiques : les salariés et les bénévoles.
- Rédaction des spécifications fonctionnelles
- Conduite d'un audit ergonomie
- Définition du zonings, des wireframes
- Définition du parcours utilisateurs
- Ateliers design studio afin de générer rapidement des solutions de conception à une problématique de design
- Conduite de tests utilisateurs sur 10 utilisateurs, parmi les salariés et bénévoles de l’association : ils ont notamment permis de modifier les intitulés des menus, le parcours de gestion des favoris, la disposition des blocs de la page d’accueil et de valider l'accessibilité du site.
Il s'agit de transformer les wireframes en maquettes graphiques designées. Nous avons sur ce projet choisi une approche Atomic Design pour le déploiement des maquettes et la préparation des instructions à l'équipe de développement.
La conception UI design passe par :
- La définition de la direction artistique, élaboration de la charte graphique web
- La réalisation des maquettes desktop et mobile
- La création d’éléments graphiques (pictogrammes, déclinaisons du logo, des visuels)
- Déploiement du Core de Drupal 9 et des modules contribués nécessaires
- Reprise des contenus de l’ancien intranet, développé en php avec une solution sur-mesure
- Mise en place d’outils et configurations facilitant la contribution
- Installation du site sur les serveurs de production
- Fourniture d’une documentation technique de la plateforme développée
- Formation des futurs utilisateurs du CMS : administrateur et rédacteurs
Depuis la mise en production de l'intranet, nous assurons l’hébergement et l'infogérance des différents environnements la maintenance préventive, corrective et évolutive du site puisque les utilisateurs, désormais impliqués, sont directement à l’origine des demandes d’évolutions fonctionnelles.
Périmètre technique
Theming et intégration frontend
L'équipe projet a choisi d'utiliser le thème emulsify, dans sa logique d'intégration atomique. Ce thème fournit une bibliothèque de composants Storybook, un environnement de développement webpack et un kit de démarrage Drupal. Nous l'avons utilisé comme outil de prototypage dans l'installation Drupal.
Nous avons également soigné l'expérience de contribution avec l'utilisation du thème Gin et quelques configurations de confort pour les contributeurs de contenu. La contribution est aussi enrichie avec l'utilisation de 11 types de paragraphes configurables sur plusieurs types de contenu.
Nous profitons pour remercier chaleureusement l’équipe projet des Petits Frères des Pauvres, qui a collaboré tout au long de cette année inédite, avec optimisme et détermination… Tout en continuant d’assurer ses missions de terrain. Nous en gardons un souvenir à la fois prégnant et ému !
"La réussite du projet et son appropriation par les utilisateurs de l'intranet ont été rendues possibles, malgré le contexte sanitaire inédit, grâce au professionnalisme de l'équipe projet de l'agence bluedrop.fr, qui a été force de proposition pour trouver des solutions à la hauteur de nos enjeux. Nous pouvons désormais écouter les utilisateurs et travailler aux évolutions de l'intranet."
Anne-Gaëlle Guéguanic Chef de projet AMOA SI