Camping Grounds
This goal of this project was to create a booking system for a camping grounds. The project was completed as a part of the UI/UX Grow with Google course.
Role
-
UX Researcher
-
UI Designer
Goal
Create a seamless booking system for a specialised getaway location
Time
February 2022 - April 2022
Why
During my 7 part course with Google on UI/UX Design and Research, I was tasked with creating a seamless booking system that users of all levels were able to use. The goal was to create the booking system to work across all devices so that bookings could be made from anywhere without running into any issues.
​
The solution that is presented offers the ability to book from both a mobile device or a desktop device with clear similarities across the two designs that would allow for all users to be able to complete the task from start to finish with no interruptions.
User Research and Stories and Goals
Research Analysis
Ideation
During the user research stage, one specific problem kept being brought up. The issue was that booking processes were often lengthy and sometimes confusing. This did not fit well with adults who were constantly busy and had very little free time to figure out how to book a trip away.
The idea for a simple and easy to use booking system was created with the main focus being on transferability of skills between devices. The day to day life of a busy user would not always allow for them to book straight away, instead, they may find themselves looking at the reservation on a desktop or laptop and then booking using a mobile phone. The goal here was to keep designs and processes consistent across all devices to ensure that users could make their booking as fast as possible no matter what device they book from.
Wireframes
These wireframes outline the basic pages that users will experience during the booking process. The aim was to get users through the booking process as fast as possible and to only present them with the relevant information needed to make the booking
Lo-Fi Mobile
Low fidelity prototypes for the mobile version were made to have the same design choices as the website to ensure as much similarity across platforms as possible
Lo-Fi Website
The low fidelity website prototype, similar to the mobile prototype, combines the same small amount of steps and similar design choices to really drive home consistency across both platforms and help with usability
Hi-Fi Mobile
Homepage and Confirmations
To reduce user confusion and increase readability, I presented the user with only the relevant information they require
Hi-Fi Mobile
Date Selection
The 'Select a Date' feature is a simple calendar selection based option that automatically fills the fields once a date is selected. This was improved upon from the previous version which had users enter the date manually
Hi-Fi Mobile
Guest Information
The guest information section requires only the fields that are needed to make the reservation, no additional confusing fields or optional sign up fields have been included along the way.
Hi-Fi Mobile
Optional Add-Ons and Overlays
Optional add-on sections for users to book additional packages should they want them. This is by no means mandatory and is an optional part of the flow. The overlay links to the 'View Details' button in its respective add-on.
Hi-Fi Wesbite
Homepage and Confirmations
The booking confirmation page presents the user with a final outline of their trip and informs the user on how to reach the campsite with any extra information needed. A help button was also introduced to allow for users to contact the site owner should they need to.
Hi-Fi Website
Date Selection
A simple calendar selection user interface to allow for easy date selection from users
Hi-Fi Website
Guest Information
Information fields are kept to a minimum to reduce time spent booking and allow for a quick and easy booking process
Hi-Fi Website
Optional Add-Ons and Overlays
Optional add-ons should the user want to add anything extra to their trip
Sticker Sheet
Potential Next Steps
Initial testing with users was done with a high degree of success. Users were able to navigate from start to finish with both the mobile and the desktop versions of the website. In saying that, there are always improvements that can be made.
​
Potential next steps include:
-
Refining of the Order Summary Section
-
Potential avenues to explore for background design to catch user attention
-
Start high fidelity designs for Gallery and Card functions
Conclusion
I was personally very happy with the designs produced. I think the solution was optimal and achieved the intended goal of allowing users to have a seamless booking experience across all devices.
​
Whilst I do believe in the designs I've created, I know there is always room for improvement. During this project alone I tackled different biases and learnt to accept criticism for exactly what it is. Rather than let the criticism get me down, I used it to enhance my designs and create a solution that all users were happy to work with. I look forward to taking these new found skills and transferring them into my future projects!