How Quartz Design System transformed digital development at Schneider Electric

In today’s technology ecosystem, innovation is not a luxury, it is a necessity. Companies that do not constantly reinvent themselves run the risk of being left behind in an increasingly risk being left behind in an increasingly competitive and dynamic market. In this context of continuous transformation, a case study emerges that perfectly exemplifies how strategic innovation can become a differentiating strategic innovation can become a differential advantage: the collaboration between Schneider Electric and Pasiona in the implementation of the Quartz Design System.

In today’s technology ecosystem, innovation is not a luxury, it is a necessity. Companies that do not constantly reinvent themselves run the risk of being left behind in an increasingly risk being left behind in an increasingly competitive and dynamic marketplace. In this context of digital transformation, a case study emerges that perfectly exemplifies how strategic innovation can become a differentiating strategic innovation can become a differential advantage: the collaboration between Schneider Electric and Pasiona.

The Schneider Electric Challenge

Schneider Electric, a global giant in the digital transformation of energy management, faced a complex challenge that many large technology corporations experience: fragmentation in digital product development. Its teams needed to unify the user experience, optimise development times, maintain a consistent brand identity and facilitate collaboration between designers and developers.

The dispersion of efforts and the lack of a common language were holding back their innovation potential. were holding back their potential for innovation. Each team was working independently, This created inconsistencies in the digital experience and consumed valuable resources in rework and corrections.

Quartz Design System: innovation in action

The solution came in the form of the Quartz Design System (QDS), an end-to-end design system that would become the backbone of Schneider Electric’s digital development. It was not simply a matter of creating a library of components, but of designing a complete ecosystem that would enable teams to work in a smarter, more coordinated way.

The QDS implemented a library of reusable components, established unified design standards and provided an architecture that enabled cross-platform integration with unprecedented allowed cross-platform integration with unprecedented flexibility and scalability.

Technologies driving transformation

To realise this vision, Pasiona deployed an arsenal of cutting-edge technologies. Stencil.js enabled the creation of standalone web components, while Storybook facilitated visual documentation. Playwright ensured quality through automated testing, and TypeScript added robustness to development.

Frameworks such as React and Vue.js created dynamic and responsive user interfaces. Figma became the collaborative canvas where designers could work synchronously . designers could work synchronously. Each technology was carefully selected not only for its individual performance, but for their ability to integrate harmoniously.

Impact: beyond development

The results transcended the technical aspects. The Quartz Design System not only optimised internal processes, but fundamentally transformed the end-user experience. Interfaces became more intuitive, navigation more homogeneous, and design more accessible and inclusive.

As Virginia Molina Ramirez, Digital Project Manager at Schneider Electric, pointed out:”Working with Pasiona has been a real pleasure: They have been a reliable partner, always available”. This sentence sums up the true value of collaboration: go beyond technical execution to become a true strategic partner.

Conclusions: a new understanding of technology

This success story demonstrates that digital transformation is not just about implementing technologies, but about reimagining processes, creating meaningful experiences and generating strategic value. For Schneider Electric, the Quartz Design System represented more than a project: it was a catalyst for innovation.

Do you want to know more?

• View fullcase study
• Watch our explanatory video