Staffbase : découvrez vos nouveaux collègues, Symfony et Storyblok

Staffbase en quelques mots

La plateforme de Staffbase permet aux entreprises de communiquer efficacement avec leurs employés, où qu'ils se trouvent. Ses solutions combinent applications mobiles, intranet et newsletters au sein d'un système intégré qui aide les équipes de communication interne du monde entier à diffuser efficacement des messages et à renforcer la culture d'entreprise.

Avec des bureaux en Europe et en Amérique du Nord, Staffbase est une entreprise en forte croissance depuis plusieurs années. Reconnue comme un leader de la communication interne, Staffbase s'appuie sur un site web qui reflète son approche innovante, constitue un point de contact central pour les clients et les prospects et soutient son expansion internationale.

Les challenges

Cependant, en coulisses, le site web de Staffbase fonctionnait sur une configuration fragile héritée du passé. La plateforme était composée de plusieurs instances WordPress, complétées par des plugins tiers et des solutions de contournement personnalisées. Cette configuration créait de nombreux problèmes.

En effet, le système était très vulnérable : les plugins entraînaient des problèmes de sécurité et de stabilité récurrents. La performance de la plateforme était imprévisible et l'évolutivité quasi impossible face à l'augmentation du trafic. Par conséquent, les développeurs étaient contraints d'adopter une approche de maintenance réactive plutôt que de se concentrer sur le développement proactif de nouvelles fonctionnalités. L'ajout de nouvelles fonctionnalités était lent, voire complètement bloqué par la dette technique inhérente au système.

La gestion de plusieurs instances WordPress différentes, chacune avec ses propres particularités, engendrait également une incohérence au niveau de l'infrastructure et de la gestion du contenu. Pour une entreprise en pleine expansion comme Staffbase, cette situation était devenue intenable. Une solution moderne et pérenne s'imposait.

L'histoire

La décision a été prise d'abandonner WordPress pour opérer une refonte complète du site web. Pour concevoir un nouveau système basé sur Storyblok, un CMS headless, associé à une application Symfony optimisée par Symfony UX, Staffbase et SensioLabs Deutschland ont travaillé main dans la main.

En six mois, toutes les instances WordPress existantes ont été remplacées par une configuration unifiée basée sur des composants. Le contenu a été migré automatiquement dans la mesure du possible et les structures basées sur la mise en page ont été transformées en composants réutilisables. Cette transition a non seulement simplifié la gestion du contenu, mais elle a également jeté les bases d'une croissance évolutive et d'un développement flexible des fonctionnalités.

L'un des défis résidait dans la courbe d'apprentissage de l'équipe interne. Les technologies et les approches étant très différentes de celles de leur ancienne stack technique, SensioLabs a dispensé une formation dédiée pour mettre l'équipe de Staffbase à niveau. À la fin du projet, les développeurs maîtrisaient non seulement la nouvelle architecture, mais aussi les pratiques modernes telles que le Domain-Driven Design et les bonnes pratiques de Symfony.

SensioLabs a pris en charge la gestion et l'exécution du projet, tout en veillant à ce que les développeurs de Staffbase soient impliqués et préparés à assurer la pérennité du système après son lancement.

La mise en place

Plus qu'une simple migration, la refonte a été un véritable tournant pour l'équipe de développement. Elle a permis de moderniser complètement les bases techniques de Staffbase. Des pipelines d'intégration et de déploiement continus ont été mis en place pour optimiser les déploiements. La qualité du code a été sécurisée grâce à des outils tels que PHPStan, Rector, ainsi qu'à une couverture de tests automatisée. En parallèle, des pratiques telles que la refactorisation, le peer programming et les code reviews ont permis d'instaurer une culture de développement plus collaborative et proactive.

Dans le même temps, le projet a bénéficié à la communauté Symfony dans son ensemble. SensioLabs a étendu et amélioré le bundle Symfony Storyblok ainsi que le client API, ce qui a permis à Staffbase, mais aussi à d'autres développeurs dans le monde entier, de bénéficier des avancées techniques réalisées au cours du projet.

Les résultats

L'impact de cette refonte a été immédiat et manifeste. Grâce à son nouveau socle technique basé sur Symfony et Storyblok, Staffbase affiche désormais une performance homogène et une stabilité à toute épreuve. Les interruptions de service, qui étaient un risque récurrent sous WordPress, ont été complètement éliminées.

Rapport sur l'expérience utilisateur dans Chrome avec les indicateurs Largest Contentful Paint (LCP) et Cumulative Layout Shift (CLS) (source : CrUX Vis).

Depuis sa refonte, Staffbase a connu une amélioration marquée de ses indicateurs clés de performance ces derniers mois, comme le montre le graphique ci-dessus. Les performances de chargement, mesurées en millisecondes, sont ainsi passées de 4 217 ms à 1 961ms, témoignant d'une expérience utilisateur nettement plus rapide. La stabilité visuelle s'est également améliorée, évoluant de 0,31 à 0,01, ce qui garantit une mise en page plus stable et moins perturbante. Ces résultats positifs témoignent du succès des efforts déployés pour intégrer Symfony et Storyblok et ainsi améliorer les performances du site web de Staffbase, tout en augmentant la satisfaction des utilisateurs.

Les développeurs peuvent désormais travailler de manière proactive et proposer de nouvelles fonctionnalités beaucoup plus rapidement. Les équipes chargées du contenu bénéficient de workflows de publication optimisés, d'interfaces d'édition intuitives et de composants structurés et réutilisables qui réduisent les coûts et les erreurs. La nouvelle configuration a aussi considérablement amélioré les performances SEO, renforçant encore davantage la visibilité et la présence en ligne de la marque Staffbase.

Mais le plus important, c'est que la refonte a permis d'éliminer la dette technique qui ralentissait l'équipe. Grâce aux versions Long-Term Support de Symfony et à la flexibilité de Storyblok, la plateforme est désormais prête à évoluer sereinement dans les années à venir. Le recrutement de développeurs familiarisés avec les dernières versions de Symfony est également devenu plus facile, ce qui renforce la pérennité de cette nouvelle approche.

Conclusion

Pour Staffbase, il ne s'agissait pas d'une simple mise à niveau technique, mais d'une véritable transformation. En abandonnant un système hérité du passé, fragile et truffé de plugins pour adopter une architecture moderne axée sur les composants, Staffbase a obtenu un site web à la hauteur de ses ambitions : fiable, évolutif et prêt pour l'avenir.

Grâce à l'expertise de SensioLabs Deutschland, le projet a été mené à bien en seulement six mois, ce qui aurait été impossible avec WordPress. En définitive, Staffbase bénéficie désormais d'un socle technique stable pour assurer sa croissance, d'un time-to-market plus rapide, de nouvelles fonctionnalités et d'une présence renforcée sur ses marchés, grâce à des workflows modernes.