Schubert UX Design Guide

Kunde

Gerhard Schubert GmbH

Branche

Maschinen- und Anlagenbau

Partnerschaft

Seit 1973

Für den Verpackungsmaschinenhersteller Schubert entwickelten wir einen digitalen Style Guide UX Design, um alle digitalen Interfaces zu vereinheitlichen. Egal ob Website, Service-Portal oder Maschinen-Bedienoberfläche.

Schubert UX Design Guide

Der Kunde

Schubert ist ein führender Hersteller von Verpackungsmaschinen und bietet maßgeschneiderte Verpackungslösungen für eine Vielzahl von Branchen an. Die Verpackungen von Schubert zeichnen sich durch höchste Qualität und Effizienz aus und bieten Kunden die Möglichkeit, ihre Produkte sicher und effektiv zu verpacken. Schubert setzt auf innovative Technologien und eine kundenorientierte Arbeitsweise, um seinen Kunden das bestmögliche Ergebnis zu bieten. Mit langjähriger Erfahrung und einem starken Fokus auf Innovation und Qualität ist Schubert ein zuverlässiger Partner für Verpackungslösungen.

Die Aufgabe

Für ein so großes Unternehmen wie Schubert ist es notwendig, ein einheitliches und konsistentes Markenbild nach außen hin zu präsentieren. Da eine Vielzahl von digitalen Interfaces durch diverse Agenturen und Dienstleister entwickelt wurden, sollte nun ein digitales Design System geschaffen werden, das das Design einheitlich definiert. Dazu übernahmen Designer der Ruess Group federführend die Definition des User Experience Styleguides inklusive Abstimmung mit den einzelnen Gewerken, um zu gewährleisten, dass alle Anforderungen und Bedürfnisse erfüllt werden.

Die Leistungen

  • Entwicklung Design System in Figma
  • stetige Optimierung und Erweiterung

Warum ein UX Design Guide nötig ist

Warum ein UX Design Guide nötig ist

Als einer der führenden Hersteller von Verpackungsmaschinen ist es für Schubert von entscheidender Bedeutung, ein einheitliches und konsistentes Markenbild zu präsentieren. Ein digitales Design System ist dabei ein unverzichtbares Instrument, um sicherzustellen, dass das Unternehmen auf allen digitalen Plattformen einen einheitlichen Auftritt hat.

Die Anforderungen an den Design Style Guide variieren je nach Interface: Für die Corporate Website muss es Designelemente, Farbpaletten, Typografie und Layouts enthalten, um eine einheitliche Markendarstellung zu gewährleisten. Für die datengetriebenen Dashboards müssen klare Anweisungen für die Präsentation von Daten und visuellen Elementen festgelegt werden. Und schließlich muss das Design System auch spezifische Richtlinien für die Benutzeroberflächen der Verpackungsmaschinen enthalten, um sicherzustellen, dass sie einfach und intuitiv zu bedienen sind.

Mit einem digitalen UI Style Guide erreicht Schubert, dass alle digitalen Touchpoints konsistent und ansprechend gestaltet sind und die Marke optimal präsentieren. Das führt zu einer höheren Markenwahrnehmung und -bindung, sowie einer verbesserten Usability auf allen digitalen Plattformen.

Definition Farben & Schriften

Definition Farben & Schriften
Definition Farben & Schriften

Verschiedene Farbsysteme je nach Einsatz (Group Website, Nachhaltigkeits-Website, Maschinen-Interfaces ...) wurden entwickelt. Für die Schriften gibt es je nach Einsatz auch drei Schriftfamilien, die genutzt werden können: Helvetica Neue Condensed und Helvetica Neue als Hauptschrift, für E-Mails die Systemschrift Arial Narrow und Arial sowie für die linuxbasierte Umgebung der Maschinen-Interfaces die Liberation Narrow und Liberation.

Definition Buttons & Links

Definition Buttons & Links
Definition Buttons & Links

Interaction Elements

Interaction Elements
Interaction Elements

Definition zahlreicher interaktiver Elemente für Light- und Darkmode: Textinput, Dropdowns, Checkboxes, Radiobuttons, Toggles, Pagination, Comboboxes, Listboxes, Treeviews, Context menus, Dialog messages, Pop-Ups ...

Beispiele Websites

Schubert Group Website

Schubert Group Website

Schubert Mission Blue Nachhaltigkeits-Microsite

Schubert Mission Blue Nachhaltigkeits-Microsite

Schubert Karriere-Microsite

Schubert Karriere-Microsite

Startseite Karriere-Website für Schubert System Elektronik

Schubert System-Elektronik Corporate Website

Care-Portal

Farbdefinition für Charts, Dark & Lighttheme

Standardansicht im Darkmode

Standardansicht im Darkmode

Expertenansicht im Darkmode

Expertenansicht im Darkmode

Expertenansicht im Lightmode

Expertenansicht im Lightmode

Schubert

Noch mehr zu Schubert

Noch mehr zu Schubert

Schubert ist unser längster Kunde und wir betreuen ihn mehr als umfassend. Möchten Sie erfahren, was wir noch alles für Schubert umsetzen?