Soniq IQ

Scaling workforce operations through a unified design system

Role

Design Systems・Product Designer

Role

Design Systems・Product Designer

Timeframe

2023-2025

Timeframe

2023-2025

Type

B2B SaaS

Type

B2B SaaS

Soniq IQ is an all-in-one B2B SaaS app that centralises professional workforce cleaning operations.

Soniq GmbH, the client, had a new brand ready to adapt but the product hadn't been updated to reflect it. UI was inconsistent across features and the existing design system couldn't keep up with the pace. From there, I joined to co-lead the migration to a new design system with the brand designer, and later used that foundation to design the core workforce features that operations teams rely on daily.

iPad mockup displaying the Soniq IQ platform dashboard

Challenge

Applying a new brand without rebuilding everything

Soniq IQ needed to reflect the new brand but rebuilding from zero wasn't viable. The first real challenge was finding a way to migrate the design system in Figma, with tokenized components that would match development, and avoid to completely stopping product delivery.

AntDesign served as the framework of the new component library primarily because:

Easy plug-in in Figma

Ant Design's Figma kit came with tokens already mapped, which made our work easier, only custom tokens for exceptions needed to be created.

Easy plug-in in Figma

Ant Design's Figma kit came with tokens already mapped, which made our work easier, only custom tokens for exceptions needed to be created.

80% component coverage

The component library covered most of our existing UX flows out of the box. Focus turned to brand customisation: colours, typography, illustrations.

80% component coverage

The component library covered most of our existing UX flows out of the box. Focus turned to brand customisation: colours, typography, illustrations.

Familiar to the team

Some developers had prior experience with Ant Design's React framework and were enthusiastic to use it, making implementation more efficient and consistent.

Familiar to the team

Some developers had prior experience with Ant Design's React framework and were enthusiastic to use it, making implementation more efficient and consistent.

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

From system to product

A unified foundation that got feature delivery back on track

With a shared foundation set up in Figma, designers had everything in place to update UX flows from the previous system to the new branded one. This brought consistency and speed, and freed up the team to review major workforce flows like Scheduling, Timesheets and Absences.

39

Figma design files migrated

39

Figma design files migrated

60+

Components brand-ready in a matter of days

60+

Components brand-ready in a matter of days

30%

Reduction in variables across the main system file

30%

Reduction in variables across the main system file

Learnings

01

Criteria well defined makes the difference

Before deciding on Ant Design, we assessed multiple frameworks against concrete criteria: speed, learning curve, cost, and component coverage. Having the team involved from the start made the decision so much easier to defend.

02

Communication drives adoption

The new design system was accepted faster than expected. The biggest factor wasn't the quality of the components, it was how clearly we communicated the implementation plan and gave people space to ask questions.

02

Communication drives adoption

The new design system was accepted faster than expected. The biggest factor wasn't the quality of the components, it was how clearly we communicated the implementation plan and gave people space to ask questions.

03

Trust before influence

The biggest challenge wasn't the system itself. It was stepping into an established product team mid-project, learning how people worked, and creating trust while the work kept moving.

03

Trust before influence

The biggest challenge wasn't the system itself. It was stepping into an established product team mid-project, learning how people worked, and creating trust while the work kept moving.

Ready to bring clarity to your product? Get in touch!

André Silveira © 2026 • Website built from scratch in Framer

Time here is:

07:58:07

Ready to bring clarity to your product? Get in touch!

Website built from scratch in Framer

André Silveira © 2026

Time here is:

Ready to bring clarity to your product? Get in touch!

André Silveira © 2026 • Website built from scratch in Framer

Time here is:

07:58:07

Ready to bring clarity to your product? Get in touch!

André Silveira © 2026 • Website built from scratch in Framer

Time here is:

07:58:07

Create a free website with Framer, the website builder loved by startups, designers and agencies.