Buky

Appointment Booking App

Overview

Since three months ago, we are in global health emergency because of COVID-19, and several measures must be taken to avoid overcrowding.

Many customer service businesses will have to work through appointments to comply with social distance.

Buky is a mobile app that is aimed at businesses that need to provide a service through appointments, either to improve their usual flow or because of the current need to avoid overcrowding.

Role

Visual Design
Interaction Design
Prototyping

TOOLS

Figma

PAINT POINTS

The current booking process

  • Customers book appointments by phone, but they don't always call again when the line is occupied.
  • The booking phone line is only available during working hours.
  • In some cases, customers can book an appointment by social media, but the response time is high, or they don't get a response/confirmation.
  • Customers need to repeat the process if they want to change or cancel the appointment.
  • Business Staff have to spend a lot of time attending to telephone reservations or responding through social networks.
USER PERSONAS
PROCESS
USER FLOW
WIREFRAMES

Based on the structure of the user flow, I designed the first version of the wireframes.

PROTOTYPE


I  built a prototype of the booking flow and tested it with three users.

Observations:

  • Users were confused with the service's selection buttons
  • User doesn't know how many services has selected before continue to the next step
  • Wanted to see the business information (address, phone) and there was not an option
  • Wanted to choose an employee for the booking
  • User was looking for the "Home" button
  • Missed search bar
  • Missed service category
  • Wanted to look up for business using a Map
VISUAL DESIGN

I decided to use a cool color with a clean and simple UI. I chose a strong purple as a primary color, mixed with a gray scale for balance and bring security and confidence to the user.

PURPLE
#5B48D9
SOFT PURPLE
#8B8FD9
SOFT GREY
#F6F6F6
GREY
#9B9B9B

Taking into account the observations made by the users in the tests, I made improvements to the booking flow and applied it to high fidelity wireframes

RETROSPECTIVE

My original idea was to create a simple flow, with fewer options to select, but, in the tests, I realized that some users prefers more options and more information to trust in the application. If they are not able to select, for example, its favorite hair stylist, a dentist or an instructor, they will opt for call or use the WhatsApp for the booking instead

As a result, I am satisfied with the visual design, it could bring the confidence and reliability that an application like this needs.
‍