BSN Sports: Teamkunst-Schließfach
Eine auf Symfony und React basierende Architektur zur Ablösung einer ERP-Plattform, externer Datenbanken und Ingenieurwerkzeuge
Das Unternehmen
BSN ist der größte Hersteller von individuell gestalteter Sportbekleidung für Highschools in den Vereinigten Staaten. Wenn Sie jemals eine Highschool gesehen haben, die T-Shirts mit ihrem Logo verkauft, oder Highschools mit wirklich schönen Uniformen, besteht eine sehr hohe Wahrscheinlichkeit, dass BSN Sports sie produziert hat. BSN Sports stellt alle Arten von Bekleidung und Zubehör her, von T-Shirts über Jogginghosen bis hin zu Football-Trikots und Wasserflaschen. Sie können sogar Footballs mit einem Laser gravieren.
Die Probleme
BSN erkannte die Notwendigkeit, die Vielfalt und Tiefe seines Angebots zu kommunizieren und zu unterstützen und benötigte eine Plattform, die das Vertriebsteam effizienter unterstützen konnte. Und obwohl dies als notwendiger und verständlicher Ausgangspunkt diente, wurden die Endergebnisse so viel mehr: Eine Erfahrung.
Aus technischer Sicht musste BSN seine aktuellen Anwendungen auf das Symfony-Framework umstellen und suchte nach Beratungsdiensten, die bei der Architektur und Implementierung des Basis-Frameworks unterstützen. Daher wandte sich BSN an SensioLabs, den Erfinder von Symfony, und zog Unleashed hinzu, um mit SensioLabs bei der Umstellung zusammenzuarbeiten.
Die Lösung: Architektur-Workshop
Aufteilung des Projekts, um Funktionen zu bestimmen und zu priorisieren
Bewertung von Risiken und Hauptproblemen des Projekts
Architektur der Software (Symfony, Bundles, andere Lösungen), Interaktion und Verantwortung der Komponenten, um die optimale Funktionalität der Anwendung zu gewährleisten
Vorschlag verschiedener Szenarien für eine langfristige technische Architektur, die skalierbar und sicher ist
Definition der optimalen Lösung
Die Geschichte
Zuerst organisierte SensioLabs einen Architektur-Workshop mit BSN, um die aktuellen Anwendungen zu überprüfen und die Migrations-Roadmap zu definieren. Dann schloss sich SensioLabs mit Unleashed zusammen, um die BSN-Sportanwendung in Symfony und React als voll ausgestattete Produktentwicklungsanwendung zu entwickeln. Diese Anwendung verfügt über mehrere leistungsstarke Anpassungstools, mit denen Vertriebsprofis Produkte filtern, auswählen und anpassen können.
SensioLabs und Unleashed entwickelten die Geschäftsfunktionalitäten von BSN für die Administrationsschnittstelle und die Frontend-Anwendung unter Verwendung von REST-JSON-APIs. Unsere Mission war es, die Daten des alten Systems in das neue Modell zu importieren, mehrere APIs miteinander kommunizieren zu lassen, die Leistung der Anwendungen sicherzustellen und den sicheren Zugriff auf Ressourcen zu gewährleisten.
Das System wurde so konzipiert, dass buchstäblich Tausende von Optionen für den Benutzer intuitiv sind, während Unleasheds Verwendung von Verge3D zur Erstellung und Darstellung von Produkten in 3D sie von Anfang an real erscheinen lässt. Vertriebsprofis können vorgefertigte oder maßgeschneiderte Designs mit den Farben, Schriftarten und Maskottchen des Kunden hinzufügen. Sie können auch die Erstellung dieser Maskottchen und Logosymbole von professionellen Künstlern über das System mit der Funktion „Kunstanfrage“ in Auftrag geben.
Nachdem ein Maskottchen und die Farben ausgewählt wurden, können Vertriebsmitarbeiter das Produkt mit einem leistungsstarken Anpassungstool finalisieren, das es ihnen ermöglicht, das Basisprodukt, Designs, Farben, Textinhalte, Größe, Position, Rotation, Farblogik, das Maskottchen selbst und mehr zu ändern. Danach geht das Produkt letztendlich in die Vertriebspipeline des Kunden und der Rest ist Geschichte.
Unleashed und SensioLabs bauten dieses Tool als eine headless Symfony-App mit einem React-Frontend. Dieser Ansatz ermöglicht ein fortgeschrittenes Maß an Anpassbarkeit, sodass Unleashed praktisch alles liefern kann, was der Kunde benötigt. Es wurde so gestaltet, dass es intuitiv ist und gleichzeitig zahlreiche API-Verbindungen zu Daten über nahezu jede Highschool im Land aufrechterhält, einschließlich Standort, Teamname, Logo, Farben und mehr. Qualitätskontrolle ist von größter Bedeutung, und die Entwicklungsumgebung nutzt mehrere automatisierte Testwerkzeuge, darunter PHPUnit für den Backend-Code und Cypress für das Frontend-Testing.
Mit der Team Art Locker-Anwendung kann ein BSN-Vertriebsmitarbeiter in eine Schule gehen, sich mit einem Trainer zusammensetzen und mit ihm alle maßgeschneiderten T-Shirts, Trikots oder andere Accessoires entwerfen und erstellen, die sie benötigen. Sie können auch dem Förderverein helfen, eine Spendenaktion zu organisieren, indem sie eine maßgeschneiderte Online-E-Commerce-Website namens My Team Shop erstellen und Produkte in verschiedenen Farben und Größen mit dem Schul-Logo verkaufen. Diese Shops integrieren sich in die SAP-Software von BSN, die es dem Vertreter ermöglicht, Produktpakete oder spezifisch angepasste Produkte auszuwählen. Es unterstützt auch angepasste Preise oder Margenkontrollen auf sehr granularer Ebene.
Mit Blick auf die Expansion wurde das Tool so gebaut, dass es weltweites Wachstum unterstützt, auch wenn der Kunde derzeit nur in den USA ansässig ist. Das Tool ist darauf ausgelegt, so viel wie möglich von der logistischen Hin- und Her-Kommunikation aus dem Prozess zu entfernen, um sowohl Vertriebsmitarbeiter als auch die Schulen, die sie unterstützen, besser zu befähigen, den früher mühsamen Prozess in einen effizienten, kreativen und sogar spaßigen zu verwandeln.
