# Refonte du site Bouygues : migration FSE et réduction de la dette technique

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](https://www.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.

![bsaweb site bouygues 2022](https://www.bsa-web.fr/app/uploads/2026/06/bsaweb-site-bouygues-2022-1-1024x683.png)    ![bsaweb site bouygues 2026](https://www.bsa-web.fr/app/uploads/2026/06/bsaweb-site-bouygues-2026-1024x683.png)    Comparaison des versions 2022 et 2026 du site Bouygues## 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.

![bsaweb site bouygues architecture](https://www.bsa-web.fr/app/uploads/2025/05/bsaweb-site-bouygues-architecture-1024x1024.png)

![bsaweb site bouygues styles](https://www.bsa-web.fr/app/uploads/2025/05/bsaweb-site-bouygues-styles-1024x1024.png)### 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.

![bsaweb site bouygues compositions](https://www.bsa-web.fr/app/uploads/2025/05/bsaweb-site-bouygues-compositions-1024x1024.png)

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 !