Project Background

NineSmart Solution is a series of property management products, including booking systems, access control systems, and even patrol systems. This product is designed with an "all-in-one" concept, which can be adjusted and customized according to the needs of various clients from large-scale properties developer.

To develop multiple products simultaneously, we adopted a modular approach. This method maintains consistency while reducing resources. Each feature is a flexible module usable across products.

For high flexibility, we carefully consider module interfaces for data transfer and user experience across different breakpoints and devices during the design process.

In essence, when creating modules, we consider the module's:

• Past:
  Previous versions (if any) and users' established habits

• Present:
  Measuring available resources to fulfill new client requirements

• Future:
  Compatibility with other modules, data transfer paths, and UI display across different breakpoints

My Role

As the Senior UX/UI Designer on the team, I led two designers to complete all the project from zero to one. My responsibilities included:

• Managing the project's scope and progress

• Communicating with the Product Manager and Developer to determine optimal product solutions

• Providing insightful recommendations that balanced company resources and business direction when deciding on product features

• Creating and deciding the UI structure and managing the Component Library for consistency

Project Goal and key target to fulfils

Therefore, when designing this series of products, special attention needs to be paid to handling various complex application scenarios.

Our goal is to keep the design flexible while ensuring the user experience.

• Consider various complex application scenarios

• Flexibility to ensure all type of user needs

• Align consistency with all type of product (App, Website, Tablet, Kiosk）

In every project iteration, we pre-design an all-in-one product with various modular combinations. We then adjust the layout and functionality according to each client's specific needs.

For instance, we've adapted one Booking system (comprising modules for Booking, Access, Payment, and Product) to suit four different client use cases.

This modular approach successfully met the needs of four different clients. It was adapted into a venue booking platform for both an NGO and a luxury clubhouse in Hong Kong, as well as a membership redemption system for a Web3.0 game project. Moreover, the booking module was combined with other modules and implemented across websites, mobile apps, tablets, and kiosks, ultimately being sold to a large real estate developer in Hong Kong.

Conclusion

NineSmart Solution stands out with its distinctive characteristics:

• Modular Design:
  A flexible system that can be customized and combined according to different client needs

• Cross-platform Compatibility:
  Seamless integration across various platforms including websites, mobile apps, tablets, and kiosks

• Scalability:
  Ability to adapt and grow with client requirements while maintaining consistency in user experience

• Resource Efficiency:
  Optimized development process through reusable modules and standardized components

The success of NineSmart Solution demonstrates how thoughtful modular design can effectively serve diverse client needs while maintaining product consistency and quality.

The NSS Product series comprises 6 products and 8 modules that can be freely combined.

In the upcoming articles, I will provide a detailed walkthrough of my design process for NineSmart Solution, covering our comprehensive user research and requirement analysis phases, the strategic development of our modular system architecture, the intricacies of designing cross-platform user interfaces, and in-depth case studies showcasing specific case implementations.