JQ Shop, a major retailer and wholesaler of imported goods, faced a common challenge: disorganized and poorly integrated internal processes. To manage inventory, finances, sales, and staff, the team relied on multiple disconnected systems. This lack of integration resulted in inefficiencies, duplicated efforts, and daily operational difficulties.

Each user type, such as administrators, inventory managers, and finance teams, had specific needs, but none of the existing systems effectively addressed all of them. This made everyday tasks more complicated than they needed to be.

With this, my team at GF Software and I took on a clear challenge: to create a unified, intuitive, and accessible system that consolidated all essential functions in one place. Additionally, it was crucial to ensure the system was user-friendly for everyone, regardless of their role or level of tech expertise. To achieve this, we developed not only a comprehensive administrative system but also a design library that brought consistency and scalability to the solution.

Multiple platforms led to duplicated efforts and data inconsistencies.

Complex and inconsistent interfaces made navigation difficult for various user profiles.

Diverse user roles had specific needs that were not easily accessible through a single system.

Development of a unified, centralized system to consolidate the company’s most critical functions.

User-friendly interface with intuitive workflows, ensuring a seamless experience for all user types.

Implementation of a design library to standardize visual and interactive components, promoting consistency and scalability.

o ensure the new system met the users’ real needs, the GF Software team leveraged their expertise to conduct on-site field research directly at JQ Shop. This involved observing how employees interacted with the various existing systems.

By doing so, we mapped out the fundamental requirements for the new unified system. The insights gained were pivotal in guiding design decisions, ensuring the system would be intuitive, accessible, and efficient for all user profiles.

This user-centered approach not only addressed existing challenges but also provided a significantly improved experience.

To ensure visual consistency and development efficiency, we created a design library structured around tokens and components.

This approach was essential for maintaining alignment between design and development teams and enabling scalability for future system enhancements. We started with tokens as the foundation.

With the tokens in place, we began designing the components to ensure visual consistency and development efficiency. Each component was tailored to meet the primary needs of the system.

All components were developed to be easily scalable and seamlessly integrated into the system, maintaining consistency and quality throughout.