Net-A-Porter

Détails du Net-a-Porter

Résumé

Net-A-Porter gagne du temps de développement grâce à la bibliothèque Polymer de Google

L'équipe NET-A-PORTER a mis en œuvre une conception basée sur des composants sur ses propriétés en ligne à l'aide de la bibliothèque Polymer de Google. Cela a permis de gagner énormément de temps de développement, de normaliser le code sur l'ensemble de leurs sites et d'améliorer les performances de SEO grâce à l'utilisation de données structurées.

Résultats

  • Gain de temps pour le développement
  • Code standardisé sur les propriétés en ligne de NET-A-PORTER.
  • Améliorer les performances en termes de SEO grâce à l'utilisation de données structurées

Télécharger l'étude de cas au format PDF

À propos de NET-A-PORTER

Lancé en juin 2000, NET-A-PORTER est un leader mondial de la mode en ligne de luxe, proposant des collections de plus de 350 créateurs les plus en vue au monde.

Derrière la vitrine en ligne de l'entreprise, son équipe d'ingénieurs s'efforce de fournir et de gérer net-a-porter.com et son réseau de sites Web et d'applications, qui comprend deux magazines de mode et un réseau social.

Lorsqu'ils réfléchissent à leurs propriétés Web, les ingénieurs de NET-A-PORTER voient chaque page d'un site non pas comme une page, mais comme un ensemble de composants.

Une page de produit, par exemple, peut inclure un composant de tarification qui indique les économies réalisées lors d'une promotion, un composant de carrousel avec des liens vers des produits associés, un composant interactif présentant des tenues complètes incluant des produits, un composant de menu déroulant pour ajouter un produit à une liste de souhaits, etc.

Une approche basée sur des composants

Début 2016, l'équipe d'ingénieurs de NET-A-PORTER a décidé d'évaluer la manière dont l'entreprise pourrait prendre les composants et les appliquer à la façon dont elle écrira le code de ses propriétés Web. En raison des nombreuses pages et sous-propriétés de NET-A-PORTER et des différentes équipes qui gèrent ces pages, les ingénieurs savaient qu'il n'était pas logique de partir de zéro avec une nouvelle technologie qui nécessiterait de se débarrasser de leur pile existante. La solution idéale leur permettrait de se superposer à de nouveaux composants et de les ajouter aux pages à mesure que des composants supplémentaires étaient créés. Les composants doivent pouvoir communiquer de manière indépendante avec différents services de backend et présenter des données structurées sur le produit aux robots d'exploration.

Tests et succès de Polymer

Après avoir évalué différentes solutions, NET-A-PORTER a choisi de tester la bibliothèque Polymer de Google. L'expérience initiale avec Polymer s'est achevée si rapidement et avec succès que les ingénieurs de NET-A-PORTER ont décidé d'intégrer Polymer dans la planification globale du développement du site Web de l'entreprise presque immédiatement.

Robin Glen et Matthew Green, ingénieurs de l'équipe, nous ont fait savoir:

Polymer a été facile à intégrer à notre système et à être opérationnel en un rien de temps. Le fait que nous ayons un si grand site Web avec autant d'aspects différents signifie qu'il est facile pour nous de rencontrer des incohérences. Polymer nous permet de créer des applications Web complètes, complexes, évolutives et faciles à gérer.

La standardisation du code a également été facile, car Polymer est basé sur les normes des navigateurs de composants Web. Glen continue:

En intégrant les normes Web, notre code reste proche de la plate-forme. Il est ainsi plus facile d'apprendre à utiliser et de créer de nouveaux composants, ce qui garantit une amélioration continue des performances à mesure que les navigateurs s'améliorent et nous permet de planifier sur le long terme. Basée sur la norme W3C, nous avons confiance en cette plate-forme. Bientôt, même les polyfills disparaîtront globalement.

Il y avait aussi des avantages en termes de SEO. Glen affirme que:

Les composants présentent efficacement des données structurées détaillées sur les produits aux moteurs de recherche. Le test de ces données structurées fait désormais directement partie du schéma d'intégration continue de notre équipe.

En investissant dans la conception et la création de composants, l'équipe de NET-A-PORTER constate des gains d'efficacité spectaculaires à long terme : les nouvelles pages et fonctionnalités sont plus simples et plus rapides à créer et à lancer, et il est plus facile d'intégrer les commentaires des partenaires et les ajustements de conception dans le processus d'ingénierie.

L'avenir de Polymer

L'équipe est ravie de la façon dont Polymer a contribué à son développement Web. L'avis de Glen :

Dès que nous avons vu comment réutiliser les composants en les assemblant de différentes manières, nous nous sommes réjouis. Nous avons commencé à nous demander s'il existait d'autres façons d'exploiter les composants de l'entreprise.

Glen a le sentiment qu'il y a encore beaucoup à découvrir avec Polymer. Il dit :

Ce n'est que le début de notre aventure Polymer. Nous améliorons actuellement la livraison et la gestion des composants existants, tout en nous efforçant d'étendre l'utilisation de Polymer à davantage de pages NET-A-PORTER. Nous nous efforçons de documenter notre approche à l'aide d'un guide de style des composants NET-A-PORTER accessible au public. Polymer s'est également révélé très utile pour les outils internes. Nous avons récemment créé un ensemble de composants graphiques et replacé l'ensemble de notre service de surveillance afin d'utiliser Polymer.