Industry
Highway Logistics
Client
Vara Group,India
Preventive Maintenance Application Design
My Team
Arindam R (Project Manager) Vivek V(Software Developer)
Tools
Figma Slack Google Meet
Timeline
12-15 weeks (From Conception to Deployement)
Streamlining Highways and Toll Station Efficiency: Transforming Device Maintenance with Real-Time Web Solutions
Brief
In response to a client's initial request, we set out to design a web application to facilitate device maintenance at highway toll stations. This solution was aimed at engineers responsible for monitoring and servicing toll exchange hardware, providing them with a tool to manage tasks directly on their mobile devices.
My Role
As the lead UX designer, I was charged with the end-to-end design of the application, ensuring it supported engineers throughout their maintenance journey. The app journey I designed also enabled real-time reporting and managerial approval, streamlining communications between field engineers and managers.
Problems
Engineers faced a slow, manual process. They took photos and filled out maintenance forms on their computers, only after returning from toll stations. Then, they sent these forms to their managers by email. If there were any issues, the engineers had to go back to fix them. This took a lot of time and made it hard to keep track of maintenance across different regions of India.
Research insights
To deeply understand the challenges, I conducted interviews with engineers and their managers, utilizing Google Meet for discussions and Excel for data organization. The insights gathered were synthesized into a PowerPoint presentation, highlighting user personas that reflected the users’ needs and challenges to showcase to clients. This organized data was instrumental in informing our stakeholder meetings and shaping the direction of our solution.
Ideation and Concept Development
In the ideation phase, leveraging Crazy-8 brainstorming, I aligned the goals derived from user personas with a feature list that addressed their primary needs. I created different distinct versions of each screen, focusing on critical functionalities such as stakeholder authentication, CRUD operations, real-time image uploads, form completion, managerial approvals, and comprehensive reporting and analytics. These versions were iteratively refined through ideation tests to ensure they met the requirements effectively.
Prototyping for Efficiency
During the prototyping phase, I used Figma to craft high-fidelity mock-ups, focusing on a comprehensive dashboard that allows managers to perform essential operations. The design facilitated the creation and management of locations and devices, and the assignment and approval of engineering work. For engineers, we developed a responsive web application to overcome budget constraints to make dedicated mobile app and ensure accessibility across devices. This approach not only optimized development resources but also delivered a seamless user experience irrespective of screen size.
