The online booking we built for Ariana Studio

Ariana Studio is a beauty studio in Prishtina for gel nails, pedicure and waxing, and the owner does every appointment herself. The site had two jobs: show the studio and its menu, and let a client book a time that is genuinely free without having to call.

Behind it, the owner needed one place to run the day: who is next, what the week looks like, which hours are closed, and a signal on her phone the moment a booking comes in.

A booking takes three steps: the services, the day and time, and the client's details. A client can put several services into one appointment, a gel set and a pedicure for example, and sees the total time straight away.

Only real free times are offered. Each one is worked out from the studio's weekly hours, the times the owner has closed, the appointments already booked, the length of the chosen services and the cleanup time she sets after each one. Taken times stay on screen, faded, so the day still reads at a glance.

The menu knows its own rules. A full-body wax already covers the legs, so the two are never booked together, and gel extensions, gel polish and a repair are alternatives, one per appointment, while removal goes with any of them. Payment happens at the studio, so the booking asks for no card.

The booking, the confirmation and the owner's panel are all laid out for a phone first.

After booking, the client lands on a page that holds the appointment: the booking code, the service and the time, a button that adds it to their calendar, a WhatsApp message to the studio already written, and online cancellation up to the deadline the owner sets. A client who loses the link finds the appointment again with the code and their phone number.

The phone also remembers the client's name and number for the next booking, and a returning client is welcomed back with their number of visits.

The panel opens on today: the next client, who is in the studio right now and the day's agenda. From there the owner has the calendar by day, week or month, the bookings with search and filters, and a card for every client with their visits, upcoming appointments and her private notes.

On her phone she presses and holds an appointment to move it to another time or day; on a computer she drags it. Walk-ins and bookings taken by phone go in as a new appointment, and that time closes for online booking at once. The panel works in Albanian and English.

An analysis page adds up the completed appointments for a day, a week, a month or any range of dates, next to the value of the appointments still ahead.

The panel installs on the phone's home screen like an app. Once the owner turns notifications on, every new online booking and every cancellation by a client reaches her iPhone, Android phone or laptop as a push notification, and a test button shows her what one looks like.

Appointments she adds herself stay quiet. If she prefers to approve each booking, online bookings wait as pending until she confirms them, and the client's page updates as soon as she does.

Everything a client sees about services and times comes from the panel, and a change shows on the site straight away:

• The menu: every service in Albanian and English, with its duration, cleanup time and price, whether prices show publicly, and which services are marked popular.
• The weekly hours, plus closed times for holidays, breaks or whole days.
• The booking rules: how often a slot starts, the minimum notice, how far ahead clients can book, the free cancellation window, and whether bookings confirm themselves.
• The studio's details: phone, WhatsApp, address and the one line on how to find the place, which also feed the business data Google reads.

Next.js 16 and React 19 in TypeScript, Tailwind CSS, Postgres through Drizzle, and web push for the notifications. The server runs in the EU next to its database, the menu is cached and refreshed the moment the owner edits it, and panel pages show their layout at once while the data loads.

Every page has its own title and description in both languages, and the homepage carries the studio's structured data: address, opening hours, phone and the service menu, built from the same settings the owner edits, so it never goes out of date.

The nail-polish bottles are real 3D models drawn with three.js. They turn as the page scrolls, draw only while they are on screen, and stay still for anyone whose device asks for less motion. The site and the panel were built in August and September 2026.