Tchibo: Designsysteme, Dokumentation und UX/UI

Alexander Wende

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.