The Salon SPA
Make salon services easier to explore and appointment requests easier to prepare.
Service discovery // Booking interface // Multilingual
- Industry
- Hair salon & wellness
- Deployment Status
- Live website
- Technology Stack
- HTMLCSSJavaScriptSupabase integrationShopify storefront
The business dilemma
Visitors need to understand available services and communicate their preferred treatments, date and time without a long exchange of messages.
The implemented solution
Connect a browsable service catalog to a guided appointment interface, with a WhatsApp handoff for follow-up.
What the system accomplishes
Organized service catalog
Hair, spa and nail categories open detailed service information and current published pricing.
Guided appointment preferences
A four-step interface collects location, services, date and time before the request handoff.
Multiple service selection
Visitors can review their selected treatments together before continuing to the calendar.
Language selection
Visible labels and booking controls are connected to a translation system.
Availability integration
The booking source includes availability and safe-booking RPC calls alongside a WhatsApp follow-up path.
Shopify storefront
A separate storefront at shop.thesalon.com.co gives salon clients a direct route to the product catalog.
Architectural engineering
Shared public interface
Static pages share styling, service data and interaction logic.
Booking integration boundary
Supabase RPCs are present in the source; public-page checks do not confirm current database availability or accepted bookings.
Separate operational surfaces
The service website and its Shopify storefront are separate public destinations from the private administration application.
Scope & authentic evidence
Development scope evidenced in the project: service presentation, responsive website interfaces, language handling and booking interaction logic.
- Public homepage returned HTTP 200 without authentication.
- Public HTML and audited local homepage have identical SHA-256 hashes.
- The source includes service pricing, translated booking controls, availability/booking RPC calls and a link to the Shopify storefront.
Public endpoint and repository structure checked on 2026-10-11.
Operating boundaries
- The reservation interface prepares a request; a confirmed appointment requires the relevant backend or salon follow-up.
- Database booking behavior was not exercised during the portfolio review.
- The Shopify storefront's current product availability and checkout behavior were not independently verified.