UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

Testing and iteration

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

Testing and iteration

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

Testing and iteration

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

The navigation structure was redesigned to provide a more intuitive experience, replacing outdated flows with a streamlined approach that centralized tariff rule management. Fields and information were logically grouped to reduce cognitive load and improve usability.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.

Testing and iteration

Usability testing was conducted with 12 key users to validate the system’s navigation and functionalities. These tests provided valuable insights into how users interacted with the system and identified areas for improvement. Feedback from the tests highlighted the need for adjustments in navigation and the hierarchy of information. Iterations were made to address these issues, resulting in a more intuitive and efficient system.

Tariff system

The new system centralized tariff rule management, improved the creation and management of personalized service packages, and integrated seamlessly with authorization platforms for real-time tariffing. 

The mobile application was also updated to reflect the desktop system, ensuring consistency and enhancing the customer experience. The impact of the project was substantial, improving operational efficiency and aligning the system with the bank’s broader financial management ecosystem.

Reflecting on the Sistema de Tarifas project, it was an opportunity to address complex operational challenges through user-centered design. The project demonstrated the value of research, collaboration, and iterative design in creating solutions that deliver tangible results.

UX/UI Design

Tariff system - BASA

The tariff system project aimed to modernize the INTOLL system, transforming its usability and visual experience while implementing new functionalities.

Year :

2022

Industry :

Banking

Client :

Banco da Amazônia - BASA

Project Duration :

2 years

INTOLL system

The main objective of the Sistema de Tarifas project was to modernize the INTOLL system by centralizing tariff rule management and optimizing the creation of personalized service packages. The project also aimed to improve integration with authorization platforms for real-time tariffing. 

The INTOLL system presented several challenges, including an outdated interface and unintuitive processes for managing tariff rules and transactions. The decentralized nature of tariff rule management made it difficult for users to create and manage personalized packages efficiently.

Additionally, the lack of seamless integration with authorization platforms hindered real-time tariffing, impacting operational efficiency. The hypothesis was that by restructuring the information architecture and implementing new functionalities, the system’s usability and efficiency could be significantly improved. 

To address these challenges, extensive research and discovery activities were conducted. Interviews were held with 8 end users and 2 stakeholders to understand their pain points and requirements. Exploratory tests were performed on the old INTOLL system to map out key friction points and identify areas for improvement. The research revealed that the decentralized management of tariff rules and inefficient manual processes were major obstacles.

Design and prototyping

The design phase for the tariff system project was centered on creating a modern and intuitive interface while ensuring alignment with the Angular framework and Material library, which were predefined as the foundation for the system. This allowed the design and development teams to work in parallel, ensuring consistency between the design outputs and the technical implementation.

The prototypes simulated the system’s navigation and functionalities, enabling early validation and feedback from stakeholders and users. The mobile application was also redesigned to reflect the desktop system, ensuring consistency across platforms and enhancing the overall customer experience.

To present a more realistic and interactive demonstration of the system’s navigation, Axure RP was used to create high-fidelity prototypes. These prototypes allowed stakeholders to experience the flow and functionality of the system in a way that closely resembled the final product. This approach was particularly effective in gathering feedback and ensuring that the proposed solutions met user expectations.

The visual style emphasized clarity, simplicity, and alignment with the Material design system, ensuring that the final design was both functional and aesthetically pleasing. By leveraging the predefined Angular and Material framework, along with Axure RP for interactive prototyping, the project maintained a seamless collaboration between design and development, resulting in a cohesive and efficient system.