Frame 252

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by double clicking on it. After you are done just click on the yellow checkmark button on the top right to save. Have Fun!

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by double clicking on it. After you are done just click on the yellow checkmark button on the top right to save. Have Fun!

Soniq IQ

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

Client
soniq GmbH
Timeline
2023 - 2025
Platform
Responsive Web 

Understanding the challenge

Soniq needed a visual refresh to adopt the new brand guidelines across web and app. With inconsistent styling across the products, I joined to lead the design system transition.

Objective
Choose and build a scalable design system in alignment with the front-end team into a single source of truth, and migrate 39+ Figma files to the new Soniq brand — all without disrupting the existing product experience.
Role & Team
I joined as the Design Systems lead, working closely with a freelance brand designer under the direction of the Lead Product Owner and Front-End Lead.
Strategy
We benchmarked several design system solutions, including Material UI, before choosing Ant Design for its React-based flexibility and token customisation. We then imported the UI kit into Figma, adjusted semantic tokens and custom components, and planned the migration across all design files.

PHASE 1

We adopted Ant Design as the foundation for the new component library, customising design tokens to match the Soniq brand — colours, spacing, typography, and radius.

BEFORE

AFTER

Image not found Image not found

A key screen before and after applying the new Soniq brand, powered by Ant Design

Image not found
Image not found
Image not found

Selected Works

Soniq IQDesign Systems
CS+Product Design · B2B E-commerce
CS+ Loyalty ProgramProduct Design · Design Systems