Verbesserung der User Experience für die Bosch Rexroth Community-Plattform

Digital Experiences

Über den Kunden

Company Name

Bosch Rexroth

Standort

Lohr am Main, DE

Unternehmensgröße

30,000+

Bosch Rexroth ist ein weltweit tätiges Ingenieur- und Technologieunternehmen sowie eine Tochtergesellschaft der Bosch-Gruppe. Das Unternehmen ist auf industrielle Automatisierung, Motion Control und Antriebstechnologien spezialisiert. Bosch Rexroth zählt zu den weltweit führenden Anbietern von Lösungen für die Fabrikautomation, mobile Maschinen und industrielle Anwendungen. Das Unternehmen betreibt eine kollaborative Plattform - die Automation Community, die als zentrale Anlaufstelle für den Informationsaustausch innerhalb des industriellen Ökosystems dient.

Improving user experience for Bosch Rexroth community platform - top image - left - Lemberg Solutions

Improving user experience for Bosch Rexroth community platform - top image - right - Lemberg Solutions

Die Herausforderung

Für Bosch Rexroth ist die Automation Community-Plattform der zentrale Kommunikationskanal und die Wissensbasis für Kunden, Partner und Entwickler. Sie unterstützt vielfältige Inhaltsformate und stellt gleichzeitig sicher, dass Nutzer relevante Informationen einfach finden und intuitiv navigieren können.

Eine so aktive Kollaborationsplattform erfordert, dass Kundeninteraktion und Content-Management an einem Ort gebündelt sind. Mit dem Wachstum der Community mussten sich auch die Benutzeroberfläche, die Content-Funktionen und die User Experience entsprechend weiterentwickeln. Um dieses Wachstum zu unterstützen, entschied sich Bosch für die Migration von einem bestehenden Content-Management-System zu einer No-Code-Plattform, Bettermode.

Das neue CMS bot eine stärkere Grundlage, brachte jedoch zusätzliche Komplexität mit sich und machte es erforderlich:

Eine kontrollierte und skalierbare Website-Navigation sowie Verwaltung sicherzustellen

Bosch Rexroth musste dynamische Funktionen und Designelemente hinzufügen, ohne diese eng an die neue Plattform zu koppeln. Obwohl alle erforderlichen Funktionalitäten bereits vorhanden waren, waren sie tief im bestehenden System verankert - über ältere APIs integriert und mit einer Legacy-CMS-Erweiterung gestaltet. Dadurch waren sie nur schwer wiederverwendbar. Die Herausforderung bestand darin, diese Funktionen in eigenständige Webkomponenten zu überführen und sie sowohl auf Plattformebene als auch innerhalb einzelner Inhalte nutzbar zu machen.

Das interne Team mit erfahrenen Frontend-Entwicklern erweitern

Das Projekt erforderte Senior-Ingenieure mit praktischer Erfahrung in der Entwicklung von Webkomponenten, einschließlich Stencil.js, React, GraphQL und TypeScript. Diese Kompetenzen waren intern kurzfristig nur schwer verfügbar, sodass Bosch nach einem verlässlichen Partner suchte, der das Team ohne Verzögerungen erweitern konnte.

Unser Beitrag

Erweiterung der CMS-Funktionalität

Wir haben die Funktionen des Bettermode-CMS über seine nativen Grenzen hinaus erweitert und dem Community-Team ermöglicht, dynamischere und ansprechendere Inhalte zu erstellen. Dadurch erhielt der Kunde mehr Flexibilität und eine konsistente Gestaltung.

Klare Navigation und bessere User Experience

Durch die Erweiterung des CMS mit individuellen Komponenten konnten wir die gesamte User Experience der Automation-Community-Plattform deutlich verbessern. Das neue CMS sorgte für eine klarere Struktur und eine bessere Navigation.

Zwei Wochen vom Onboarding bis zur Lieferung

