BSN Sports: Team Art Locker
Une architecture basée sur Symfony et React, pour remplacer un ERP et plusieurs bases de données externes
L’entreprise
BSN Sports est le plus grand fabricant de vêtements sportifs personnalisés pour les universités et les écoles aux États-Unis. Si vous avez déjà vu une université vendre des T-shirts à son effigie ou si vous avez été impressionné par ses uniformes, il y a de fortes chances que BSN Sports les ait produits. BSN Sports produit toutes sortes de vêtements et d'accessoires, des T-shirts aux pantalons de survêtement en passant par les maillots de football et les bouteilles d'eau. BSN Sports peut même graver des ballons de football au laser.
Les enjeux
Reconnaissant la nécessité de partager et de mettre en avant la richesse et la variété de son offre, BSN Sports a cherché un outil pour soutenir plus efficacement son équipe de vente. Bien que cela ait été une étape nécessaire et compréhensible, les résultats finaux ont dépassé toutes les attentes : une expérience.
D'un point de vue technique, BSN Sports devait replatformer ses applications actuelles sur le framework Symfony et cherchait de l'aide de la part de consultants experts dans l'architecture et l'implémentation du framework. C'est pourquoi BSN Sports a contacté SensioLabs, le créateur de Symfony, qui a ensuite recommandé Unleashed, partenaire certifié de SensioLabs aux États-Unis, pour la refonte.
La solution : un Atelier d’Architecture
Division du projet pour déterminer les fonctions et les classer par ordre de priorité
Évaluation des risques et des principaux problèmes à traiter
Architecture logicielle (Symfony, Bundles, autres solutions), interaction et responsabilité des briques pour obtenir une fonctionnalité optimale de l’application
Proposition de différents scénarios pour une architecture technique à long terme, évolutive et sécurisée
Définition de la solution optimale
L’histoire
Dans un premier temps, SensioLabs a organisé un atelier d'architecture avec BSN Sports afin d'auditer les applications existantes et de définir la feuille de route de la migration. Puis, SensioLabs s'est associé à Unleashed Technologies pour concevoir et développer l'application de BSN Sports en Symfony et React. Composée de plusieurs outils de personnalisation puissants, cette application de création de produits permet aux commerciaux de BSN Sports de filtrer, de sélectionner et de personnaliser les produits.
SensioLabs et Unleashed Technologies ont développé les fonctionnalités métiers de BSN Sports pour l'interface d'administration et l'application front-end, en utilisant des API REST JSON. Notre mission consistait à importer les données de l'ancien système dans le nouveau modèle, à faire communiquer plusieurs API entre elles, et à garantir (1) les performances des applications et (2) la sécurité de l'accès aux ressources.
L'application a été conçue pour rendre les milliers d'options très intuitives pour l'utilisateur. En parallèle, l'utilisation de Verge3D par Unleashed Technologies pour créer et représenter les produits en 3D les fait paraître réels dès le départ. En relation avec leur client, les commerciaux de BSN Sports peuvent ajouter des designs préfabriqués ou personnalisés, avec les couleurs, les polices et les mascottes de leur choix. Ils peuvent également commander la création de ces mascottes et icônes de logo à des graphistes via la fonction « Art Request » du système.
Une fois la mascotte et les couleurs choisies, les commerciaux peuvent finaliser le produit à l'aide d'un puissant outil de personnalisation. Ils peuvent ainsi modifier le produit de base, les dessins, les couleurs, le contenu textuel, la taille, l'emplacement, la rotation, la logique des couleurs, la mascotte elle-même, etc. Le produit est ensuite intégré au pipeline de vente du client, et le tour est joué.
Conçue par Unleashed Technologies et SensioLabs, l'application est un Symfony Headless avec un front-end React. Cette approche permet un niveau avancé de personnalisation : Unleashed Technologies a pu fournir à peu près tout ce dont le client a besoin. L'application a été conçue pour être intuitive tout en permettant le traitement de nombreuses API avec des données sur presque toutes les universités du pays, y compris l'emplacement, le nom de l'équipe, le logo, les couleurs, etc. La qualité est primordiale, et l'environnement de développement utilise plusieurs outils de test automatisés, notamment PHPUnit pour le code back-end et Cypress pour les tests front-end.
Les avantages
Avec l'application Team Art Locker, un commercial de BSN Sports peut se rendre dans une université ou une école, discuter avec un entraîneur et travailler avec lui, de manière simple, à la conception et à la création de tous les T-shirts, maillots ou autres accessoires personnalisés dont le club a besoin. Ils peuvent également aider le club de supporters à organiser une collecte de fonds en créant un site e-commerce personnalisé appelé My Team Shop, sur lequel ils peuvent vendre des produits dans une gamme de couleurs et de tailles avec l'illustration de l'école. Ces boutiques s'interfacent à l'ERP SAP de BSN Sports, ce qui permet au commercial de choisir des lots de produits ou des produits spécifiques personnalisés. Cette application permet également de personnaliser les prix et de contrôler les marges de manière très granulaire.
L'application de BSN Sports a été pensée pour soutenir la croissance de l'entreprise à l'international, même si BSN Sports n'est actuellement basée qu'aux États-Unis. Elle permet d'éliminer autant que possible les allers-retours logistiques du processus, afin de permettre aux commerciaux et aux universités de transformer ce qui était un exercice pénible en un processus efficace, créatif et même stimulant.
