L'évolution du site SaaS B2B de Spendesk: de deux CMS à Storyblok

Spendesk est une plateforme de gestion des dépenses professionnelles tout-en-un permettant aux entreprises d'optimiser leurs dépenses de façon intelligente. La solution s'adresse aux institutions qui cherchent à rationaliser leurs processus financiers tout au long du flux de dépense.

Spendesk était anciennement sur un autre CMS headless et sur HubSpot. Après avoir été confronté à une multitude de problématiques avec ces systèmes, les équipes ont décidé de rechercher une nouvelle solution capable de s'adapter à leurs besoins et de résoudre les défis liés à la croissance de l'entreprise.

À la fin de l'année 2021, Michael Saifoudine (Senior Website Manager chez Spendesk) a commencé à étudier le marché pour trouver un nouveau CMS headless qui répondrait aux besoins des équipes marketing, développement et design. À l'époque, l'entreprise ne disposait pas de tous les processus et fonctionnalités en interne.

L'équipe marketing avait besoin d'outils pour gérer entièrement le contenu du site web et le modifier plus facilement - quelque chose qui faisait défaut à leur précédent CMS headless. Les obstacles à l'ensemble de l'expérience utilisateur étaient notamment:

• Le manque d'outils indispensables de localisation, facilement accessibles et simples à utiliser pour leur site web en 3 langues (dont l'anglais localisé pour l'UE, le Royaume-Uni et les États-Unis).
• La difficulté pour les rédacteurs à réutiliser du contenu afin de créer facilement et rapidement des campagnes et des nouvelles pages à partir de templates et de composants existants.
• La lenteur du déploiement pour les développeurs.
• L'absence d'une stack technologique adaptée à Nuxt.js
• La difficulté pour les créateurs à modifier ou créer des pages web rapidement sans perturber tout le site.
• Des limites techniques pour les développeurs, qui ne pouvaient pas ajouter davantage de composants sans devoir restructurer tout le système de conception.
• La difficulté d'adaptation des membres non-techniques de l'équipe à l'ancien CMS (les développeurs et les web managers étaient les seuls à administrer le site).

