Bouygues est l’un des groupes industriels français les plus emblématiques. Présent dans quatre activités, construction, énergies et services, médias et télécoms, le groupe compte plus de 200 000 collaborateurs dans plus de 80 pays et des filiales comme Bouygues Telecom, Colas, Bouygues Construction ou encore TF1. Son site corporate bouygues.com est un outil de communication institutionnelle et financière de premier plan, consulté par des investisseurs, des journalistes et des partenaires du monde entier.
La genèse du projet
BSA Web accompagne Bouygues sur ses projets WordPress depuis plusieurs années. En 2026, le groupe engage une refonte de son site corporate afin d’adapter son identité numérique à la nouvelle charte graphique conçue par l’agence Brandy Bandits.
Pour notre équipe, cette refonte représente également une opportunité de moderniser en profondeur le socle du projet et de réduire la dette technique accumulée depuis les précédentes version du site, mis en ligne en 2022 et déjà revu graphiquement en 2024.
Le projet démarre début février 2026 avec un objectif ambitieux : une mise en production prévue pour le lundi 20 avril. Un calendrier particulièrement serré qui impose une organisation rigoureuse et des choix techniques assumés dès les premières semaines.
Un site corporate avec des contraintes techniques particulières
Le site Bouygues n’est pas un site vitrine classique. Il embarque des fonctionnalités spécifiques liées à son usage institutionnel et financier : affichage en temps réel du cours de l’action Bouygues, gestion de contenu multilingue (français et anglais), blocs avec remontés dynamiques de contenus pour les actualités et communiqués du groupe, architecture multi-rubriques couvrant la gouvernance, les investisseurs, la RSE et les activités des filiales.
Pour la première version du site, nous avions développé un thème hybride accompagné d’une bibliothèque de blocs Gutenberg sur-mesure afin de répondre à ces besoins spécifiques. Depuis, WordPress et son éditeur de blocs natif ont considérablement évolué.
La refonte est donc rapidement devenue bien plus qu’un simple travail graphique : l’un des enjeux majeurs consistait à faire évoluer l’architecture du site pour permettre aux équipes Bouygues de bénéficier pleinement des nouveautés de WordPress afin d’améliorer durablement l’expérience d’édition des contenus et du site dans sa globalité.
Solder la dette technique : d’un WordPress classique à une architecture moderne
Depuis 2022, et même avant, le site reposait sur une architecture WordPress classique, sans contrôle de version global ni chaîne d’intégration et de déploiement continue. Si cette approche répondait aux besoins de l’époque, elle présentait désormais plusieurs limites : thème hybride et bibliothèque de composants construits sur des API WordPress vieillissantes et dépendance importante à jQuery pour les interactions front-end. Cette refonte était l’occasion de repartir sur de nouvelles bases.
« Ce projet de refonte a été l’occasion de refactoriser en profondeur et de faire baisser significativement la dette technique héritée des versions précédentes. On repart sur des bases saines, avec une architecture plus moderne qui va tenir dans la durée. »
Alexandre Buffet, Directeur Technique chez BSA Web
Concrètement, plusieurs chantiers sont menés en parallèle : migration vers un architecture WordPress entièrement industrialisée avec Bedrock et GitLab, basculement vers un thème entièrement basé sur les blocs et refactorisation de la bibliothèque de blocs sur-mesure Gutenberg.
Une infrastructure versionnée et industrialisée
Le projet WordPress est migré vers Bedrock, l’environnement de référence pour les projets WordPress modernes, basé sur Composer. Cette architecture permet de versionner plus facilement l’ensemble des dépendances du projet comme le cœur WordPress, la configuration, les thèmes et extensions.
En parallèle, nous avons travaillé avec les équipes de l’hébergeur du groupe Bouygues pour mettre en place une intégration et un déploiement continu depuis notre GitLab (CI/CD), garantissant des mises en production sécurisées et traçables à chaque évolution du code.
Migration vers un thème entièrement basé sur les blocs.
Le nouveau thème adopte l’approche Full Site Editing (FSE) de WordPress. Alors que les précédentes versions combinaient modèles PHP traditionnels et blocs Gutenberg limités au contenu, cette nouvelle version, baptisée Ellipse en référence au logo du groupe, repose désormais sur un pilotage intégral des modèles via l’éditeur de site.
Le site est donc construit avec des blocs natifs WordPress et certains blocs issus de la librairie interne de l’agence. Plusieurs blocs historiques ont été remplacés par des compositions et variations basées sur le bloc boucle de requête et on a utiliser l’API Block Bindings pour connecter directement les champs personnalisés aux blocs, limitant ainsi le recours à des développements spécifiques.
Refactorisation des extensions et de la bibliothèque de blocs.
Bien que le code métier soit déjà structuré, plusieurs fonctionnalités restaient encore étroitement liées au thème. Une refonte du découpage fonctionnel a permis de les isoler dans des extensions dédiées par domaine métier (bourse, publications, résultats financiers, etc.), chacune embarquant désormais ses propres type de contenus, blocs et autres.
La bibliothèque de blocs Bouygues a également été entièrement modernisée. Les blocs existants ont été simplifiés ou remplacés afin de s’appuyer sur les API WordPress récentes (manifestes de blocs, rendu serveur, variations de blocs natifs, supports avancés de styles). Cette approche a permis de réduire le code spécifique à maintenir, tandis que l’Interactivity API remplace désormais jQuery pour les interactions dynamiques du site.
Après tous ces efforts, le résultat est double : moins de code personnalisé à maintenir et davantage de flexibilité pour les équipes éditoriales.
Un design pensé pour WordPress, pas contre lui
Le nouveau design du site Bouygues, conçu par Brandy Bandits, a été pensée dès le départ en tenant compte des spécificités de l’éditeur de blocs WordPress.
« Sur ce projet, le design a été entièrement mis au service de l’intégration web et des spécificités de conception liées à WordPress et à l’éditeur de blocs et ça se ressent dans le résultat final. On est très fiers de cette nouvelle version du site ! »
Alexandre Buffet, Directeur Technique chez BSA Web
Cette approche, trop souvent négligée dans les projets où le design et le développement avancent en silos, change radicalement la qualité du résultat final : le système de design et les composants s’intègrent naturellement dans l’éditeur, les contraintes de mise en page sont anticipées plutôt que contournées, et les équipes Bouygues retrouvent une expérience d’édition cohérente entre ce qu’elles voient sur les maquettes et ce qu’elles manipulent dans le back-office.
Un accompagnement qui s’inscrit dans la durée
Dans la soirée du lundi 20 avril, le site est finalement mis en ligne comme prévu. L’aboutissement de ce projet marque alors une nouvelle étape dans la collaboration entre BSA Web et Bouygues, qui se poursuit au quotidien à travers la maintenance et les évolutions du site.
Ce partenariat de longue date repose sur une confiance mutuelle construite projet après projet et sur une conviction partagée que WordPress, bien architecturé, est un outil à la hauteur des exigences d’un groupe de cette envergure.
Un grand merci à Arthur et aux équipes Bouygues pour leur confiance renouvelée, à l’agence Yuri & Neil ainsi qu’à Hélène et Veronica de chez Brandy Bandits pour la qualité de leur travail et la fluidité des échanges tout au long du projet, vous êtes au top !
