La genèse du projet
C’est via notre partenaire We Think Elastic (WTE) que le projet nous parvient en 2024. Le groupe Emera souhaite refondre son site principal emera.fr ainsi que le site de sa marque belge Novadia, avec des enjeux à la fois stratégiques, éditoriaux et techniques particulièrement exigeants.
Le cahier des charges recouvre plusieurs dimensions :
- Refonte complète de la charte graphique, menée en cours de projet
- Un volume de contenu important impliquant migration et structuration de données
- Une architecture WordPress Multisite pour gérer les deux sites Emera et Novadia
- Une gestion multilingue (français et néerlandais) pour le site Novadia
- Un tunnel de pré-réservation en ligne pour les établissements
- Un Store Locator permettant de rechercher les établissements en liste ou sur une carte et de filtrer par localisation ou type d’hébergement
- Des exigences fortes en matière d’accessibilité numérique
Les développements démarrent au deuxième trimestre 2024 pour une mise en ligne en 2025.
Une architecture usine à sites (multisites) et multilingue maîtrisée
L’une des premières complexités du projet est son architecture : deux sites distincts, emera.fr pour la France, novadia.be pour la Belgique, opérés sur une installation WordPress Multisite partagée. Cette configuration permet de mutualiser la librairie de blocs, les composants techniques et les processus de maintenance, tout en garantissant l’indépendance éditoriale de chaque marque.
Pour le site Novadia, une contrainte supplémentaire s’ajoute : le site doit être disponible en français et en néerlandais. La gestion du multilingue est assurée par l’extension Polylang, solution de référence dans l’écosystème WordPress, qui permet aux équipes Emera de gérer les contenus dans les deux langues de manière autonome depuis le back-office.
Un tunnel de pré-réservation et un Store Locator au cœur de l’expérience utilisateur
Deux fonctionnalités sont particulièrement stratégiques pour Emera : le tunnel de pré-réservation et la carte des établissements.
Le tunnel de pré-réservation, développé avec Gravity Forms, permet aux familles de formuler une demande de renseignements ou d’entrée en établissement directement depuis le site, en quelques étapes guidées. Ce parcours simplifié est un levier clé de conversion : dans un secteur où la décision d’entrée en EHPAD ou en résidence sénior implique un fort besoin de réassurance, fluidifier le premier contact est essentiel.
Le Store Locator, développé à l’aide de l’extension WP Grid Builder, permet de rechercher et filtrer les établissements Emera par département, type d’hébergement ou disponibilité. Les données sont synchronisées et gérées directement depuis le back-office WordPress, garantissant leur fiabilité pour les familles en recherche active.
L’accessibilité numérique, un enjeu de premier plan
Emera s’adresse à un public dont une partie significative est en situation de fragilité numérique ou de handicap. L’accessibilité n’est donc pas une contrainte réglementaire parmi d’autres : c’est un engagement fort du groupe, traduit dans le cahier des charges dès le départ.
Deux audits d’accessibilité ont été menés par Access42, organisme de référence en France sur le sujet, encadrant le projet du début à la fin. Le premier audit, réalisé en amont, a permis d’identifier les points de vigilance à intégrer dès la conception. Le second, en phase de livraison, a validé la conformité du site au regard du RGAA, avec un contre-audit pour confirmer les corrections apportées.
Ces audits ont demandé un travail rigoureux et transversal : mise en conformité de notre librairie BSA Web – Blocs, adaptation des blocs sur-mesure du site, vérification de la charte graphique (contrastes, lisibilité), et révision du contenu éditorial (libellés de liens, textes alternatifs, hiérarchie des titres). Un exercice exigeant, mais structurant pour l’ensemble de nos pratiques.
Les audits Access42 ont été très constructifs. Ils nous ont amenés à remettre en question certains automatismes de développement et à élever notre niveau d’exigence sur l’accessibilité, bien au-delà de ce seul projet.
Alexandre Buffet, Directeur Technique chez BSA Web
Un projet qui fait progresser l’agence
Comme le projet Pomme de Pain avant lui, la refonte d’Emera a été l’occasion de faire avancer significativement nos outils et processus internes. Le site est conçu intégralement avec l’éditeur de site natif de WordPress (Full Site Editing ou FSE), la librairie de blocs BSA Web – Blocs de l’agence, aucun constructeur tiers.
La complexité du projet (volume de contenu, multisite, multilingue, accessibilité, refonte de charte en cours de route…) a poussé l’équipe à faire évoluer la librairie de blocs, à affiner les processus d’industrialisation des thèmes basés sur les blocs et à renforcer nos standards qualité. Emera est aujourd’hui l’une de nos références techniques les plus abouties.
Un partenariat design + développement efficace et qui se poursuit dans la durée
Comme pour Pomme de Pain, ce projet est le fruit d’une collaboration étroite avec We Think Elastic, en charge de l’UX/UI. La refonte de la charte graphique en cours de projet, une situation toujours délicate à gérer techniquement, a été absorbée grâce à la modularité de notre approche basée sur les blocs : les composants pouvant être ajustés sans remettre en cause l’architecture d’ensemble.
BSA Web accompagne désormais Emera dans la maintenance et l’évolution quotidienne des sites depuis leur mise en ligne, dans la continuité d’un partenariat qui s’inscrit dans la durée.
