Phoenix, CMS sur mesure pour horlogers de luxe

Conçu pour répondre aux spécificités de l’horlogerie de luxe, le CMS Phoenix est le fruit d’une longue collaboration avec Jaeger-LeCoultre et d’autres maisons du groupe.

Une plateforme technologique au service d’une personnalisation idéale

Le CMS Phoenix repose sur Laravel et Vue.js. Tous les composants de frontend sont réunis dans un styleguide. Chaque maison en a un pour son design spécifique. Cette plateforme constitue les fondements d’une personnalisation puissante.

Les quatre Maisons disposent d’un code de base commun. Elles peuvent donc facilement partager des fonctionnalités en lien par exemple avec l’administration, la manipulation des produits, les grilles de produits ou même les processus de paiement. Résultat : la maintenance du code de base principal est simple et applicable à toutes les maisons. Pour autant, chacune d’entre elles a la possibilité de développer ses propres fonctionnalités et ses designs spécifiques.

De plus, nous avons également ajouté plus de 1 000 tests automatisés avec Cypress. Ces tests couvrent un large éventail de cas, allant de la vérification de l’affichage du site web jusqu’à la simulation d’un processus de paiement complet. Nous nous assurons ainsi de ne pas introduire de régressions majeures lors de l’intégration de nouvelles fonctionnalités.

Les principales fonctionnalités du CMS Phoenix

Le CMS Phoenix s’est énormément développé au fil des ans. Nous avons commencé par concevoir ses fonctionnalités essentielles et les avons ensuite progressivement élargies. Gestion des produits, système de traduction, gestion de la localisation, système d’indicateur de fonctionnalités, optimisation de la performance, gestion des formulaires... le CMS répond à tous les besoins des maisons. Voici un aperçu des principales fonctionnalités de Phoenix :

Concentrons-nous sur les trois fonctionnalités qui sont les plus avantageuses pour l’utilisateur∙rice final∙e :

• Pages et blocs
• Gestion de la localisation
• Gestion des images avec Rokka.io pour une meilleure performance

Le contenu le plus récent, constamment mis à jour, sur chaque page

Content Management System ou système de gestion de contenu. C’est ce que veut dire CMS et c’est précisément ce que fait Phoenix.

La gestion de contenu est l’aspect le plus important pour les maisons. Pour offrir à leur clientèle une expérience parfaite, elles ont besoin d’un CMS extrêmement flexible.

Nous avons donc développé un système de gestion de contenu puissant qui permet aux maisons :

• D’organiser l’architecture de leurs pages
• D’éditer le statut de publication d’une page à tout moment (brouillon, publiée, désactivée, masquée), et dans n’importe quel pays (certaines pages par exemple ne sont publiées qu’en Chine)
• De programmer la publication de pages
• De créer des mises en page originales grâce à un système flexible de blocs

Ce dernier point est crucial. Pour offrir la meilleure expérience possible, Jaeger-LeCoultre doit pouvoir publier une multitude de pages d’accueil très variées en termes de design. La bibliothèque de composants élaborée dans le guide de style est très fournie et leur permet de créer des pages immersives avec différents contenus : vidéos, barres de défilement, modes immersifs, mise en avant de produits... Tout y est !

Bien entendu, les blocs peuvent tous être utilisés sur n’importe quel type de page et même être partagés sur plusieurs pages. L’administrateur∙rice du site web peut ainsi actualiser automatiquement le contenu de plusieurs pages en révisant le bloc une seule fois.

Ce système puissant et flexible de gestion de contenu constitue l’outil indispensable pour créer une expérience de marque immersive pour les utilisateurs∙rices finaux∙ales. Le tout avec un travail d’administration très simple pour Jaeger-LeCoultre.

Multi-pays, multi-langues et multi-marchés grâce à notre système de localisation

Jaeger-LeCoultre est l’une des plus célèbres maisons horlogères au monde. La marque se doit donc d’avoir un site web adapté aux besoins de nombreux pays et marchés. En effet, il se décline en 12 langues pour 34 pays, permettant aux internautes d’acheter des produits en ligne en Europe, aux États-Unis, en Chine, en Corée, dans les pays de l’APAC et au Japon !

