This project focuses on transitioning the app from Xamarin to Flutter technology, creating a modular architecture that facilitates swift updates and integration of new features. My role as a UX/UI Designer involved defining foundational elements, designing modular components, and integrating them into proof of concept (POC) flows. This approach ensures a lightweight, scalable application that meets diverse user needs.

The ATGo app provides critical functionalities for users to manage their professional activity, including tracking income and expenses. However, the need to transition to a lighter, faster, and more modular technology stack became evident as user requirements evolved. By shifting to Flutter, the project aimed to enhance the app’s performance while ensuring scalability. The challenge was to design a modular system with reusable components—such as charts, data grids, forms, and lists—that could accommodate rapid feature development and integration.

The project involved creating a library of modular components that could be seamlessly integrated into various workflows. Using Flutter, the team ensured the components were optimized for performance and adaptability. After designing and implementing key elements, they were integrated into prototype flows to demonstrate their functionality. POC presentations to the client highlighted the potential for swift deployment of new features using the modular system. Following the POC phase, the client approved the approach, setting the stage for the imminent launch of the new version of the ATGo app.

Activities and Outputs:

• Defining Foundational Elements: Text Styles, Color Schemes, Icon Fonts

• Design and Implementation of Modular Components: Cards, Charts, Steppers, Modals, Alerts, Buttons

• Proof of Concept (POC) Development

• Prototype Flows and Client Presentations