OneLocal LocalBookings User-End

LocalBookings User Web App

End-user booking and scheduling flow

Overview

Providing businesses a stunning visually branded experience for their users to seamlessly book appointments.

I was tasked with building out out a booking system to exist within the OneLocal ecosystem. This project involved designing an online web booker, where customers can book appointments online, and a dashboard where users can manage those bookings.

Company & Role

OneLocal - Lead Designer

Deliverables

Research, wireframes, mockups, prototyping, visual design

Project Date

Sep 2020 – Dec 2020


As A User:

  • I want the ability to cancel or manage my booking
  • I want to receive SMS or email confirmations for when I make a booking
  • I want to receive SMS or email reminders before my booking

Web Booking App (Mobile)

The components that can have customized colours are the following (see defaults in the Figma designs):

  • Top information section (Left side on desktop)
  • Grouped service section
  • Progress bar
  • Next button
  • Selected calendar date
  • Date selected bar
  • Time selected

A Logo should be able to be uploaded and featured on the top left of the page. If there is no logo, we should display the name of the merchant. As the user goes through each booking page, there's a progress bar at the bottom that displays the progress for that user until they complete the booking. For branding purposes, there should be a "Powered by OneLocal" logo on each of the booking pages.

1. Services Select

LocalBookings Services Select

2. Date & Time Select

LocalBookings Date & Time

3. Practitioners Select

LocalBookings Practitioners Select

4. Contact Information

LocalBookings Contact Information

5. Booking Confirmed

LocalBookings Booking Confirmed

Web Booking App (Desktop)

1. Services Select

LocalBookings Services Select

2. Date & Time Select

LocalBookings Date & Time

3. Practitioners Select

LocalBookings Practitioners Select

4. Contact Information

LocalBookings Contact Information

5. Booking Confirmed

LocalBookings Booking Confirmed

User Facing Emails

There are different types of emails that are sent to the end-user depending on the status of their appointment.

Booking Confirmed

LocalBookings Email Confirmed

Booking Changed

LocalBookings Email Changed

Booking Reminder

LocalBookings Email Reminder

Booking Cancelled

LocalBookings Email Cancelled

Interested In Seeing More?

If you would like to see more of this design, the Figma file, and annotations, please connect with me and I will send you an invite to view the Figma file.

Connect With Me
Connect With Me
OneLocal LocalBookings Figma