KION Group

Design System

Eine Person hält ein Tablet in ihren Händen, auf dem das KION Design System mit dem Namen „Parcel“ in einer Anwendung gezeigt wird. Die Person befindet sich in einem Lagerhaus.

In enger Zusammen­arbeit zwischen der KION Group und UXMA entstand ein umfassendes Design System, das durch seine umfang­reiche Component Library, Dokumentation und maß­geschneiderten Plugins die Effizienz in der Produkt­entwicklung deutlich steigert.

  • 2.000+

    Components in Figma und Dev Library

  • 5

    unterschiedliche
 Themings

  • 2,5+

    Jahre erfolgreiche Zusammenarbeit

  • 2.000+

    Components in Figma und Dev Library

  • 5

    unterschiedliche
 Themings

  • 2,5+

    Jahre erfolgreiche Zusammenarbeit

In mehr als 100 Ländern verbessert die KION Group mit ihren Lösungen den Material- und Informationsfluss in Produktionsbetrieben, Lagerhäusern und Vertriebszentren. Zusammen mit UXMA wurde ein umfangreiches Design System entwickelt, das den passenden Namen „Parcel“ trägt. (Abbildung: KION Group)

Innovatives Design System

In mehrjähriger Zusammenarbeit mit der KION Group haben wir das umfangreiche Design System „Parcel“ entwickelt, welches zum Ziel hat, eine ganzheitliche und effiziente Entwicklung neuer digitaler Anwendungen zu ermöglichen.

Verschiedene Themes gewährleisten die Anpassbarkeit an unterschiedliche Projekte und Anforderungen. Unter anderem beinhaltet das Design System auch ein „Concept Theme“, das als Werkzeug dient, um bereits in der Konzeptionsphase gut verständliche und einheitliche Screens zu erstellen.

Umfassende Library und Dokumentation

Das Design System besteht zum einen aus einer Component Library in Figma, die regelmäßig an die aktuellen technischen Möglichkeiten angepasst wird.

Eine weitere Komponente ist die Development Library, die auf Angular basiert. Hier haben wir in enger Zusammenarbeit mit den Entwickler:innen des Kunden eine Synchronität zwischen Design und Development sichergestellt, so­dass sich die Projektteams auf die Konzepte konzentrieren können.

Darüber hinaus wurde eine umfangreiche Dokumentation in Zeroheight erstellt. Diese dient in erster Linie als zentrale Anlaufstelle für Designer:innen und Entwickler:innen, aber auch für alle anderen Projektbeteiligten wie Product Manager oder Product Owner und gibt wertvolle Hilfestellung und Richtlinien für einen gewissenhaften Umgang mit dem Design System.

Darüber hinaus wurde eine umfangreiche Dokumentation in Zeroheight erstellt. Diese dient in erster Linie als zentrale Anlaufstelle für Designer:innen und Entwickler:innen, aber auch für alle anderen Projektbeteiligten wie Product Manager oder Product Owner und gibt wertvolle Hilfestellung und Richtlinien für einen gewissenhaften Umgang mit dem Design System.

Übersicht über eine Auswahl der Componant Library, beispielsweise Farben, Schriftgrößen, Buttons, Switches und Chips.
Nahaufnahme der Icons des Design Systems mit jeweiliger Bezeichnung.
Nahaufnahme einiger Komponenten des Design Systems, zum Beispiel Buttons und Chips, im Dark Mode.

Unterstützung und Integration

Im Rahmen der Projektarbeit ist die Arbeit am Design System bewusst kollaborativ und interdisziplinär gedacht, sodass wir aktiv den Austausch mit anderen Projektteams des Kunden suchen – mit all denjenigen, die das Design System tatsächlich täglich nutzen. Unser Ziel ist es, das Design System durch kontinuierliche Pflege zu verbessern, zu vervollständigen und die Effizienz in allen Aspekten zu erhöhen.

Individuelle Figma-Plugins

Figma bietet bereits eine Vielzahl von Funktionen. Manchmal sind die Anforderungen unserer Kund:innen jedoch sehr individuell. Hier haben wir mit eigens entwickelten Plugins die Funktions­lücke geschlossen. Zum Beispiel können wir durch ein Plugin, das fertige UI Screens auf Konformität mit dem Design System prüft, eine zusätzliche Qualitäts­sicherung bei der Verwendung des Design Systems bieten.

Screenshot des Customized Figma-Plugins.

Jan Figura Digital Designer und UXMA-Projektleiter
 für dieses Projekt

  • 2.000+

    Components in Figma und Dev Library

  • 5

    unterschiedliche
 Themings

  • 2,5+

    Jahre erfolgreiche Zusammenarbeit

Cases

Gemeinsam etwas Großes starten?