Field agents management application
Redesigning the app
An advanced web application that allows our clients to manage field workers.
Our main goal was to redesign and simplify some of the processes in the existing application.
The Challenge
A client approached us with an existing project which, in their opinion, became slightly overcomplicated at some point. The previous company was just doing what they were told without any suggestions from their side.
One of the most important pain-points of the client was the overcomplicated onboarding procedure. The old application was entangled in a web of third-party providers to handle the accounts, payments and notifications.
Our Solution
Duration: 6 Months
Service: Field agents management application
Technologies: React, Single Page Application, Progressive Web App
Our Approach
Workshop with the Client
During the workshops in our office the product owner was amazed by our insights and suggestions based on our previous experience. Since the client was very well prepared, we managed to pinpoint the main issues of the current app and started working on a plan on how to implement the changes.
Planning the Redesign
We separated the functionalities in most need of revamping into new microfrontends. This allowed us to divide our work. We would keep maintaining the old application and implement a few quick wins to improve the UX. At the same time we would focus on developing the new microfrontends.
Onboarding Procedure
Our UX/UI team redesigned the entire process to make it simple, clean and intuitive. We moved away from the old Rails monolith application and implemented a Single Page Application in React. This allowed us to achieve a smooth wizard experience with live predictions of the fields based on the previous steps.
Progressive Web Application
Instead of implementing a separate mobile application for both Android and iOS we opted to build this module as a Progressive Web App. This gave us all the benefits of the mobile app, such as installability and live push notifications.
Key Improvements
The second part of the application that had to be redesigned was the panel for field agents. Our client provided us with a detailed profile of this specific user. Together we established a set of requirements on its basis which included prioritizing mobile access and live notifications about any changes in the assignments.
The old application was entangled in a web of third-party providers to handle the accounts, payments and notifications. Some of the integrations stopped working, some were redundant. Our team's task was to investigate and simplify those connections so that we could reduce the unnecessary costs for the client and improve the workflow with the applications that the client really used.
There's real passion in what they do, which is very important when you're building an app from scratch.
Kyra Deprez