NZZ Connect, succursale de la NZZ, organise des conférences et des événements d'importance nationale, comme le Swiss Economic Forum, la conférence FutureHealth ou l'Open-i. Ils créent ainsi un échange entre les acteurs de l'économie, de la politique, de la science et des autorités afin de discuter de thèmes centraux et actuels.
Les événements, programmes et formats de NZZ Connect sont présentés sur leurs sites web respectifs.
Auparavant, ces sites étaient indépendants, ce qui signifiait que plus de 12 configurations différentes avec des systèmes de gestion de contenu et des technologies individuelles étaient utilisées. Ces sites devaient être gérés et mis à jour individuellement et indépendamment les uns des autres, ce qui représentait bien entendu une charge de travail importante, notamment pour l'équipe de gestion du contenu. Tous les contenus devaient être créés et gérés individuellement pour chaque page, même si les contenus étaient similaires dans leur structure (par ex. le programme) ou même identiques (par ex. le portrait d'une conférencière qui se produisait lors de deux des événements). De plus, l'utilisation des systèmes n'était pas uniforme, ce qui a entraîné un grand travail d'initiation et de formation, et enfin, bien sûr, la gestion et la coordination avec les différentes agences étaient liées à des dépenses.
L'objectif était donc de trouver une solution qui minimise ces dépenses à l'avenir et facilite l'entretien de tous les sites web. Pour ce faire, nous avons discuté des approches et des solutions possibles dans le cadre de plusieurs ateliers.
Les différents événements continuent à avoir besoin de leurs propres sites web, car ils ont chacun leur propre thème, leur propre image, leur propre groupe cible et leur propre identité d'entreprise. Le ou les systèmes qui les sous-tendent seront toutefois remplacés par un système unique qui permettra de gérer les sites de manière centralisée. C'est Statamic, notre "CMS de confiance", qui est utilisé.
Dans un premier temps, nous avons analysé le "paysage du site web" existant de NZZ Connect. Nous avons identifié les points communs et dressé une liste complète des composants et des modules existants. Cela nous a permis d'établir un ordre de priorité des composants et fonctionnalités nécessaires à l'avenir.
Le fait qu'une grande partie des contenus ait été réalisée sous forme de composants réutilisables permet de réutiliser facilement les contenus utilisés sur différents sites (comme les orateurs ou les sponsors). L'utilisation de contenus réutilisables garantit un design et une cohérence uniformes sur les différentes pages, tout en respectant les designs et les marques des différents événements. Pour chaque page, il est possible de définir ses propres polices, couleurs, favicons, etc.
Comme Statamic est utilisé comme API unique pour tous les contenus, l'équipe de gestion de contenu peut éditer ou ajouter des contenus de manière centralisée, qui sont ensuite automatiquement mis à jour sur toutes les pages souhaitées. Cela rend la gestion des différentes pages particulièrement efficace.
La fonction de prévisualisation du contenu de Statamic permet de s'assurer que tous les contenus ont l'apparence souhaitée avant leur publication.
"L'approche d'Apps with love, avec une phase intensive d'ateliers, de relevé des exigences et de discussion, a effectivement conduit à une compréhension commune de nos défis. Cela nous a permis de mettre en ligne le premier site réalisé avec le nouveau système pour le Swiss Economic Forum dans les délais impartis. Nous avons pu intégrer petit à petit les sites web de tous nos événements dans le CMS et ainsi profiter des synergies. Objectif atteint!"
Dominic Lüthy, Director Marketing & Communication
Le grand défi d'un CMS multisite, ou plutôt d'une réflexion sur l'utilité d'un CMS multisite, est entre autres le coût des automatisations et la question de savoir si l'on ne s'expose pas finalement à plus de travail et à des dépendances pénibles avec des composants standardisés et des contenus partagés sur plusieurs pages. Grâce à la flexibilité de Statamic et à une architecture intelligente, nous avons réussi à relever ce défi. Dans l'ensemble, l'architecture est (relativement) simple, la complexité réside dans les détails. Les décrire ici dépasserait le cadre et fera peut-être l'objet d'un billet de blog à l'avenir.
L'élément central est la combinaison de Statamic comme hub central de contenu sans tête et de Vercel comme infrastructure en tant que service (IaaS) et une "simplification du déploiement" massive avec GitLab : le processus de déploiement est entièrement automatisé. Dès qu'une modification de code est téléchargée dans le référentiel (GitLab), le déploiement du site web s'effectue automatiquement via Vercel. Aucune installation ou mise à jour manuelle n'est donc nécessaire, ce qui permet de gagner du temps et de réduire les erreurs.
En raison de l'utilisation de Vercel, l'utilisation de Next.js, un framework moderne basé sur React, s'est imposée dans le frontend. Next.js traite les requêtes sur le domaine concerné et les transmet. Grâce à des requêtes serveur efficaces et à des processus d'affichage optimisés, Next.js garantit un chargement rapide des sites web et une amélioration de la performance globale.
Le CMS Statamic utilisé est basé sur Laravel. Laravel offre de nombreux outils utiles pour gérer efficacement le traitement des données et les adaptations de l'API. Grâce à des fonctions telles que la validation et les listeners, le backend peut être adapté de manière flexible, tout en conservant un code clair et facile à entretenir. Grâce à l'utilisation headless de Statamic, le contenu peut désormais être facilement récupéré via l'API et donc utilisé dans l'application NZZ Connect, développée par Semabit. Cela signifie que des informations telles que la liste des orateurs lors d'un événement spécifique peuvent être gérées en un seul endroit et utilisées indépendamment du site web ou de l'application.
La nouvelle solution représente une simplification considérable pour l'équipe de gestion de contenu et les organisateurs d'événements de NZZ Connect. Ils ne doivent plus se familiariser avec différents systèmes et leurs particularités, mais avec un seul. Les nouvelles pages peuvent être créées rapidement et facilement et la saisie et la mise à jour des contenus deviennent plus efficaces. Alors qu'il fallait auparavant plusieurs jours pour créer une nouvelle page, il ne nous faut plus que 6 à 8 heures pour rendre un nouveau site web opérationnel.
Les événements conservent leur propre identité visuelle, tout en étant reconnaissables en tant qu'événements NZZ Connect grâce aux composants réutilisables.
À cela s'ajoute le fait que l'API est également utilisée pour l'application mobile, ce qui permet de gérer l'ensemble du contenu de manière centralisée en un seul endroit et de l'afficher de manière uniforme aussi bien sur le site web que sur l'application.
La solution centralisée a également permis de réduire considérablement le nombre d'interlocuteurs et de contrats de service pour NZZ Connect, ce qui a également permis d'obtenir une configuration plus légère d'un point de vue administratif.
