UX/UI DESIGN
HOLALUZ
Development of a web design system based on modular structures, improving high-fidelity design time by 57%.
Context
🖥️ Participating in Holaluz’s rebranding was a multifaceted challenge, as it coincided with another technical hurdle: transitioning to a new tool for creating landing pages.
This shift limited the design team’s autonomy by requiring additional programming to implement new structures, which slowed down creative and iterative processes.
Solution
💻 To tackle both challenges comprehensively, I proposed and implemented a modular system with adaptable structures and variables.
This system not only ensured cohesive design between the main website and landing pages but also restored the design team’s autonomy to iterate quickly without technological barriers.
The development team played a key role in the initial implementation, creating flexible modules with predefined variables. This enabled the design team to experiment and customize pages without requiring further technical adjustments.
Development
👩💻 Phase One: Creation of Base Structures
I designed 10 initial structures to validate their functionality and effectiveness through A/B testing. These tests provided valuable data to refine and optimize both the design and the module variables.
📈 Evolution and Scalability
In subsequent stages, I increased the number of variables and modules to over 110 structures. This approach covered more use cases and devices, ensuring the system remained scalable and adaptable to Holaluz’s evolving needs.
Results
✅ Design Cohesion
The unified modules guaranteed visual consistency across the main website and landing pages, reinforcing the brand identity across all digital touchpoints.
👩🎨 Design Team Autonomy
By reducing dependency on the development team, the design team gained flexibility and speed in creating and iterating on pages, fostering creativity and efficiency.
🚀 Optimized Performance
Thanks to the modular design and device-specific planning, implementation times dropped from one week to just three days, significantly improving team productivity.
Conclusion
The project not only addressed and resolved the initial challenges but also laid the foundation for a robust and scalable design methodology at Holaluz. By implementing a modular approach, we were able to streamline processes, ensuring consistency and adaptability across various touchpoints. This strategy not only improved operational efficiency but also elevated the overall quality of the design output, fostering a seamless user experience.
Moreover, this methodology empowered the team to collaborate more effectively, reducing redundancies and encouraging innovation. It provided a clear framework that could evolve with the company’s needs, making it a sustainable solution for long-term growth. The success of this project highlighted the profound impact that thoughtful, strategic design can have on both business outcomes and user satisfaction.
As a user experience designer, I take great pride in this achievement, as it exemplifies the power of combining creativity, strategy, and collaboration to drive meaningful change. It stands out as a milestone in my career, showcasing my ability to tackle complex challenges and deliver solutions that resonate both operationally and experientially.
Hi, I’m Ariadna! 👋
My approach as a Product Designer is simple: understand people, solve their problems, and create products that inspire them. From clean interfaces to intuitive experiences, I design with empathy and purpose.
