Tchibo Robusta: Startseite der Designsystem-Dokumentation
Tchibo: Designsysteme, Dokumentation und UX/UI
Die Auswahl verbindet Designsystem-Arbeit mit konkreten Anwendungen für Web und Mobile.
Für den aktuellen Relaunch habe ich gemeinsam mit dem Lead 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 Robusta-Dokumentation habe ich verantwortet und ausgearbeitet; die Dokumentationsplattform habe ich gemeinsam mit einem Entwickler umgesetzt. Die Ansichten zeigen die Komponentenbibliothek, Light/Dark und semantische Tokens sowie die Robusta-Dokumentation mit Button-Varianten und Token-Dokumentation.
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 2024–2026: Hauptnavigation mit Kategorieübersicht
Tchibo 2024–2026: 404-Illustration als Vorlage für weitere Illustrationen
Tchibo Reisen: Datum und Reisedauer – Komponenten der früheren Pattern Library 2020–2024.
Tchibo Reisen: Angebotskarte und Kartenmodul – frühere Pattern Library 2020–2024.
Tchibo Reisen: Mobile Reisesuche – Reiseart, Ziel und Reisende. Frühere Pattern Library 2020–2024.
Tchibo Reisen: Illustrationsfamilie 2017/2018.
Figma-Designsystem 2024–2026: semantische Tokens und Variablen
Figma-Designsystem 2024–2026: Light und Dark
Figma-Designsystem 2024–2026: Komponentenbibliothek
Tchibo Robusta: Button-Varianten
Tchibo Robusta: Semantische Tokens
Iconset 2024–2026: Kaffee und Services
Iconset 2024–2026: Sortiment und Marke
Helles Theme
UI-Atome
Desktop Navigation
Mobile Navigation
Homepage und Contentmodule
Icon-System für digitale und gedruckte Anwendungen
Tchibo Reisen: Reisewebsite Mobile
Tchibo Reisen: Reisewebsite Responsive
Tchibo Reisen: Storefinder
