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 est le plus grand fabricant de vêtements de sport personnalisés pour les lycées aux États-Unis. Si vous avez déjà vu un lycée vendre des T-shirts avec leur logo ou des uniformes très soignés, 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. Ils peuvent même graver des ballons de football avec un laser.
Les Problèmes
BSN a reconnu la nécessité de transmettre et de soutenir la profondeur et la variété de ses offres et avait besoin d’une plateforme pour soutenir son équipe de vente plus efficacement. Bien que cela ait servi de point de départ nécessaire et compréhensible, les résultats finaux sont devenus bien plus que cela : une expérience.
D’un point de vue technique, BSN devait re-platformer ses applications actuelles sur le framework Symfony et cherchait des services de conseil pour aider à l’architecture et à la mise en œuvre du framework de base. C’est pourquoi BSN a contacté SensioLabs, le créateur de Symfony, et a par la suite référé Unleashed pour s’associer à SensioLabs sur le re-platforming.
La Solution : Atelier d’Architecture
• Division du projet pour déterminer et prioriser les fonctions • Évaluation des risques et des principaux problèmes à aborder • 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
Tout d’abord, SensioLabs a organisé un Atelier d’Architecture avec BSN pour auditer les applications actuelles et définir la feuille de route de migration. Ensuite, SensioLabs s’est associé à Unleashed pour co-architecturer et développer l’application BSN Sports en Symfony et React en tant qu’application de création de produits entièrement équipée, avec plusieurs outils de personnalisation puissants permettant aux professionnels de la vente de filtrer, sélectionner et personnaliser les produits.
SensioLabs et Unleashed ont développé les fonctionnalités métier de BSN pour l’interface d’administration et l’application frontale en utilisant des API REST JSON. Notre mission était d’importer les données de l’ancien système dans le nouveau modèle, de faire communiquer plusieurs API entre elles, d’assurer (1) la performance des applications et (2) la sécurité de l’accès aux ressources.
Le système a été conçu pour rendre intuitives des milliers d’options pour l’utilisateur, tandis que l’utilisation de Verge3D par Unleashed pour créer et rendre des produits en 3D les rend réels dès le départ. Les professionnels de la vente peuvent ajouter des designs préfabriqués ou personnalisés avec les couleurs, polices et mascottes du client. Ils peuvent également commander la création de ces mascottes et icônes de logo par des artistes professionnels via le système en utilisant une fonctionnalité “Demande d’Art”.
Après avoir choisi une mascotte et des couleurs, les représentants commerciaux peuvent finaliser le produit à l’aide d’un puissant outil de personnalisation, qui leur permet de modifier le produit de base, les designs, les couleurs, le contenu textuel, la taille, l’emplacement, la rotation, la logique des couleurs, la mascotte elle-même, et plus encore. Ensuite, le produit est finalement intégré dans le pipeline de vente du client, et le reste appartient à l’histoire.
Unleashed et SensioLabs ont construit cet outil comme une application Symfony sans tête utilisant un front-end React. Cette approche permet un niveau avancé de personnalisation, de sorte qu’Unleashed peut répondre à presque tous les besoins du client. Il a été conçu pour être intuitif tout en maintenant de nombreuses connexions API aux données de presque tous les lycées du pays, y compris la localisation, le nom de l’équipe, le logo, les couleurs, et plus encore. Le contrôle de la qualité est primordial, 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.
Avec l’application Team Art Locker, un vendeur de BSN peut se rendre dans une école, s’asseoir avec un coach et travailler avec lui pour concevoir et créer tous les T-shirts, maillots ou autres accessoires personnalisés dont il pourrait avoir besoin. Ils peuvent également aider le club de soutien à organiser une collecte de fonds, en créant un site de commerce électronique en ligne personnalisé appelé My Team Shop, et vendre des produits dans une gamme de couleurs et de tailles avec l’art de l’école. Ces magasins s’intègrent au logiciel SAP de BSN, permettant au représentant de choisir des lots de produits ou des produits personnalisés spécifiques. Il prend également en charge la tarification personnalisée ou le contrôle des marges de manière très granulaire.
Avec l’expansion à l’esprit, l’outil a été conçu pour soutenir la croissance mondiale, bien que le client soit actuellement basé uniquement aux États-Unis. L’outil est conçu pour éliminer autant que possible les allers-retours logistiques du processus, afin de mieux autonomiser à la fois les représentants commerciaux et les écoles qu’ils soutiennent, transformant ce qui était autrefois un processus fastidieux en un processus efficace, créatif et même amusant.
