Paul Smith - L'expérience numérique d'un flagship store

Naviguer sur le site web de Paul Smith est une expérience unique. Il permet aux utilisateurs de rester dans un environnement familier grâce à une UX et une UI standard, tout en améliorant leur parcours client avec des éléments significatifs, reproduisant l'expérience d'un client dans l'un de leurs magasins physiques. La fonction de chat en temps réel, le design qui reprend la voix de la marque Paul Smith (l'indépendance artistique), l'emblème du Golden Rabbit, ainsi que la liste des divers services et les catégories d'achat originales créent un parcours immersif, qui reflète l'héritage de Paul Smith.

Mais qui est à l'origine de la présence de Paul Smith sur le web?

La réponse est simple: une technologie puissante, une agence de communication externe et, bien sûr, l'équipe de Paul Smith. Lisez la suite de cette incroyable collaboration.

L'agence et la relation avec Paul Smith

Limesharp est une agence 100% à distance avec des bureaux au Royaume-Uni, en Nouvelle-Zélande et à Auckland. Au cours de ses 15 années d'activité, elle s'est concentrée sur le eCommerce pour des marques de mode, de luxe et haut de gamme. Sa force réside dans l'élaboration d'expériences client simples et raffinées qui reflètent l'ADN de la marque. À ce titre, Limesharp a eu une collaboration fructueuse avec Paul Smith au cours des trois dernières années.

Selon Limesharp, celle de Paul Smith est l'équipe idéale - aimable, créative, motivée - bref, une team formidable avec des produits extraordinaires. Leur collaboration est si étroite que Limesharp fait essentiellement partie de l'équipe Paul Smith.

C'est exactement ce que Paul Smith représente en tant que première société de design indépendante de Grande-Bretagne. L'entreprise prône la positivité, la curiosité et la créativité, et ces qualités sont à la base de ses créations, de ses boutiques et de ses collaborations.

Fondée en 1970, la marque Paul Smith s'est affirmée comme un symbole de la mode de renommée mondiale, célébrée pour son savoir-faire unique et son magasin phare rose vif situé à Los Angeles, en Californie.

Aujourd'hui, l'entreprise est présente dans plus de 60 pays et dispose d'un vaste réseau de plus de 130 boutiques, ainsi que d'une forte présence dans les grands magasins, les aéroports et les plateformes en ligne les plus importants du secteur. Elle est très fière d'employer des méthodes traditionnelles pour créer des vêtements impeccables pour les hommes et les femmes.

Le cahier des charges

Paul Smith a toujours été tourné vers l'avenir. À l'occasion de la célébration de son 50e anniversaire, la marque s'est posée la question suivante : "Comment rester pertinent pour les cinquante prochaines années ? En tant que créateurs d'avant-garde, ils ont décidé de changer la façon dont ils abordent leurs clients et communiquent avec eux, de rétablir leur marque et de reconstruire leur site web afin d'imiter l'expérience client unique que l'on peut vivre dans l'un de leurs fleurons physiques. Avec ce dernier objectif en tête, l'équipe a fait appel à l'expertise technique de Limesharp et à son expérience préalable dans le eCommerce pour soutenir l'équipe de développement de Paul Smith.

Le calendrier du projet

Dès le début, Paul Smith était résolu à construire son site web sur un CMS headless avec une architecture composable. Après avoir déterminé la stack technique, Limesharp a collaboré avec Paul Smith sur une phase de découverte, identifiant les objectifs en termes de clients et de marque. L'objectif principal était de recréer l'expérience client des magasins physiques. Ensuite, ils se sont attachés à améliorer les actifs, à enrichir les informations grâce à des fichiers multimédias, à ajouter des publications et tous ces éléments significatifs qui font la spécificité de Paul Smith.

Le processus de développement, qui a duré huit mois, s'est déroulé en mode hybride, le back-end ayant été développé par Paul Smith et Limesharp ayant mis en œuvre le front-end. La mise en service s'est déroulée conformément au planning prévu et, actuellement, les deux équipes sont en train de peaufiner les détails, en ajoutant de nouvelles fonctionnalités basées sur la structure existante.

La stack technique

Cherchant à savoir ce qui fonctionnerait le mieux pour le projet, les deux équipes se sont plongées dans le monde de la stack composable et de MACH Alliance.

L'équipe de Limesharp connaît bien Vue.js, et c'est donc naturellement ce framework qu'elle a choisi. En outre, elle a utilisé Larevel pour le middleware, Magento pour le commerce électronique, Cloudinary pour la gestion des actifs numériques (DAM), Klevu pour les recommandations de recherche et le merchandising visuel, et Storyblok comme CMS pour gérer l'ensemble du contenu.

Plus précisément, Klevu aide à rapprocher les visiteurs des produits qu'ils souhaitent acheter. Ses services comprennent la personnalisation du commerce électronique, la recherche intelligente sur site alimentée par l'IA et le NLP, le merchandising par catégorie et les recommandations intelligentes basées sur l'intention de l'acheteur en temps réel.

