PetroZone is P97 Network’s web portal, which enables clients to manage their mobile assets, including offers, transaction reports, and fraud detection. Over time, after years of additional functionalities and bug fixes, the user interface became inconsistent in overall style and patterns, making it difficult for some users to complete their tasks. It was also challenging to analyze the data, as information was often provided in text formats that were difficult to understand. As the Senior Product Designer, I collaborated with project managers, developers, and stakeholders to establish a more organized and standardized design system library.

The initial reaction to the new design was generally positive, with many praising its modern look and feel. With a more consistent use of UI patterns, users can connect with the interface, thereby improving their overall user experience and completing tasks more effectively.