Une organisation sur le temps long et bien rodée.
Voilà un projet qui se déroule comme sur des roulettes. À 7h30 ce matin le site est passé en mode ouvert. Depuis le début du projet, son accès était réservé aux éditeur.ice.s: les membres du CMR35 qui ont fait parti du comité en charge d'arbitrer les décisions de cette nouvelle mouture.
Depuis de longs mois, de rendez-vous en rendez-vous, avec l'aide de Marie-Line Dubuis et ces 8 co-pilotes, nous avons assemblé une à une les pièce de ce grand puzzle qu'est devenu le site V3 du CMR35 avec, pour conserver la cap, le cahier des charges établi depuis l'expression des besoins en début de parcours.
De l'importance d'un cahier des charges en béton
On ne le répète jamais assez, mais ce sont ces documents, approuvés par le commanditaire du projet qui posent les fondations, sans lesquelles toute décision pourrait nous faire dériver des enjeux identifiés.
Le concept général
Ce qui illustre le CMR35 dans le petit monde de la médiation en Ille & Vilaine, , c'est la pluridisciplinarité de l'équipe. C'est ce que nous avons souhaité mettre en avant.
Avec 45 médiateur.ice.s, spécialisé.e.s dans 13 grands domaines principaux, il aurait été dommage de ne pas profiter d'un tel maillage pour concevoir le site et embarquer les visiteurs.
Pourtant ce ne sont pas les chiffres qui en font la meilleure démonstration, c'est plutôt la singularité de chacun.e des membres du CMR, dont le parcours, l'expérience et le métier dont ils/elles sont issue.s, apporte une large palette d'approches et de techniques au centre.
L'accueil
Dès l'accueil le ton est donné
C'est le vert (#C6DACA) qui a été retenu pour cette édition et chaque élément graphique dépend d'un ensemble de valeurs colorimétrique calculées sur cette référence, on appelle ça une palette dynamique (capable de s'appliquer jusque dans les recoins des illustrations vectorielles au format .svg ! )Si l'administrateur modifie la couleur du site, tous les éléments sont recalculés. Des gardes-fous indiquent les seuils à respecter pour qu'aucune teinte n'échappe aux règles d'accessibilité du cahier des charges.
Les médiateur.ice.s sont présenté.e.s sous forme de pastilles flottantes réactives au survol pour accueillir les visiteurs dans un hero accompagné du slogan doté d'une police douce mais pleine de caractère pour exprimer les valeurs du centre.
L'accès à la FAQ
Quelques exemples de questions fréquentes viennent conforter le visiteur pour lui indiquer qu'il trouvera toutes les informations thématiques rangées dans la FAQ du site.
Les fiches médiateurs
Un des défaut identifié sur la version précédente du site, était le manque d'homogénéité des portraits des médiateur.ice.s. Il nous fallait trouver le moyen d'unifier les photos.
Encore une fois, Marie-Line, en véritable chef d'orchestre est parvenue à réunir le même jour 29 médiateurs en profitant d'une date d'AG pour rassembler tout le monde à l'heure du déjeuner à La Closerie, un restaurant de caractère situé place des Lices, bien connu des Rennais. C'est dans ce cadre cozy que nous attendait mon ami et photographe Benoît Le Ray, pour qui avait été improvisé entre deux travées de tables un mini studio photo. Les jolis clichés issus de ce shooting nous permettent d'afficher de superbes clichés sur les fiches profils des médiateur.ice.s,
Chaque médiateur.ice remplit sa fiche au fil de l'eau, dans son espace dédié en front-end*. Il y choisi sa manière de se présenter et les informations qu'il souhaite faire figurer (après tout c'est SA fiche!). Chacun.e choisi son domaine de prédilection mais également les domaines pour lesquels il/elle se sent à l'aise car parfois ont lieu des co-médiations au cours desquelles ils/elles peuvent apporter leur soutien.
J'ai tellement apprécié cette approche en front-end que j'ai opté pour le même type d'accès pour mes client.e.s qui se connectent sur studio.iamlegh.com. Ainsi plus besoin de faire naviguer certains rôles WordPress dans l'administration, c'est moins de friction pour elles/eux
Définition: Le front-end
En développement web (et j'imagine dès lors qu'on envisage une séparation entre une interface client et celle du propriétaire) on parle de front-end pour la partie dédiée à l'usage du client et le back-end pour la partie réservée au propriétaire)
Les fiches domaines
Au-delà des informations qu'elle délivre chaque fiche domaine est liée à ses sous-domaines, aux médiateur.ice.s concerné.e.s, aux articles ou aux évènements rattachés à ses sujets.
J'ai longtemps trouvé barbant de rattacher des champs ACF aux taxonomies (c'est le cas ici pour les domaines) pourtant avec Sage et les template Blade, tout m'a semblé plus évident au moment de l'intégration, je n'ai pas réussi mettre le doigt sur ce qui me freinait avant: Soit WordPress a fait évoluer cette partie soit... c'est le métier qui rentre 😎 !
Sous le capot
Je ne vais pas évoquer ici les outils admins développés sur mesure pour les besoins spécifiques du CMR, mais la création d'un plugin maison m'a permis de rassembler toute la technique métier pour laisser au thème tout ce qui concerne la présentation et la gestion d'interface. Un des besoins admin à cocher sur la liste était de faciliter la vie de l'administrateur principal (👋🏼 Marie-Line, et oui, encore Elle) et les semaines à venir m'indiqueront, à l'usage, si c'est réussi.
Des premiers résultats qui font plaisir