Wir unterstützten Bosch Rexroth Automation Community dabei, eine kritische Skill-Lücke schnell zu schließen, indem wir einen Senior-Frontend-Entwickler mit nachgewiesener Expertise einsetzten. Der Experte bestand alle technischen Interviews und wurde als optimale Ergänzung für die Projektanforderungen bestätigt. Innerhalb von zwei Wochen war er vollständig onboarded, begann mit der Umsetzung von Aufgaben und integrierte sich nahtlos in das Team.

Improving user experience for Bosch Rexroth community platform - bottom image - Lemberg Solutions

Die Lösung

Für die Bosch Rexroth Automation Community haben wir eine Frontend-Lösung auf Basis von Web Components mit Stencil.js entwickelt, die eine skalierbare und wiederverwendbare Benutzeroberfläche ermöglicht. Die Website wurde rund um Bettermode, ein No-Code-CMS, aufgebaut, das mehrere Einschränkungen mit sich brachte und nicht-standardisierte architektonische Entscheidungen erforderte. Um diese zu adressieren, haben wir uns darauf konzentriert, die CMS-Funktionalitäten zu erweitern, ohne auf individuelles HTML oder direkte Code-Injection zurückzugreifen.

Um die Plattform dynamischer und funktionsreicher zu gestalten, haben wir wiederverwendbare Komponenten eingeführt, darunter:

Akkordeon. Basierend auf der bestehenden dc-ui-accordion-Komponente erkennt und rendert es automatisch alle Akkordeon-Elemente auf einer Seite, einschließlich ihrer Inhalte und eingebetteten Web-Components.
Anwendungsfilter. Die Komponente liest Filterparameter aus der URL, löst verständliche Labels über das Bettermode-CMS auf und aktualisiert die Ergebnisse in Echtzeit.
CtrlX OS Store Widget. Es zeigt Anwendungen aus dem ctrlX OS-Ökosystem direkt innerhalb der Community an und verbindet Inhalte mit relevanten Softwareangeboten.

Die Lösung läuft vollständig innerhalb der bestehenden CMS-Umgebung des Kunden und wird kontinuierlich weiterentwickelt. Unsere Zusammenarbeit ist fortlaufend und umfasst laufende Verbesserungen sowie neue Funktionen zur weiteren Optimierung der Plattform.

Dienstleistungen

Ihre hervorragende Arbeit bei der Entwicklung und Weiterentwicklung der Bosch Rexroth Automation Community sowie des Application Catalogue für die Fabrikautomation war außergewöhnlich. Ihre Fähigkeit, schnell hochwertige und robuste Lösungen zu liefern, war entscheidend für den Erfolg unseres Projekts. Wir freuen uns auf die weitere Zusammenarbeit.

Dr. Pedro Reboredo

Head of Factory Automation Software & Digital Hub (DC/ESW-FA)

Improving user experience for Bosch Rexroth community platform - Testimonial - Lemberg Solutions

So funktioniert es

Improving user experience for Bosch Rexroth community platform - How it works - Lemberg Solutions

Anwendungsfilter

Die Anwendungsfilter zeigen, welche Filter aktuell aktiv sind, und ermöglichen es Nutzern, ihre Auswahl einfach zu verfeinern und relevante Anwendungen und Inhalte zu finden.

Dark mode

Der Dark Mode bietet ein alternatives visuelles Design, das die Augenbelastung reduziert und die Nutzbarkeit in Umgebungen mit wenig Licht verbessert.

Tool widgets

Tool Widgets ermöglichen das Einbetten interaktiver Tools oder Utilities in Inhaltsseiten, sodass Nutzer Funktionen nutzen können, ohne den aktuellen Kontext zu verlassen.

CtrlX OS Store Widget

Das Widget ermöglicht es Redakteuren, interaktive Inhalte aus dem ctrlX OS direkt in Seiten einzubetten.

Breadcrumbs

Breadcrumbs zeigen Nutzern ihre aktuelle Position innerhalb der Plattform und erleichtern die Navigation zurück zu vorherigen Ebenen.

Akkordeon

Das Akkordeon präsentiert Inhalte in aufklappbaren Abschnitten, sodass Nutzer Themen schnell überblicken und Details nur bei Bedarf einblenden können.