Construire un site institutionnel sur Drupal 11 avec un design system cohérent, c'est souvent choisir entre deux extrêmes : un site rigide que les équipes métier ne peuvent pas faire évoluer, ou un système trop ouvert où la cohérence visuelle se dégrade au fil des publications.
Pour Conserto, société de conseil et d'expertise IT, nous avons mis en place une architecture Drupal modulable qui résout ce problème à la racine — en séparant structurellement les responsabilités du site builder et de l'éditeur.
Architecture Drupal 11 : deux profils, deux couches, un seul socle
Le cœur de l'approche : traiter le site builder et l'éditeur comme deux personas distincts, avec des outils calibrés pour chacun.
Le site builder — profil technique — configure les composants et les modes d'affichage une seule fois depuis le back-office Drupal. Ce qu'il verrouille, personne ne peut le contredire par inadvertance.
L'éditeur — profil métier — compose ses pages directement depuis l'interface front, en temps réel, en assemblant des méta-composants Paragraphs aux options volontairement limitées. Il ne peut pas "casser" le site. Et il n'a pas besoin de formation pour comprendre ce qu'il fait.
Ce cloisonnement n'est pas une règle organisationnelle. Il est inscrit dans l'architecture Drupal elle-même.
ui_patterns, SDC et design system : des choix techniques au service de la gestion éditoriale
La stack retenue — Drupal 11, ui_patterns, ui_suite, Single Directory Components (SDC), Paragraphs — a été choisie pour sa capacité à matérialiser cette séparation de façon fiable et maintenable. Le module ui_patterns joue un rôle central : il fait le lien entre les composants visuels issus du design system Figma et la couche de données Drupal, sans duplication de logique.
Chaque composant codé correspond exactement aux intentions du design system initial. La cohérence visuelle est garantie par la structure, pas par des conventions à respecter manuellement.
Résultat : les équipes de Conserto ont pris en main l'interface sans formation formelle. La clarté des méta-composants et le rendu front en temps réel ont suffi.
Ce que ce projet démontre pour vos projets Drupal
Ce retour d'expérience illustre une approche que nous maîtrisons et pouvons déployer sur des projets similaires : site institutionnel, portail corporate, ou tout site Drupal où la maîtrise éditoriale et la cohérence du design system sont toutes deux non négociables. Découvrez nos autres références Drupal pour d'autres exemples concrets.
Le REX documente en détail l'architecture en deux couches, les choix de modules, le workflow de configuration site builder, les enseignements tirés — et les points de vigilance sur la complexité de ui_patterns à grande échelle.
Lire le REX complet : site Drupal 11 modulable avec ui_patterns et design system →
