Skip to content
All projects

Pre-launch Hair & beauty / Website & booking system

Eli Did That

A complete salon website with online appointments, client accounts and appointment management.

Open the website
Eli Did That — presentation mockup

01 / The brief

Give a Laval hairstylist a complete online presence and a central place to manage appointments, with clients able to access their bookings.

02 / The approach

We built a complete appointment journey: choose a date, select a service and available time, then request an appointment as a guest. Returning customers can sign in to access their appointments; guests have a separate lookup route. On the business side, the owner accepts and manages appointments through her own dashboard developed with Payload CMS.

What this demonstrates

  • Date, service and available-time selection
  • Guest appointment requests without an account
  • Customer account access and separate guest booking lookup
  • Owner dashboard for accepting and managing appointments
  • Payload CMS with PostgreSQL hosted on Supabase
  • Email and SMS notifications with Resend and Twilio
  • A foundation for adding staff in the future

The appointment experience

From the first visit to a managed appointment.

A website that connects the client’s booking journey with the owner’s day-to-day appointment management.

  1. 01

    Choose a date

  2. 02

    Select a service & time

  3. 03

    Send a guest request

  4. 04

    Owner reviews & accepts

01

A guided booking process.

The calendar comes first. After choosing a day, visitors see services with their prices and durations, then available times associated with the stylist. The selected service and time carry through to the appointment request.

Actual Eli Did That booking interface with date, service and available-time selection

02

Book as a guest. Keep the process simple.

Clients can request an appointment without creating an account. The details step brings the selected service, date, time and price together, then collects a name, email address, mobile number and optional note. SMS updates have their own consent choice. The request then goes to the owner for acceptance.

Actual guest appointment request form with empty contact fields

03

Two clear ways back to a booking.

The customer access page separates existing accounts from guest bookings. Account holders sign in to view and manage appointments connected to their profile. Guests can retrieve a booking using the appointment ID and private access code from their confirmation.

Actual customer access page showing account sign-in and guest lookup options

04

Guest access beyond the initial request.

Guest booking is supported after the request as well. A dedicated lookup asks for the appointment ID and private access code, giving guests a route back to their appointment without creating an account.

Actual guest lookup screen with empty appointment ID and access code fields

Her appointments. Her own dashboard.

We developed the owner’s appointment dashboard with Payload CMS so she can accept incoming requests and manage appointments in one place. The public booking flow and client access are connected to this management system, giving her control over what happens after a client requests a time.

  • Review incoming appointment requests
  • Accept and manage appointments through her dashboard
  • Keep client-facing booking and business management connected
  • Allow for additional staff as the business grows

The system behind the experience.

Payload CMS
Content and owner appointment dashboard
PostgreSQL · Supabase
Application database
Resend
Email notifications
Twilio
SMS notifications

A closer look at the experience

Guest access, beyond the initial appointment request.
Guest access, beyond the initial appointment request.Presentation mockup

Pre-launch project built by Pardusrex. Screens show the current preview; the website has not launched publicly. Staff expansion is a future capability.

Explore the service: Web Development

Selected work

Mixiebites

Have a similar project in mind?

Request a quote