Case Study:
Go Oil MVP App
Creating an app for a small business specializing in bringing convenience to vehicle maintenance.
Role:
UI Designer
UX Researcher
Prototyping
Branding
Team:
Client project
Self directed
Timeline:
100 Hours
(~6 Weeks)
Deliverables:
Mobile High-Fidelity Wireframes
Prototypes
Background
With the increasing demand for convenient vehicle maintenance, Go Oil is introducing an app to meet this need. The Go Oil app streamlines appointment bookings for both household and fleet vehicles, aligning with Go Oil's commitment to providing on-site maintenance services.
The challenge in designing this app was to focus on efficient appointment booking to attract new clients, while effectively displaying information about the company's additional services to retain current ones.
Research
I dove into market research to understand how commercial lube shops' online presence helps their business. I also assessed their online booking systems. Through heart-to-heart interviews with Go Oil customers, I learned how they truly feel about their oil change experiences, and what features would make them want to download an app dedicated to vehicle maintenance.
User Interviews
My interviews revealed that my clients’ current customers were struggling with remembering to even book the appointment, and would highly value features such as reminders, appointment suggestions, and appointments that link to their mobile calendar.
The Bones
I utilized my research findings to begin drafting an app outline. This included creating a sitemap to determine the required pages and user/task flows to determine the user's journey throughout the booking flow.
Mid-Fidelity Wireframes
Using my research discoveries I began designing the first iteration of frames for the primary flow: Booking an appointment.
High-Fidelity Wireframes
After multiple rounds of receiving feedback from my peers, making iterations, and finally gaining approval from my client, I arrived at this result.
User Testing
I tested my mid-fidelity wireframes with users to validate the direction of my solution. The feedback included incorporating more colors to enhance user engagement and highlight critical information, and to consider creating a separate flow when adding/scheduling for fleet vehicles.
My mentor provided valuable insights as well. She advised re-evaluating the checkout flow for better user comprehension and proposed alternative designs for users to select add-on services while providing detailed information about them.
Additional Features
linaaaae
Including booking options for businesses and their fleet vehicles
ineedaeee
Detailed invoices allow users to glance over appointment details and suggestions for future maintenance
Outcome
I have learned a lot about the importance of having a client while designing this app. Having someone to check in with throughout the project was reassuring and helped me stay on the right track.
Additionally, I gained valuable knowledge about Figma’s auto layouts and variables, creating style guides, and branding.
Next Steps
The owner is looking into developing and releasing the app by summer 2025.
Future features that I would like to explore include adding an option to “group” household and/or fleet vehicles for an easier booking flow.
As well as experimenting with features such as auto booking appointments, or setting up a subscription service, especially for fleet vehicles.
Next
Spotify Feature Addition
