IMPERIAL SALON

Booking made easier with our Hair Stylist


PROBLEM: User preference to schedule future appointments with their own hair stylist

SOLUTION: Button created to book with their own professional stylist, user can select their chosen hair stylist and check their availability

What difficulties does the user face when  booking online? Prefer not to save their Bank card details.  There should be a option to re-schedule appointment with their hair stylist.  Rather than been assigned to a different hair stylist.

Quantitative & Qualitative data results, i re-designed the appointment page to include an option that allows user not to save their bank card details.

I created a button that enables users to select their preferred hairstylist and services, ensuring a seamless booking process.   

User Testing

'Call to action button for paying the deposit not visible' 'Problems encountered with the empty basket during the booking process' 'The proposed improvements include making the call to action button for a seamless process'

Homepage-Conclusion

Based on my findings, user on the go prefer to book appointments, promptly, ensuring an intuitive design with appealing call to action buttons enhance the overall booking process, and clear options for privacy.


HOW CAN I RESOLVE THE PROBLEM
Lets focus on the problem

-EASY NAVIGATION, to ensure intuitive experience, avoid any ambiguity

App Screen's

homepage 1 scaled.jpg

Homepage

login

Login

selection

Service

Hair Salon App

SERVICE

Service Treatment in bold text, highlighted for better visibility

User Reliable booking service

Simplify the layout for ease of use- Option added for the user to opt out avoid saving their Bank Details. Option added to select their chosen hair stylist


Call to action button fit for purpose, booking reference confirms the booking was successful
screenshot 2024 02 16 at 22.45.19
screenshot 2024 02 16 at 22.45.40
screenshot 2024 02 16 at 22.47.39

USABILITY TESTING-Results outcome from participants

‘Appointment not available, ‘pop up message the salon is closed, no prompt to book online’

‘No option to scan details, user will need to input the digits manually’
screenshot 2024 02 16 at 22.46.59
screenshot 2024 02 16 at 22.47.27
screenshot 2024 05 25 at 22.40.13

Quantitative Script

During the usability Testing Phase, 15 open ended questions were created part of the interview script. 

 Designer to encounter the pain points & positive.

The conclusion highlighted two primary factors affecting the booking process, with a hair stylist.  The ability to book directly with their preferred stylist and the challenge of determining their availability.

A key pain point identified was the need for users to contact their stylist directly to enquire about their availability.

Customer rating to be considered for review purpose

As a UX Designer i conducted online survey with 23 participants who are regular users booking appointments on native app online.  The survey included open- ended questions, multiple questions to gather comprehensive feedback from the data, 3 main pain points identified by the users.

screenshot 2024 05 16 at 19.42.11

Post it notes categorised into 12 Descriptive Titles, positive colour coding in blue.  Negative points colour coded in red.

Based on the colour code digital notes, stakeholders can address improvements for the forthcoming application.  

The aim of the card sorting process was to create a mobile friendly application, addressing the user needs in terms of errors.

This approach provide a seamless journey to ensure booked with the correct hair stylist, completing the end to end journey.

PROTOTYPE

HOW I SOLVED THE PROBLEM

What was the problem? Based on participants results, prefer to schedule appointment with their own stylist, also avoid saving Bank Details onto their phone while booking with their hair salon.  Process is not simple to find their own hair stylist.

How did i solve the problem: I have added button to book with their own stylist this will avoid disappointment.

On the payment screen as participants had issue their Bank Card details been saved on the app.  I created a additional button stated ‘Do Not Save Card Details’ this option is more viable for solution to the user problem

Scroll to Top