iPad mockup displaying the Soniq IQ platform dashboard

Client

soniq GmbH

Role

Design Systems · UX Design

Platform Type

Responsive Web

Soniq IQ

An all-in-one B2B SaaS platform that centralizes professional cleaning operations — from scheduling to quality control.

When I joined Soniq, the challenge was to adapt the new brand guidelines across the web platform and app. My role was to co-lead the design system transition in alignment with the front-end team to build a single source of truth and migrate 39 Figma files to the new brand, without disrupting the normal pace of product development.

We benchmarked several solutions, including Material UI, before choosing Ant Design for its React-based flexibility and token customization. From there, we imported the UI kit into Figma, adjusted tokens and components, and planned the migration across all teams.

Migration impact, by the numbers

AntDesign served as the backbone of the new component library, with tokens customized to reflect the Soniq brand identity.

60+

Components brand-ready in a matter of days

39

Figma design files migrated

2

Platforms unified across web and app

30%

Reduction in Figma variables

BEFORE
AFTER
Soniq IQ schedule screen with the previous brand design Soniq IQ schedule screen with the updated brand design

Building the design system foundations: brand colours, typeface and a component library built on AntDesign

Soniq IQ design system showing brand colour palette and typeface selection
Soniq IQ design system component library built on AntDesign

Refining the workforce UX

With the main components in place, I joined the workforce team to design and improve key features, such as scheduling, employees, timesheets, absences, among others.