Back to projects05 / PORTFOLIO DEMO LIVE

Hair Salon

Website, booking and business management in one experience.

A responsive multilingual website combining online booking, service presentation, gallery and administration in one simple system.

Public portfolio access — sample data only.
Hair Salon – mobile view

Many channels. One paper calendar.

A small salon often runs its website, phone calls, bookings, gallery and prices in separate places. Customers have to call, wait, ask about prices and sometimes confirm again.

Traditional workflow
  • Phone calls
  • Messages
  • Manual calendar
  • Repeated questions
  • Gallery only on social media
Digital workflow
  • Website
  • Online booking
  • Services & pricing
  • Gallery
  • Admin panel

Book an appointment in four steps.

Available times follow opening hours, service duration, blocked periods and existing bookings.

  1. 01Choose a service
  2. 02Pick a day
  3. 03Pick a time
  4. 04Details & confirmation
Book an appointment in four steps.

Behind the website.

Every booking lands in the admin panel instantly. That's where appointments, services, gallery, opening hours, blocked periods and messages are managed.

For customersFor customers
booking → admin calendar
For the salonFor the salon

What the system does.

01Online booking

Appointments without a phone call.

02Live availability

Only genuinely free slots are shown.

03Admin calendar

Every appointment in one place.

04Editable services

Update services and durations without a developer.

05Gallery management

Add work straight from the panel.

06Multilingual

PL · DE · EN · UA

Designed for the phone most clients book from.

Services, calendar and booking read just as clearly on a phone as on a desktop.

PL · DE · EN · UA

What I built.

Built to demonstrate how a local service business can move its booking and administration online.

Built withReactTypeScriptTanStack RouterTanStack QueryViteTailwind CSSZod
  • UX concept
  • Responsive website
  • Online booking flow
  • Availability logic
  • Admin dashboard
  • Reservation calendar
  • Editable services
  • Gallery management
  • Opening hours & blocks
  • Multilingual interface
  • Mobile experience
Public portfolio access — sample data only.