Designing a booking system that people love

Creating a Booking System which people will love requires you to understand their needs. How does a barber appointment differ from that of a photographer? While creating this brand new SaaS product, we had many excellent conversations with incredible people. The result: Creating a truly unique booking system that meets the needs of its customers.
The Challenge

To accelerate digital transformations of the service providers across the MENA region

You might know the saying "one size fits none". When designing a digital product that needs to help all sorts of service providers, you will run into plenty of challenges. To define the needs of our users, we started an extensive qualitative research period. Talking to all sorts of service providers in the MENA region. After discovering the differences (and overlap) in need, we created an incredible user-friendly booking system. Say hello to Peep!

The heart of the operation: The Calender

The Peep calendar allows users to view the agenda of a location and one or multiple employees. We wanted to create a light, open and friendly overview of the operation.
PEEP - Calendar Flow

The heart of the operation: The Calender

The Peep calendar allows users to view the agenda of a location and one or multiple employees. We wanted to create a light, open and friendly overview of the operation.

The heart of the operation: The Calender

The Peep calendar allows users to view the agenda of a location and one or multiple employees. We wanted to create a light, open and friendly overview of the operation.
PEEP - Calendar Flow

The heart of the operation: The Calender

The Peep calendar allows users to view the agenda of a location and one or multiple employees. We wanted to create a light, open and friendly overview of the operation.
PEEP - Calendar Flow

Staff Working Hours

Staff working hours overview: Each staff member has their own color assigned to visually distinguish each staff member. You get a quick and easy overview of how many hours and when a staff member is working in the selected week. You can filter on specific locations of your branches, and see an overview of the closed dates and the current staff members.
PEEP - Staff Working Hours

Staff Working Hours

Staff working hours overview: Each staff member has their own color assigned to visually distinguish each staff member. You get a quick and easy overview of how many hours and when a staff member is working in the selected week. You can filter on specific locations of your branches, and see an overview of the closed dates and the current staff members.

Staff Working Hours

Staff working hours overview: Each staff member has their own color assigned to visually distinguish each staff member. You get a quick and easy overview of how many hours and when a staff member is working in the selected week. You can filter on specific locations of your branches, and see an overview of the closed dates and the current staff members.
PEEP - Staff Working Hours

Staff Working Hours

Staff working hours overview: Each staff member has their own color assigned to visually distinguish each staff member. You get a quick and easy overview of how many hours and when a staff member is working in the selected week. You can filter on specific locations of your branches, and see an overview of the closed dates and the current staff members.
PEEP - Staff Working Hours

Clients

Client overview page and single client detail page. The client page has the options to see upcoming and recent appointments of the client, bought products, available vouchers, and active subscriptions.
PEEP - Clients

Clients

Client overview page and single client detail page. The client page has the options to see upcoming and recent appointments of the client, bought products, available vouchers, and active subscriptions.

Clients

Client overview page and single client detail page. The client page has the options to see upcoming and recent appointments of the client, bought products, available vouchers, and active subscriptions.
PEEP - Clients

Clients

Client overview page and single client detail page. The client page has the options to see upcoming and recent appointments of the client, bought products, available vouchers, and active subscriptions.
PEEP - Clients

Offers

Dashboard overview of offers (discounts) with the options to view active offers, scheduled offers, expired offers, or an overview of all existing offers. Screen of creating a new discount, editing an existing discount.
PEEP - Offers

Offers

Dashboard overview of offers (discounts) with the options to view active offers, scheduled offers, expired offers, or an overview of all existing offers. Screen of creating a new discount, editing an existing discount.

Offers

Dashboard overview of offers (discounts) with the options to view active offers, scheduled offers, expired offers, or an overview of all existing offers. Screen of creating a new discount, editing an existing discount.
PEEP - Offers

Offers

Dashboard overview of offers (discounts) with the options to view active offers, scheduled offers, expired offers, or an overview of all existing offers. Screen of creating a new discount, editing an existing discount.
PEEP - Offers

Services

New service creation screen & overview of existing services.
PEEP - Services Add New Service

Services

New service creation screen & overview of existing services.

Services

New service creation screen & overview of existing services.
PEEP - Services Add New Service

Services

New service creation screen & overview of existing services.
PEEP - Services Add New Service

Dashboard

A dashboard designed to see statistics of appointments and sales. With the option of a total overview of all your locations or specific ones.
PEEP - Dashboard 1

Dashboard

A dashboard designed to see statistics of appointments and sales. With the option of a total overview of all your locations or specific ones.

Dashboard

A dashboard designed to see statistics of appointments and sales. With the option of a total overview of all your locations or specific ones.
PEEP - Dashboard 1

Dashboard

A dashboard designed to see statistics of appointments and sales. With the option of a total overview of all your locations or specific ones.
PEEP - Dashboard 1

Dashboard varied elements

(Niet zeker of hier uberhaupt text bij moet. Misschien gewoon alleen als plaatje?) Varied Elements designed for the dashboard
PEEP - Dashboard 2

Dashboard varied elements

(Niet zeker of hier uberhaupt text bij moet. Misschien gewoon alleen als plaatje?) Varied Elements designed for the dashboard

Dashboard varied elements

(Niet zeker of hier uberhaupt text bij moet. Misschien gewoon alleen als plaatje?) Varied Elements designed for the dashboard
PEEP - Dashboard 2

Dashboard varied elements

(Niet zeker of hier uberhaupt text bij moet. Misschien gewoon alleen als plaatje?) Varied Elements designed for the dashboard
PEEP - Dashboard 2

Setting Screens

Example of a couple of Settings screens created for the user to add personal information, add & manage new locations, and manage/oversee invoices along with associated error state screens.
PEEP - Settings & Error States

Setting Screens

Example of a couple of Settings screens created for the user to add personal information, add & manage new locations, and manage/oversee invoices along with associated error state screens.

Setting Screens

Example of a couple of Settings screens created for the user to add personal information, add & manage new locations, and manage/oversee invoices along with associated error state screens.
PEEP - Settings & Error States

Setting Screens

Example of a couple of Settings screens created for the user to add personal information, add & manage new locations, and manage/oversee invoices along with associated error state screens.
PEEP - Settings & Error States

Big prototyping, a lot of screens

Overview of a big part of the prototyping we did.
PEEP - Prototype overview

Big prototyping, a lot of screens

Overview of a big part of the prototyping we did.

Big prototyping, a lot of screens

Overview of a big part of the prototyping we did.
PEEP - Prototype overview

Big prototyping, a lot of screens

Overview of a big part of the prototyping we did.
PEEP - Prototype overview
Impact

Going from "Starting from scratch" to launching the MVP

Our remote collaboration (from the Netherlands to Kuwait) beard fruits in only a few months time. BTNG.studio assisted peep with figuring out business cases, running workshops, designing wireframes and creating & validating prototypes. Working together with the fantastic team of bookpeep.com was an absolute pleasure!