Bloc Gutenberg WordPress personnalisé pour ergothérapeutes
Le projet
Le client souhaitait enrichir son site WordPress d’une fonctionnalité permettant de trouver un·e ergothérapeute selon les communes desservies en Valais (Suisse).
L’objectif était de rendre cette information facilement accessible, clairement structurée, disponible en français et en allemand, tout en assurant une gestion simple et durable dans l’environnement WordPress existant.
La solution
Le site utilisait déjà un thème compatible avec l’éditeur natif Gutenberg. Pour préserver la structure existante et maintenir les bonnes performances du site, un bloc Gutenberg personnalisé a été développé, sans recourir à des extensions tierces de type “block builder”.
Le site a été construit à partir du thème WordPress de base "Twenty Twenty", un thème enfant personnalisé a été créé pour suivre et préserver les modifications.
Le design du bloc Gutenberg personnalisé a été créé simultanément avec la refonte d’un bloc carte déjà existant listant les ergothérapeutes.
Penpot a été utilisé pour aider le client à visualiser facilement le design final, facilitant la communication et les retours. Il m’a également permis de travailler plus rapidement grâce à des itérations rapides et une collaboration en temps réel.
Conception initiale approuvée par le client, effectuée dans Penpot.
Version finale du design, ajustée à plusieurs reprises pour correspondre aux attentes.
Le bloc Gutenberg développé permet la recherche par adresse ou code postal, en s’appuyant sur l’API Mapbox - une alternative plus économique à Google Maps - pour interpréter la saisie utilisateur.
Le contenu s’appuie sur un type de post WordPress personnalisé “ergothérapeute”, enrichi d’un champ listant les communes desservies. Les données ont été importées de façon automatisée à partir d’un fichier Excel maintenu par le client.
Le module est entièrement bilingue, prenant en charge le français et l’allemand conformément aux langues du site.
Les utilisateurs peuvent affiner leur recherche en choisissant si l’intervention concerne un adulte ou un enfant, ainsi que le type de thérapie nécessaire.
Les filtres disponibles couvrent des domaines tels que la mauvaise vue, la rééducation de la main, la neurologie, les troubles neurocognitifs, la santé mentale et les troubles musculosquelettiques.
En fin de projet, une vidéo tutorielle personnalisée a été livrée pour accompagner le client dans la gestion autonome de la plateforme.
La vidéo est organisée par thématique, et enregistrée avec un microphone professionnel.