The "Meister" project is a SaaS system designed to optimize processes in the construction sector. Our client, a mid-sized German company, aimed to implement modern technologies to enhance operational efficiency.
The primary goal was to create a scalable, modular product that would streamline internal processes and be accessible to other companies. In this article, I outline three key approaches that helped us tackle these challenges and adapt the design to modern standards.
Approach 1: Atomic Design
atomic design
Challenge:
The client wanted a modular system with multiple services (CRM, resource management, etc.). Each module required a distinct design while maintaining a unified appearance. It was crucial to ensure scalability and seamless integration of new modules in the future.Solution:
We employed atomic design, breaking the system into fundamental elements (buttons, fields, menus), which were then combined into larger components (forms, tables). This approach ensured consistency across the interface and accelerated the development of new modules.Result:
We reduced the number of design and development iterations while maintaining a cohesive style for all modules. The system remained scalable—any new module could be quickly integrated using existing components.
Approach 2: Microservices Architecture
Microservices Architecture
Challenge:
The microservices architecture required each module to function independently while seamlessly integrating into a shared interface.Solution:
We implemented the concept of a "unified workspace." Regardless of which module a user was working with, navigation and interaction remained consistent. This was achieved through a standardized set of fonts, colors, and templates across all screens. For complex scenarios, we added interactive hints and adaptive navigation.Result:
Users benefited from an intuitive interface that reduced cognitive load.
Approach 3: Feedback Integration
Feedback Integration
Challenge:
At the project's outset, it was difficult to fully understand all user needs, increasing the risk of developing an irrelevant product.Solution:
We established a continuous feedback loop. After each release, we conducted user interviews and analyzed feedback. This allowed us to quickly make design adjustments and implement features that were truly necessary.Result:
Users reported ease of use, confirming that the design met expectations. In the final product version, over 80% of customer requests were addressed, significantly increasing satisfaction.
Conclusion
Developing "Meister" was a challenge we successfully tackled using modern design approaches. Atomic design, attention to integration within a microservices architecture, and leveraging user feedback were the foundation of the product’s creation. This experience reinforced that quality design is not just about aesthetics—it’s about understanding business needs and user expectations.
