Tchibo: Designsysteme, Dokumentation und UX/UI
Alexander Wende

RSS
  • Tchibo Robusta: Startseite der Designsystem-Dokumentation
  • Tchibo Robusta: Button-Varianten
  • Tchibo Robusta: Semantische Tokens
  • Tchibo: Aktuelles Iconset, Default
  • Tchibo: Aktuelles Iconset, Fill
  • Tchibo: Helles Theme
  • Tchibo: UI-Atome
  • Tchibo: Desktop Navigation
  • Tchibo: Mobile Navigation
  • Tchibo: Homepage und Contentmodule
  • Tchibo: Icon-System für digitale und gedruckte Anwendungen
  • Tchibo Reisen: Reisewebsite Mobile
  • Tchibo Reisen: Reisewebsite Responsive
  • Tchibo Reisen: Storefinder
atrás adelante

Die Auswahl verbindet Designsystem-Arbeit mit konkreten Anwendungen für Web und Mobile.

Für den aktuellen Relaunch habe ich gemeinsam mit einem internen Designer ein neues Figma-Designsystem aufgebaut. Mein Beitrag umfasste semantische Tokens und Variablen, globale Styles, Light- und Dark-Themes, responsive Grids und skalierbare Komponenten. WCAG AA bildete eine Gestaltungsgrundlage. Die Dokumentationsplattform Robusta habe ich eigenständig konzipiert und gemeinsam mit einem Entwickler umgesetzt. Die ersten drei Ansichten zeigen die Dokumentation, Button-Varianten und semantische Tokens.

Die weiteren Ansichten zeigen den früheren Website-Relaunch: wiederverwendbare UI-Atome und Farbthemen, responsiven Header und Navigation, modulare Inhalte und ein umfassendes Icon-System für digitale und gedruckte Anwendungen. Ergänzend sind responsive Reiseinterfaces und der Storefinder zu sehen.

Tchibo Robusta: Startseite der Designsystem-Dokumentation
Tchibo Robusta: Button-Varianten
Tchibo Robusta: Semantische Tokens
Tchibo: Aktuelles Iconset, Default
Tchibo: Aktuelles Iconset, Fill
Tchibo: Helles Theme
Tchibo: UI-Atome
Tchibo: Desktop Navigation
Tchibo: Mobile Navigation
Tchibo: Homepage und Contentmodule
Tchibo: Icon-System für digitale und gedruckte Anwendungen
Tchibo Reisen: Reisewebsite Mobile
Tchibo Reisen: Reisewebsite Responsive
Tchibo Reisen: Storefinder