3D Salon

Salon Booking System

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

Published: February 15, 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. Their popularity was ironically hurting efficiency; long queues, an unorganized 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 operational calm.

  • 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 organize 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 Catalog: Helped attract new clientele by showcasing the salon's range of specialized 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.