Overview

Yousty.ch's design system lacked key components and functionality. To boost design and frontend team efficiency, the system will be improved with new components, variables, and missing details.

Key facts

• Role: Lead designer

• Tools: Figma, FigJam, Clickup

Process and latest progress

The project to improve Yousty.ch's design system is in progress, with many tasks still pending. Initially, inconsistent design principles caused gaps between the designers' and developers' systems (Figma/Storybook). To address this, the team started by creating inventory lists, requiring close collaboration between design and frontend teams to determine necessary clean-up actions.

The first variable collections were created, and a process for semantically naming tokens was established. Many base components have already been reorganized to include all necessary states, variables, and other key details.