UI/UX Pix4D Design System

In 2018, Pix4D was operating with four core products across three platforms—mobile, desktop, and cloud. Each product had been developed independently, leading to significant inconsistencies in UI/UX patterns, visual language, and technical implementation. As the company prepared to scale up and develop additional interoperable software, it became evident that a unified, scalable design system was essential to ensure consistency, reusability, and a seamless cross-platform experience.

Over six months, I collaborated closely with the Head of UX to audit and analyze all existing products. We conducted a comprehensive inventory of UI elements, design patterns, and interaction models used across the platforms. This analysis highlighted numerous redundancies, fragmented visual styles, and disconnected UX paradigms that hindered usability and maintainability.

We began by identifying core components and defining the most-used interaction patterns. Our goal was to distill the visual language to its essentials—reducing the number of colors, type styles, and icon sets to a unified and functional minimum. A new shared component library was prototyped in Figma, structured around atomic design principles. It included base UI elements, composite components, templates, and platform-specific adaptations.

We validated the new system by redesigning key workflows in the existing products using the new components. Through user testing sessions and internal reviews with stakeholders, we gathered feedback to refine the library. This phase allowed us to test the adaptability of the system across diverse use cases and user contexts, ensuring it could scale across existing and future products.

The new design system was progressively rolled out across all existing products. UI components were integrated into frontend codebases, and documentation was created to ensure consistent usage by both designers and developers. The implementation included cross-functional workshops and design reviews to facilitate smooth adoption across teams and regions.

A major breakthrough came through close collaboration with the development team. Together, we created a process to automatically sync and update the design system libraries across platforms. With a single update, UI components were refreshed across all connected products, reducing manual overhead and minimizing the risk of design drift.