Comment gérer de si nombreux pays et de si nombreuses langues ? Avec notre système de localisation. Son concept est simple : une localisation = un pays + une langue. Par exemple la France, en français.

Mais alors, quid d’un pays où l’on parle plusieurs langues ? Aucun problème. Le système peut gérer plusieurs localisations par pays. Nous pouvons donc créer un site pour la Suisse, en français, allemand, italien et anglais, ou pour la Corée du Sud, en coréen et en anglais.

Comme le développement de la marque est un processus continu, nous avons dû concevoir un système qui permette la création d’une nouvelle localisation rapidement, sans trop d’efforts. Tout se passe au niveau de l’administration du site. L’administrateur∙rice n’a qu’à sélectionner le pays et les langues de son choix pour créer une nouvelle localisation.

Qu’en est-il des contenus du site web ? Personne n’a envie de créer une coquille vide et de passer ensuite des heures à entrer de nouveaux contenus manuellement. Pour l’éviter, nous avons prévu la possibilité de réutiliser le contenu d’une localisation existante afin de le propager dans une nouvelle. Par exemple, si on crée le Canada en français, on peut réutiliser tous les contenus de la France, localisation française.

Cerise sur le gâteau : tous nos systèmes de gestion de contenu permettent de créer des exceptions pour des localisations spécifiques. L’administrateur∙rice peut ainsi gérer les différences entre deux pays qui ont la même langue, comme les États-Unis et le Royaume-Uni. Au besoin, il est même possible de créer deux langues distinctes !

Et s’il faut, au contraire publier du contenu pour une localisation spécifique mais pas pour les autres ? Aucun problème, notre système de publication est axé sur la localisation. Cela signifie que l’administrateur∙rice dispose de la flexibilité de publier et désactiver des contenus sur le site web pour chaque localisation.

Rokka, la solution pour gérer ses supports médias

Aujourd’hui, avoir un site web performant est absolument indispensable. La gestion des supports média était d’ailleurs l’un des principaux aspects à maîtriser dans le projet. Jaeger-LeCoultre dispose de magnifiques supports et le site web doit en constituer la vitrine. Cependant, comment proposer des images et vidéos attractives sans entraver la performance du site web ?

Très simplement, avec Rokka : un produit que nous avons développé il y a quelques années précisément pour relever ce défi. Chaque image téléchargée sur le site web passe par Rokka, qui optimise l’équilibre parfait entre poids et qualité. Rokka génère également différentes stacks (format d’image pour une taille d’écran spécifique), ce qui permet de proposer la bonne image à chaque utilisateur∙rice, adaptée à la taille de son écran. Cela évite aux utilisateurs∙rices d’avoir à charger une image qui n’est pas optimisée pour leur appareil.

Qu’en est-il des vidéos ? Rokka s’en charge aussi ! Chaque vidéo est compressée et gérée par Rokka, ce qui nous permet d’optimiser le poids du fichier sans renoncer à la qualité.

En dehors de Rokka, nous améliorons aussi constamment la performance du CMS, la gestion des caches, ou encore l’optimisation des requêtes. La performance du site web est décisive à de nombreux égards (SEO, taux de conversion, etc.) et est toujours dans notre ligne de mire.

Au fil des ans, nous avons développé un CMS puissant pour les maisons, avec toujours pour objectif de fournir la meilleure expérience utilisateur possible. Il aurait été impossible d’aborder tous les aspects du CMS dans cet article, mais nous espérons que cet aperçu vous a plu. Nous sommes fiers∙ères du travail accompli, qui a propulsé le site web de Jaeger-LeCoultre dans une autre dimension. C’est incontestablement l’une de nos plus grandes réussites. Nous continuons d’améliorer en permanence certains éléments) et de créer de nouvelles fonctionnalités pour apporter de la valeur ajoutée à notre client et à ses utilisateurs∙rices finaux∙ales.