Product Management - Add Feature for SaaS POS

Hello, Everyone! 🙌

I recently designed a UI for the product management feature: Add Product. In this design, I also highlighted the spacing applied to the elements of this feature.

Overview:

In this design, I implemented a modal for the Add Product feature, keeping it on the same page as the product categories. The reason behind this is my understanding that users prefer a simpler workflow, where adding or editing can be done on a single page. Additionally, the modal can be closed not just with a dedicated button but also by clicking anywhere outside the modal workspace. In this design, I also showcased the structure of the elements, along with their sizes and spacing for each component.