Smart Search, qui utilise un traitement avancé du langage naturel, génère rapidement des résultats de recherche, même en cas de fautes d'orthographe, de fautes de frappe et de requêtes longues et spécifiques.

L'outil de merchandising par catégorie permet d'affiner les résultats des produits grâce à des règles stratégiques faciles à appliquer, à l'épinglage et à l'exclusion de produits, et à des interfaces simples de type "glisser-déposer", ce qui leur permet de contrôler totalement ce que les clients voient ou de laisser la magie de l'intelligence artificielle opérer.

Les recommandations intelligentes de Klevu permettent d'optimiser les recommandations de produits à l'aide des données de leurs propres acheteurs, créant ainsi une expérience d'achat personnalisée. Comme Paul Smith utilisait déjà Klevu sur sa plateforme monolithique précédente, il s'est appuyé sur l'IA de Klevu pour maximiser la conversion et les revenus pendant la transformation et la migration vers Storyblok.

Klevu a également permis à Paul Smith d'atteindre le parcours client souhaité grâce à une découverte optimisée des produits. En tant que marque, Paul Smith a appris à faire confiance à l'IA pour proposer les bons produits et les bons contenus aux acheteurs, en procédant à un merchandising manuel aussi léger que possible.

En termes de gestion des actifs, Paul Smith s'appuie sur Cloudinary pour automatiser et optimiser de nouvelles approches plus efficaces dans la façon dont Paul Smith gère sa vaste bibliothèque d'images de haute qualité, et vend en ligne.

Cloudinary est un élément central du flux de travail des images numériques de Paul Smith, reliant l'équipe créative de photographes et les spécialistes du marketing. L'équipe s'appuie sur Cloudinary pour traiter les images sans effort en mettant en œuvre une fonction de correspondance de noms qui attribue automatiquement une SKU (unité de gestion des stocks) dans Adobe Commerce.

Paul Smith a ainsi réduit de 40% le temps consacré à la gestion des images. La marque utilise également Cloudinary pour intégrer un plus grand nombre de contenus vidéo dans sa stratégie de vente.

Évolution après Storyblok

Paul Smith disposait de sa propre plateforme CMS, construite sur mesure, mais celle-ci présentait des inconvénients. Lorsque la marque a décidé de passer à un CMS headless, elle a procédé à un long examen des plateformes headless (Contentful, Prismic, Graph CMS, etc.) en essayant de trouver le bon mélange d'architecture composable, d'intégrations simples, de facilité d'utilisation et de flexibilité. L'équipe est arrivée à la conclusion que Storyblok était la plus solide, avec un bon soutien des développeurs et la possibilité de la tester gratuitement. Si l'on ajoute à cela l'éditeur visuel, le fait qu'il est possible d'accéder aux données de plusieurs façons, la longue liste de fonctionnalités uniques, les capacités de programmation, les mises à jour en bloc et la configuration permettant d'améliorer les performances, la décision a été facile à prendre.

Dans le cadre de la refonte du site web, Limesharp a créé une suite de composants, a aidé l'équipe de contenu et les concepteurs à les utiliser et les a encouragés à sortir de leur zone de confort. Actuellement, l'équipe de contenu est très à l'aise avec Storyblok et ses fonctionnalités, et propose des idées et des demandes de fonctionnalités.

Dans l'ensemble, la vie est devenue plus facile pour l'équipe de contenu, qui bénéficie d'une plus grande flexibilité, peut mettre à jour elle-même les conceptions et les mises en page, peut programmer son contenu et dispose d'une plus grande liberté en général.

En outre, les développeurs apprécient l'intégration prête à l'emploi de Cloudinary et sont satisfaits de l'équipe d'assistance de Storyblok, toujours prête à aider lorsqu'ils sont confrontés à un problème.

En termes de résultats mesurables, le travail rigoureux et les bonnes décisions ont porté leurs fruits. Après le lancement, Limesharp a enregistré une augmentation de la vitesse des pages d'environ 50%! Limesharp a optimisé le site web en supprimant les tierces parties et les bibliothèques inutilisées, en allégeant le code et en utilisant le pré-chargement. L'équipe de Limesharp est toujours en train d'améliorer le contexte, en sachant que cette collaboration réussie entre Paul Smith et Limesharp a permis d'augmenter les taux de conversion et de revenus.

À retenir

Une si belle histoire de collaboration, construite sur une stack technique puissante, ne peut avoir qu'une fin heureuse. Les objectifs ont été atteints, la nouvelle interface web a été lancée à temps et, en tant qu'utilisateur régulier, nous pouvons attester qu'elle se rapproche de très prés de l'expérience d'une boutique Paul Smith et de tout ce qu'elle représente.