Preparing the upcomming line of the products for visual consistency and unified user experience.
The client wanted to develop a new line of products using a new stack and modern architecture. However, maintaining visual consistency across multiple products developed on different frameworks was challenging. Theme updates took weeks to generate due to the lack of dedicated design teams or structured handover processes. Design was handled by full-stack developers within a monolithic structure, resulting in inconsistent and inefficient user interface (UI) development. The client wanted to eliminate their legacy tech stack and adopt a new modern application. Xebia proposed a scalable, framework-agnostic design system that would help the client enhance efficiency and design consistency across various applications of the same suite.
A Unified, Framework-Agnostic Design System
Xebia delivered a comprehensive, framework-agnostic design system that proved invaluable when the client decided to redefine their strategy and pivot in a new direction. The new design systems featured over 30 fully functional UI components, including dark mode and white labeling support. White labeling, a crucial requirement for the client, was significantly optimized through Xebia’s implementation, reducing the time needed from several weeks to just a few seconds. By leveraging design tokens and synchronized libraries for both design and code, Xebia ensured seamless alignment between design and development. This design system not only provided reusable components but also featured a theme generator, customizable icons, and themeable illustrations that could be implemented across any environment, from modern frameworks to the client’s legacy .NET systems.
