The T-Mobile Design System
The T-Mobile design system, which was set up in Sketch and Abstract, was reaching its limits. A complete overhaul regarding the component setup was required as existing components were far too limiting to support the needs of marketing and the content creation teams.
The time had also come to migrate our design system to Figma.
YEAR
2023
ROLE
SENIOR UX/UI DESIGNER
CONTRIBUTION
UX DESIGN • UI DESIGN • COMPONENTS • STYLES • TYPOGRAPHY • DOCUMENTATION
Areas of focus
Together with the frontend development team, we looked closely at each component to see if a component still met our requirements and that of the content teams. Then each component was designed in Figma, making sure that every component was setup in the most logical way, on order to create a robust and easy to use component library.
Styles and components
This is an overview of some of the styles and components designed for the design system.
Documentation
For each component I created a documentation sheet, containing important aspects of a component, such as: the anatomy of a component, options and states, spacing, sizing, padding and composition.
This documentation sheet would serve as a guideline for developers and user experience designers on how to use a component.
