De WP Bakery à l’éditeur de site natif (FSE) : la refonte de Pomme de Pain

La genèse du projet

C’est via notre partenaire agence We Think Elastic (WTE) que le projet nous parvient en 2023. Pomme de Pain souhaite refondre son site vitrine avec plusieurs enjeux : moderniser l’expérience utilisateur, valoriser l’offre produit et le réseau de restaurants, et offrir aux équipes internes un outil d’édition fluide et pérenne.

À ce moment-là, le site existant repose sur WP Bakery, un constructeur de pages tiers parmi les plus répandus dans l’écosystème WordPress des années 2010. Un choix qui, à l’époque, répondait à un besoin réel, mais qui, avec le recul, montre ses limites sur plusieurs fronts décisifs.

WP Bakery : pourquoi il fallait tourner la page

WP Bakery est un page builder propriétaire, extérieur au cœur de WordPress. Ce positionnement génère une série de problématiques concrètes que les équipes de Pomme de Pain connaissent bien en arrivant dans le projet.

Des performances dégradées : WP Bakery génère un code HTML particulièrement lourd, difficile à optimiser. Les pages accumulent des balises et des styles imbriqués qui pèsent directement sur les temps de chargement, un problème mesurable pour l’expérience utilisateur et le référencement naturel, à une époque où les Core Web Vitals sont devenus un signal SEO explicite pour Google.

Une expérience éditoriale figée : l’interface de WP Bakery n’a pas suivi l’évolution des éditeurs modernes. Elle repose sur un paradigme de colonnes et de shortcodes propriétaires qui demande une courbe d’apprentissage significative pour les profils non techniques. Résultat, les équipes internes dépendent souvent d’une aide extérieure pour des modifications qui devraient être simples et rapides.

Des dépendances techniques problématiques : WP Bakery est lié à un modèle de licence payante avec renouvellement annuel. Il crée également des incompatibilités régulières avec certaines extensions WordPress, et les montées de version du CMS peuvent générer des conflits imprévisibles. Surtout, le contenu encodé en shortcodes WP Bakery n’est pas portable : en cas de changement d’outil, tout doit être repris à zéro.

Passer de WP Bakery à une architecture Full Site Editing native, c’est exactement le chemin inverse : on sort d’une dépendance propriétaire pour revenir au standard WordPress. C’est plus de liberté, plus de performance, et une maintenance qui appartient vraiment au client.

Brandon Asmussen, fondateur de BSA Web

La décision d’abandonner WP Bakery au profit d’une refonte intégrale avec l’éditeur de site natif de WordPress s’impose naturellement. Les développements démarrent fin 2023 pour une mise en production début 2024.

Le premier site client 100% conçu avec l’éditeur de site en production chez BSA Web

Ce projet marque une étape importante dans l’histoire de l’agence : c’est le premier site livré en production conçu intégralement avec l’éditeur de site natif de WordPress (aussi connu sous le nom de Full Site Editing, abrégé FSE) et avec notre librairie de blocs personnalisés BSA Web – Blocs, sans aucun constructeur de page tiers.

Ce choix technique n’est pas anodin. Il implique une librairie de blocs robuste, des processus de développement rodés et une maîtrise fine de Gutenberg dans ses usages les plus avancés. C’est précisément ce que ce projet a permis de valider et de consolider.

En pratique, chaque composant du site (comme les blocs hero, la navigation, les pages produits, le pied de page etc.) est piloté nativement par WordPress. Pas de surcouche, pas de dépendance à un plugin tiers pour le rendu : du code propre, léger et maintenable dans la durée.

Le Store Locator : trouver un restaurant Pomme de Pain en quelques clics

L’une des fonctionnalités centrales du site est la carte interactive permettant aux utilisateurs de localiser le restaurant Pomme de Pain le plus proche. Développé à l’aide de l’extension WP Grid Builder, le Store Locator intègre une synchronisation API avec le système d’information de Pomme de Pain, permettant de mettre à jour automatiquement les données des établissements, horaires, adresses, statuts, sans intervention manuelle des équipes.

Cette approche garantit la fiabilité des informations affichées sur le site, un enjeu critique pour une enseigne dont les clients recherchent activement le restaurant le plus accessible depuis leur lieu de travail ou de passage.

Un partenariat design UX/UI + développement au service du projet

La refonte est le fruit d’un travail en binôme entre We Think Elastic, en charge de l’UX/UI, et BSA Web, en charge de l’intégration et des développements WordPress. Ce type de collaboration, où chaque partenaire intervient dans son domaine d’excellence, garantit une cohérence entre vision graphique et faisabilité technique et évite les compromis de dernière minute qui fragilisent la qualité finale.

Pour Pomme de Pain, ce partenariat s’est traduit par un site qui tient ses promesses visuelles tout en restant performant, accessible et simple à faire évoluer pour les équipes en interne.

Une étape structurante dans l’industrialisation de BSA Web

Au-delà de la livraison client, ce projet a joué un rôle décisif en interne. Il a été l’occasion de formaliser nos premiers processus de développement de thèmes basés sur les blocs, de mettre à jour notre librairie de blocs BSA Web – Blocs et de consolider nos outils internes. Tout ce que nous avions théorisé autour de l’éditeur de site natif a été et mis en pratique et à l’épreuve du réel. Une fois le site en ligne, nous en sommes ressortis avec des fondations techniques plus solides pour tous les projets qui ont suivi.

Ce site est aujourd’hui une référence pour l’agence, et une démonstration concrète de ce que WordPress natif peut accomplir pour des marques exigeantes qui veulent reprendre la main sur leur outil.