SpareIt
overview
SpareIt is a multi-sided automotive aftermarket platform backed by Petromin Express. It helps garages access spare parts, logistics, business-management tools and digital credit.
This project focused on improving SpareIt’s Garage Management System, which garages used to manage customers, service jobs, employees and vehicle records.
The goal was to reduce the time and effort required to complete everyday garage tasks while improving operational visibility and the overall customer-service experience.
UX Team Lead
Role
Product strategy, user research, interaction design, visual design, prototyping and testing
Contributions
Automative
Industry
3 Months
Duration
background
SpareIt worked with Flooid to improve the experience of servicing vehicles across small, large and multi-outlet garages.
I was the lead designer on the project, working alongside two other designers and collaborating with Product, Engineering and client stakeholders.
The project focused on simplifying complex garage workflows and creating a system that could work across mobile phones and tablets.
The main design objectives were to:
Reduce the time required to create and manage service jobs
Simplify complex forms and workflows
Give station managers better visibility of garage activity
Improve consistency and accessibility across devices
Create a scalable foundation for future garage-management features
understanding the problem
I facilitated a workshop with the product and design teams to review known workflow issues, business requirements and internal feedback.
The platform served several types of users, but this case study focuses on station managers.
We identified the following problems:
Creating a job card took approximately three minutes in the existing experience.
Forms were long, complex and lacked a clear structure.
Important actions and information were difficult to find.
Weak visual hierarchy made navigation slower and less predictable.
The overall workflow contained unnecessary steps and unclear interactions.
The experience needed to work effectively across both tablets and mobile phones.
Job-card creation was identified as one of the most frequent station-manager tasks, estimated to account for around 60% of their daily system activity. Improving this workflow therefore had the potential to create meaningful operational value.
Fig. 'Create Job Card' old flow
defining the opportunity
From these findings, we decided to rework on the user flow and fix the usability issues, some of which are:
Introduce progressive disclosure for creation of a Job Card and other tasks to reduce complexity.
Redraft the Information Architecture to fix the information hierarchy.
Improve visual hierarchy for smooth navigation.
Overhaul the overall visual theme while prioritizing accessibility.
I conducted a workshop with SpareIt's team to draw out their vision of the solution and reconstruct the information architecture.
We then developed optimal user flows aligned with SpareIt's vision for the solution and created low-fidelity wireframes to help visualize it.
In our internal tests with the low-fidelity prototype, Job Card creation took about 2 minutes and 15 secs to complete. That is a 42% decrease in task completion time.
Fig. Station Manager proposed user flow
Fig. 'Create Job Card' wireframes
visual design
We crafted the visual design through a step-by-step process, starting with mood boards and style tiles and evolving into a complete UI kit. To enhance usability, we selected vibrant colors and oversized interactive elements, making it easier for users to navigate without accidental clicks.
Below is the breakdown of main functions and experience tweaks we made:
DASHBOARD
The dashboard or home page of the Garage Management System was designed with the approach that station managers can easily access the majority of features with a single tap. In addition to that, we have also incorporated key metrics, including total earnings, total customers, and total services.
JOB CARD CREATION
Job card creation is one of the most used features in the Garage Management System. The basic approach behind designing this flow was to reduce the number of clicks, the amount of time taken to create a job card, and to simplify the entire user flow. This was achieved through upfront filters and easy-to-navigate buttons.
SERVICE ADVISORS
Through this feature, station managers can create service advisors, control the functionalities they have, and generate their login credentials. Permission controls made easier with simpler interaction elements.
CUSTOMERS
Every customer’s history includes all the vehicles that are serviced or getting service from the garage. Station Managers can view all previous invoices, send follow-up reminders, or track the current status of the car from the service history.
ONBOARDING
The onboarding of the Garage Management System is based on OTP and passcode-based login. To give it a personal touch, every screen in onboarding has a banner that could be used to deliver promotional messages to Station Managers and Service Advisors.
conclusion
Improving the app experience was key for the end users as it could significantly improve their task completion leading to customer satisfaction. While I am happy with the internal prototype test results, lack of testing on real users meant I couldn't objectively know how the app performed with real users.
Some big takeaways from the SpareIt project:
Always test with real users. A design only works if users respond well to it—testing helps catch friction and guide better decisions.
Tie design to business goals. I’m comfortable explaining choices through user insights, but I’ve learned it’s just as important to connect those choices to business outcomes.
Words matter. From button labels to subheadings, copy plays a huge role in how users understand and interact with a product.
Visual design is powerful. I used to focus mainly on wireframes, but this project showed me how much impact strong visuals can have—no matter who the users are.
