Interaction with the service starts with the authorization process. I aimed to create a visually straightforward and clear authentication experience.

In the Payments section, users can monitor transactions using an array of filters and their combinations. The previous version of this section suffered from an overload of settings. I reorganized and grouped the entire functionality into coherent and logical blocks, improving the user experience.

Other sections, like Clients, shared similar functionality with Payments and have undergone a similar reorganization process, aligning them with user priorities and the most frequently encountered use cases.

Furthermore, the forms were significantly simplified. One of the common issues was user confusion regarding the purpose of fields and data types, along with the high density of components. In the updated forms, we streamlined the interface density, concealed secondary elements in switch boxes, and introduced tooltips and input field masks, addressing these issues effectively.

Here's how the project UI KIT looks. I've turn essential constants into symbols and variants using variables. This approach ensures the seamless maintenance of consistency across a wide array of screens.