Case Study
Bosch.com / Bosch.de Website
01.-
Context
Challenge
Architektonische Neugestaltung und Skalierungs-Optimierung der Bosch.com/Bosch.de Website
Die Website von Bosch bedurfte einer grundlegenden Überarbeitung in ihrer Architektur und Skalierbarkeit. Ziel war es, eine hochskalierbare Frontend-API-Schicht zu entwickeln, den Übergang von AngularJS zu modernen Angular-Komponenten zu meistern und eine fortschrittliche Build-Pipeline zu etablieren.
02.-
the cause
Lösung
Rockstardevelopers übernahm die Herausforderung und setzte folgende Schritte um: Frontend-API-Schicht mit FirstSpirit/CaaS: Entwicklung und Implementierung einer leistungsfähigen und skalierbaren Frontend-Architektur. Migration und Modernisierung: Teilmigration von AngularJS zu modernen Angular-Komponenten und Transformation der Build-Pipeline mit React, NodeJs 18 und Webpack 5. Redesign des Headers: Ein komplexes Redesign zur Verbesserung der Benutzerfreundlichkeit und intuitiven Navigation. Codebase-Modernisierung: Migration von veraltetem AngularJS-Code zu modernen, modularen React-Komponenten und Wartung sowie Refaktorisierung von Legacy-Code. Leistungsverbesserungen: Entwicklung einer Webpack 5 Konfiguration, Einsatz von TypeScript für robuste und typsichere Logik sowie Verwendung von Sass für fortschrittliches Styling. Qualitätssicherung: Einsatz von BackstopJS, Karma und Pa11y zur Gewährleistung der Konsistenz und Zugänglichkeit der Benutzeroberfläche. Automatisierung und CI/CD: Implementierung von Screenshot-Tests mit Playwright und Automatisierung von Prozessen mit GitHub Actions.
03.-
Ergebnisse und Impact
Ergebnis
Die umgesetzten Maßnahmen führten zu einer signifikanten Verbesserung der Performance und Benutzererfahrung auf der Bosch-Website. Die neue Architektur und das Header-Redesign ermöglichten eine intuitive Benutzerführung. Die Verwendung moderner Technologien und Frameworks steigerte die Skalierbarkeit und Effizienz der Website. Aufgrund der Maßnahmen erzielte Bosch.com im Bowen Craggs Index, dem führenden Benchmark für Corporate Digital Communication, einen Platz in den Top 3 aller Corporate Websites weltweit.