Locked In Mobile Booking

Hey there, welcome to my interactive presentation! I've chosen this format to give you the full story and engage with you in a more meaningful way. In this slideshow, I'll dive into the project, share insights from user research, discuss user pain points and flow design considerations, talk about the mistakes I made and what I learned, and finally, share some key takeaways. Feel free to hit play and let's get started! 😊

Delving into key aspects of my user flow, encompassing both New User Experience (NUX) and Product User Experience (PUX), I'd like to spotlight specific design choices I've made.

Schedules

I designed a schedule viewer for stylists that is inspired by Google Calendar, making it familiar and easy to use. It also has additional features that are specifically beneficial for stylists, such as the ability to filter appointments and send appointment confirmations and reminders to clients.

Example of Google Calendar UI

NUX Homepage

To enhance the user experience for newcomers, I crafted an onboarding hub within the app. This hub serves as a welcoming gateway, equipping new users with the tools to seamlessly navigate the app, whether it's for booking their inaugural appointment or accessing vital information for existing ones. The homepage greets users with a personalized touch, displaying nearby salons and a warm "Hello, [user name]" message.


Design consideration: Minor tweaks, major improvements

During my design exploration, I realized that the search bar placeholder text, "find your next style," was a bit exclusive. The app is for booking appointments for a variety of salon services, including nails, hair, and waxing, not just hairstyles. This placeholder text could mislead users into thinking that the app is only for booking hair appointments.

To fix this design misstep, I later changed the search bar placeholder text to "find your next service." This is more inclusive and accurately reflects the purpose of the app.

I believe that this experience demonstrates my ability to identify and fix design missteps. I am always learning and looking for ways to improve my designs.

Checkout

I made key design choices to ensure a user-friendly checkout page. I listed the fees and all up-front costs on one screen so that users knew exactly what they were paying for.

I also listed all available payment options (example: Apple Pay, G Pay, Affirm, etc)


For clients, I aimed for simplicity, enabling an intuitive appointment booking process and quick access to stylist profiles, ensuring a smooth transition from browsing to booking.


My focus was on reducing confusion and enhancing convenience, fostering a seamless connection between clients and stylists. This way, we can leave more time for real-life connection in the salon, and less booking hassle.