3D Salon

Salon Booking System

Designed and built a comprehensive booking and workflow system to eliminate queues, organise staff, and retain customers for a busy, successful salon.

Published: 15 February 2024

My Role

Contractor Product Designer

Timeline

4 months (Oct 2023 - Jan 2024)

Tools Used

Figma, React, Next.js, TypeScript, Tailwind CSS, Supabase

Project Type

Website

Salon Booking System preview 1
Salon Booking System preview 2

3D Salon was a successful business facing a critical operational challenge. Ironically, its popularity was hurting efficiency; long queues, a disorganised service flow, and the sheer busy nature of the salon were frustrating customers and staff, leading to customer attrition. I was brought on to design and engineer a website-based system to manage customer flow, create a clear booking process, and restore calm to the salon floor.

  • Integrated Booking System: Allowed new and returning customers to easily view, select, and book services online, eliminating phone congestion and walk-in uncertainty. - Staff Management Portal: Enabled the salon to organise stylist schedules, assign appointments based on specialty, and manage availability in real time. - Customer Flow Dashboard: Provided a clear, at-a-glance view of daily appointments, wait times, and customer status for front-desk staff. - Service & Style Catalogue: Helped attract new clientele by showcasing the salon's range of specialised services and styles in an appealing, shoppable format. - Customer Retention Tools: Integrated features for customer profiles, service history, and reminder notifications to encourage repeat visits.

  • Figma – Designed the end-to-end user experience, from customer booking flows to the internal staff management interface. - HTML, CSS & JavaScript – Developed the front-end for a responsive, user-friendly website accessible on all devices. - Backend & Database – Engineered the system's logic for handling bookings, user accounts, staff schedules, and real-time updates. - Project Management Tools – Used to plan, wireframe, and collaborate with the client on defining workflows and requirements.