![MOT Dashboard desk shot.png](https://static.wixstatic.com/media/a02679_fbe29ce4ff474aff893848e32462a4ae~mv2.png/v1/crop/x_0,y_328,w_3200,h_1812/fill/w_888,h_503,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/MOT%20Dashboard%20desk%20shot.png)
Project overview
Continuing from our earlier endeavor, Book My MOT, this phase involves shaping the complementary aspect of the application. We've meticulously crafted the user journey for scheduling appointments at a garage. Users can seamlessly navigate through their car's service history and access details on both past maintenance and upcoming appointments. This extension adds a comprehensive layer to the app, providing users with a holistic view of their vehicle's maintenance timeline.
The problem
Many individuals don't have the time or simply don't enjoy the process of having to find a garage to do their MOT.
Book my MOT offers:
![Group 1_edited.png](https://static.wixstatic.com/media/a02679_8e729f1816c54ed1a97c9a657ca2317e~mv2.png/v1/crop/x_1,y_0,w_2999,h_615/fill/w_756,h_155,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Group%201_edited.png)
Goals
Design a responsive website app that:
-
makes the process of looking for a garage easier
-
allows users to easily book an appointment at a chosen garage
-
helps the user know when to book their MOT
Log in/Sign up
After entering their car plate number, the user will be shown the details of their car, such as the MOT expiry date. Then, in order to make an appointment, they have the option to either quickly create an account or log in if they have already accessed the platform before.
![image.png](https://static.wixstatic.com/media/a02679_2586d817604443908c0effd71790dce0~mv2.png/v1/crop/x_0,y_8,w_1600,h_1043/fill/w_796,h_519,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/image.png)
Available Garages
After accessing the platform, the user is taken to this page where the available garages are being shown. Based on the location, the user is recommended some garages ar the top of the list. Each garage has its details when expanded and the user can choose a range of dates for when they want their MOT appointment.
![available grg.png](https://static.wixstatic.com/media/a02679_efdd899c16bb47f3a12fba67ba8e313a~mv2.png/v1/crop/x_0,y_134,w_3200,h_2103/fill/w_767,h_504,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/available%20grg.png)
Book Appointment
After choosing a garage, the user is taken to the booking page, where they can easily choose the date and time of their appointment, leave a note to the garage and attachments if necessary and pick the services that they need.
![book.png](https://static.wixstatic.com/media/a02679_fafe2e0ee4cc4a82a44801e9f9fccec0~mv2.png/v1/crop/x_0,y_117,w_3200,h_2156/fill/w_758,h_511,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/book.png)
Appointments
The users can see their current, future and past appointments here. Future appointments can be edited easily.
![history.png](https://static.wixstatic.com/media/a02679_455d93a72dd14adcb7bb8ab18caf9154~mv2.png/v1/crop/x_0,y_72,w_3200,h_2256/fill/w_743,h_524,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/history.png)
Timeline
On here, the users can see what their vehicle had had done along the years. The history can be imported from the cloud or added manually for each year.
![timeline.png](https://static.wixstatic.com/media/a02679_32c1efcee3594883831c1b8735143b94~mv2.png/v1/crop/x_0,y_116,w_3200,h_2151/fill/w_756,h_508,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/timeline.png)
Responsive Design
Of course, our users need the design to adapt to their electronic devices and not be limited to a laptop or PC. We came to the conclusion that this kind of web app will most likely be accessed through mobiles, so we started with the mobile design each time, and then increased the screen sizes up to desktop.
![MOT Dashboard mobile shot.png](https://static.wixstatic.com/media/a02679_c8ce7a9e826a48c596de057f06922c12~mv2.png/v1/crop/x_0,y_123,w_3200,h_2154/fill/w_756,h_509,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/MOT%20Dashboard%20mobile%20shot.png)
Results
Book My MOT has proved itself to be very useful to a variety of users. Not just for people with little time, but also for ordinary people who just prefer the comfort of researching a garage and booking an appointment from their electronic devices.
By providing users with a platform to easily check and schedule appointment for the MOT or other similar services, we can make may people's lives much easier :)
What I learned
I gained valuable insights into the importance of user testing, the iterative design process, and the importance of user-centred design principles. Additionally, the design of Book My MOT has provided me with an opportunity to explore new design solutions for a variety of users and situations.
Next steps
-
Develop the website accordingly.
-
Refine the design to make it even more user-friendly and intuitive.
![MOT Dashboard desk shot.png](https://static.wixstatic.com/media/a02679_fbe29ce4ff474aff893848e32462a4ae~mv2.png/v1/crop/x_0,y_304,w_3200,h_1891/fill/w_980,h_579,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/MOT%20Dashboard%20desk%20shot.png)