À l'aube de 2022, il était devenu évident que le site web était un élément essentiel pour l'avenir et qu'il fallait investir dans sa reconstruction. Globalement, l'objectif principal était de passer à un nouveau CMS headless pour soutenir la croissance du trafic sur le site, convertir le trafic et consolider toutes les pages (blog, site web et parcours d'inscription) en une seule plateforme.

Alors que l'équipe atteignait certaines limites sur le plan technique, il y avait aussi une pression croissante de la part de l'ancien fournisseur de CMS pour passer à un abonnement d'entreprise plus complexe et plus coûteux afin d'accéder à plus de fonctionnalités, sans pour autant obtenir la valeur globale et les avantages dont Spendesk avait besoin sur le long terme.

La nécessité de débloquer davantage de budget (par exemple pour embaucher une nouvelle personne dans l'équipe de développement de Michael) a conduit à considérer le passage à un système de gestion de contenu headless qui pourrait offrir plus de bénéfices pour un coût divisé par deux.

La priorité était aussi de trouver un CMS headless qui permettrait aux équipes marketing et design de se concentrer sur leur travail, tout en accélérant le déploiement du site pour les développeurs (ingénieurs de croissance, architectes frontaux, concepteurs web et responsables de produits).

Le projet a été divisé en plusieurs phases, en commençant par :

• La phase de benchmarking (comparaison de tous les CMS headless sur le marché et analyse de 15 scale-ups B2B avec un modèle similaire à Spendesk, pour s'assurer de faire le bon choix).
• La phase de conception du CMS (reconsidération de la structure de code et du système de conception).
• La phase de construction.
• La phase de migration du contenu (migration de 300 pages en 3 langues d'un CMS headless à un autre).
• La phase d'assurance qualité.
• Le GO LIVE (mise en service).

Pendant la phase de benchmarking, Storyblok a accompagné Spendesk en lui présentant des clients qui lui permettraient de découvrir comment ils utilisent leur CMS headless.

Faire du site web une vitrine numérique avec Storyblok

Pour les cadres supérieurs et les autres équipes de Spendesk, il était important que le site web devienne une source de confiance, de génération de leads, et la porte d'entrée des visiteurs dans leur expérience de découverte des produits. Il était nécessaire d'informer les clients sur l'offre, de leur montrer la vitrine numérique, mais aussi d'afficher des pages riches en contenu qui aideraient la navigation des différents types de profils qui visitent le site à différentes étapes de leur parcours.

Avant la transition, Spendesk était principalement orienté vers la communication sortante. Les équipes ont donc ressenti le besoin de renforcer la présence de la marque et le pipeline de communication entrante, en commençant par le site web: en tant que vitrine numérique de Spendesk, celui-ci se doit de faire une excellente première impression.

Pour cela, il a fallu construire une solide expérience utilisateur avec une bonne stratégie de référencement SEO, un bon ROI et un A/B testing efficace. De plus, il s'agissait également de contribuer à l'expérience globale de découverte des produits, en donnant aux visiteurs la liberté de s'approprier leur parcours de navigation avec des informations détaillées sur les produits et les prix, et en renforçant leur confiance avec diverses ressources, comme des cas d'utilisation, des listes de partenaires, etc. Il était essentiel que le site devienne un parcours éducatif pour les visiteurs, axé sur l'expérience, avec une interface utilisateur différente et facile à utiliser.

L'ancien CMS (ou système de gestion de contenu) était chronophage, et l'ensemble de l'expérience de construction de pages était limité en termes de capacité d'adaptation aux différents types de contenu. Il n'était tout simplement pas adapté à un web design plus sophistiqué, en plus d'avoir une licence très coûteuse.

Spendesk voulait également améliorer la collaboration entre les équipes marketing, développement et design, ce qui était dans les capacités de Storyblok. Il s'agissait de répondre aux besoins de 35 utilisateurs, comprenant l'équipe paid marketing, le studio de création (équipe de rédaction pour le contenu français, allemand et anglais), et d'autres fonctions telles que la communication institutionnelle, les relations publiques, et le community relations (gestion de la communauté Spendesk, CFO Connect). Un total de 6 mois a été prévu pour l'ensemble du processus, de la prise de décision, la migration technique, le référencement, la migration du contenu, à la reconstruction de l'ensemble du système de conception.

Migrer plus de 1000 pages de blog vers Storyblok

Parallèlement à la migration de son site web, Spendesk souhaitait également transférer son blog vers Storyblok - auparavant, celui-ci était hébergé sur HubSpot. Au lieu d'avoir un sous-domaine blog.spendesk.com, l'équipe voulait tout compiler dans un fichier au sein du domaine principal, en tant que /blog/.

Cela leur permettait de tirer parti du trafic du blog et de mieux le convertir vers leur site web principal, ce qui représente 3 à 4 fois le trafic du site web de Spendesk aujourd'hui. Un autre avantage clé de la migration était le fait que l'équipe voulait avoir une expérience de navigation transparente au lieu d'avoir deux sites différents (le site principal et le site du blog). Avoir une seule navigation pour les deux a permis de créer des passerelles de conversion vers les pages principales (page d'accueil, pages produits et pages de prix).

Pour effectuer la migration, l'équipe de Michael a centralisé sa base de code et de design dans Storyblok afin de créer une expérience d'édition cohérente pour ses rédacteurs de contenu, où ils peuvent facilement réutiliser les composants existants dans les articles de blog. Cette opération a également nécessité une refonte, dont la phase de conception globale a été achevée un mois avant le début de la migration. Aujourd'hui, plus de 1000 articles de blog et leurs pages sont disponibles, prêts à être édités et mis à jour dans Storyblok, qui est leur hub central de contenu.

Résultats

Dans l'ensemble, Spendesk a pu mesurer la valeur que Storyblok a apporté en offrant la possibilité de redonner aux spécialistes marketing et design l'indépendance et l'autonomie dont ils avaient besoin pour éditer le contenu. Cela a permis aux équipes d'avoir plus de contrôle sur la conception de meilleures expériences pour les clients et sur l'image de marque de leur site web multi-langues. L'ensemble de l'équipe marketing a pu être responsabilisée et chaque rôle utilisateur a pu être défini. De son côté, l'équipe développement a pu livrer les pages plus rapidement - en quelques minutes au lieu de quelques heures - et se concentrer sur l'expérimentation d'éléments apporteurs de valeur commerciale pour le site et le produit.