Aller au contenu

Étude de cas · Secteur public

Site de valorisation sous Drupal : cartographie interactive, recherche à facettes et éditorial modulaire

Comment on bâtit un site Drupal riche à explorer — carte interactive (MapLibre/GeoJSON), recherche à facettes (Solr) et pages montées par composants, en marque blanche.

Rôle : Conception & développement — en sous-traitance Client : Un établissement public — site de valorisation (anonymisé)
Cartecartographie interactive (MapLibre · GeoJSON)
Solrrecherche à facettes combinables
Modulairepages montées par composants
Drupal 10PHP 8.2 · cloud managé
Rôle tenu
Conception & développement — en sous-traitance
Client final
Un établissement public — site de valorisation (anonymisé)
Socle technique
Drupal 10 · PHP 8.2 · Solr · MapLibre · cloud managé
Périmètre
Cartographie interactive, recherche à facettes (Solr), éditorial modulaire (Paragraphs), galeries média accessibles, multilingue, SEO, RGPD, qualité outillée
Drupal 10PHP 8.2MapLibre GLGeoJSONSearch API + SolrParagraphsPHPStanCodeceptionPantheon
En résumé : pour un établissement public, nous avons conçu un site de valorisation sous Drupal 10 (hors DSFR) centré sur l’exploration : une cartographie interactive (MapLibre GL + GeoJSON) pour parcourir des lieux géolocalisés, une recherche à facettes propulsée par Solr, un éditorial modulaire monté par composants, des galeries média accessibles, le tout multilingue, référencé et hébergé sur un cloud managé. Rôle tenu : conception et développement, en sous-traitance.

Le besoin : donner à explorer, pas seulement à lire

Un site de valorisation ne se contente pas de publier des pages : il doit faire explorer un territoire, un patrimoine, un ensemble de lieux. L’enjeu est double — une expérience riche (carte, recherche, médias) côté visiteur, et un outil d’édition souple côté équipe, pour faire vivre le contenu sans redemander du développement à chaque page. Toute l’architecture découle de là.

Une cartographie interactive, pas une image cliquable

Le cœur de l’expérience est une carte interactive. Nous l’avons construite sur MapLibre GL (rendu vectoriel, fluide, sans dépendance propriétaire), alimentée en GeoJSON généré directement depuis Drupal : chaque lieu est une entité géolocalisée (geofield), exposée via une vue GeoJSON et affichée sous forme de points filtrables. Concrètement, la carte et le contenu ne sont jamais désynchronisés : on édite un lieu dans Drupal, il apparaît sur la carte. C’est une carte pilotée par la donnée, pas une illustration figée.

Une recherche à facettes qui tient le volume

Explorer suppose de filtrer. La recherche s’appuie sur Search API indexé dans Solr, avec des facettes combinables (thème, type, localisation…) et des blocs de recherche réutilisables. Solr apporte la rapidité et la pertinence sur de gros volumes là où une recherche en base s’essouffle. Couplée à la carte, la recherche devient un vrai outil de navigation : on filtre, la liste et la carte se répondent.

Un éditorial modulaire, sans page builder propriétaire

Les pages sont montées à partir de composants réutilisables (Paragraphs, avec un éditeur enrichi et une bibliothèque de blocs), complétés par des vues référencées et un système de composants front. L’équipe assemble ses pages à partir de blocs validés — sections, médias, listes, carte — sans écrire de code et sans la dette d’un page builder propriétaire. La liberté de composition, avec un cadre.

Médias et galeries, accessibles par défaut

Un site de valorisation est très visuel. Nous avons intégré des galeries et des carrousels accessibles (navigation clavier, lecteurs d’écran), une gestion propre des images et des SVG, et des vidéos responsives. L’accessibilité n’est pas un correctif de fin de projet : les composants média sont choisis et réglés pour être utilisables par tous dès le départ.

International, référencement et vie privée

Le site est multilingue (contenus et chaînes d’interface, avec un flux d’export/import de traductions outillé), référencé proprement (métadonnées, URL lisibles, redirections, plan de site) et respectueux de la vie privée (gestion du consentement, protection anti-spam des formulaires). Autant d’éléments intégrés au socle plutôt qu’ajoutés après coup.

Riche, mais maintenable

Un site riche en fonctionnalités ne vaut que s’il reste tenable. Le projet tourne sur Drupal 10 / PHP 8.2, hébergé sur un cloud managé, avec une chaîne qualité moderne : revue de code outillée, analyse statique (PHPStan), tests fonctionnels (Codeception), détection des API dépréciées pour les montées de version, intégration continue et supervision des erreurs (Sentry). C’est ce qui permet d’ajouter une couche à la carte ou une facette de recherche sans fragiliser l’ensemble.

Reprendre ou enrichir un Drupal fonctionnel

Pour une agence, la question est : peut-on reprendre un site aussi riche et l’enrichir sans tout casser ? Oui — parce qu’il est structuré : données géolocalisées explicites, recherche indexée, contenu en composants, qualité outillée. On sait auditer un Drupal fonctionnel, comprendre sa carte, son index Solr et son modèle éditorial, et l’étendre — une nouvelle couche cartographique, un nouveau type de contenu, une langue de plus — proprement.

Questions fréquentes

Pourquoi MapLibre GL plutôt qu’un service de cartographie propriétaire ?

Pour la maîtrise et la pérennité : rendu vectoriel performant, pas d’enfermement propriétaire, et des données servies en GeoJSON directement depuis Drupal. La carte reste synchronisée avec le contenu et reprenable par n’importe quelle équipe.

Solr est-il vraiment nécessaire pour la recherche ?

Dès qu’il y a du volume et des facettes combinables, oui. Solr apporte rapidité et pertinence là où une recherche en base de données atteint vite ses limites, et permet une exploration fluide couplée à la carte.

L’équipe peut-elle créer des pages sans développeur ?

Oui. Les pages se montent à partir de composants (Paragraphs) et de blocs validés — sections, médias, listes, carte. C’est la souplesse d’un builder, sans la dette d’un outil propriétaire.

Travaillez-vous en marque blanche pour une agence ?

Oui. Nous intervenons en sous-traitance sur des projets Drupal riches — cartographie, recherche, éditorial, reprise et maintenance — sous votre marque.

En clair : un site de valorisation réussi, c’est de l’exploration bien outillée — une carte pilotée par la donnée, une recherche à facettes, un éditorial modulaire — posée sur un socle Drupal moderne et maintenable. Riche pour le visiteur, simple pour l’équipe, reprenable pour l’agence.

Cartecartographie interactive MapLibre · GeoJSON, pilotée par la donnée
Solrrecherche à facettes combinables sur gros volumes
10Drupal 10 · PHP 8.2, cloud managé & qualité outillée
f
FullDo

Studio de développement web full-stack & IA — Drupal, DSFR, accessibilité.