Product screens 06
- 01 First screen and the nearest slot
- 02 Services and prices
- 03 Stylists
- 04 Online booking
- 05 Work
- 06 Contacts and directions
A one-page beauty studio website where a client sees the price, picks a stylist and books a free time in a minute. Bookings no longer get lost in messengers, and deposits and reminders protect the stylists’ slots.
- The nearest slot on the first screen The site shows the nearest free time and service, so booking starts without scrolling.
- Prices with durations Hair, nails, brows: a starting price and duration for every service, so the client can plan her time.
- Stylists with their work Experience and examples of each stylist’s work, so the choice is not only about price.
- Booking with a deposit Schedule from Google Calendar, a card deposit, a confirmation and a reminder in Telegram.
A studio with three stylists took bookings through Instagram DMs, Viber and phone calls. In the evening the administrator copied them into a notebook, and some messages waited until morning for a reply. Prices were sent in private messages, so people who only wanted to know what a manicure costs often never wrote. When a client did not show up, the stylist lost the slot: there was no deposit.
We built one page around booking. The first screen shows the nearest free slot and a «Pick a time» button. The price list is split into hair, nails and brows, and every service has a starting price and a duration. Each stylist has her experience and her work on the page. Booking reads the schedule from Google Calendar, takes a card deposit and sends a confirmation and a reminder in Telegram. The studio edits prices and stylists itself in the CMS.
-
Before Bookings came through DMs, Viber and calls and were copied into a notebook.
After A booking lands in the stylist’s calendar at once, no administrator needed.
-
Before Prices were sent privately, and some people never asked.
After The starting price and duration of every service are visible before booking.
-
Before A client did not come and the slot was lost.
After A deposit holds the time, and a reminder arrives the day before.
03 · The client’s path
How a person moves through the product, from the first step to the result the business needs.
-
Finds the studio
Search or Google Maps: address, hours and a booking button on the first screen.
-
Checks prices
Prices by category, a starting price and how long each service takes.
-
Picks a stylist
Each stylist’s experience and work on the same page.
-
Books
A free slot, a card deposit, a confirmation in Telegram.
04 · What is inside the project
-
Prices and service durations on the site, not in DMs
-
Stylists with experience and before-and-after work
-
Booking a free slot from Google Calendar without a call
-
A card deposit at booking
-
Confirmation and a day-before reminder in Telegram
Fewer missed visits and fewer evening messages, since deposits and reminders remove part of the no-shows. This is a guide, not a promise.
05 · Architecture
How the product is put together: from what the user sees to the data and services behind it.
- User Opens the site on a phone or a computer
- Interface What a person sees and taps
- Astro
- Logic Rules, roles and scenarios
- Google Calendar API
- Telegram Bot API
- LiqPay
- Data & integrations Where the data lives and what the product talks to
- Sanity
06 · How a project like this is built
Total: 3–4 weeks- Brief & research Goals, audience, page structure and what the product must do
- UX/UI design Prototype, design of the key screens and the mobile version
- Development Front end, CMS, integrations and animation
- QA & launch Device testing, speed, SEO groundwork and launch
Typical phase split for a project of this size
07 · Services in this project
Solutions for a specific job
Ready-made scenarios for your case — with examples and indicative pricing.
- E-commerce · marketplaces Marketplace development, turnkey See the solution
- CRM · wholesale & B2B A CRM for wholesale: the deal run from enquiry to payment See the solution
- Websites · hospitality A website for a hotel that takes bookings around the clock See the solution
- E-commerce · beauty A cosmetics store that carries the buyer to checkout See the solution
- CRM · logistics A CRM for logistics: cargo tracking that ends the “where is my shipment” calls See the solution
- Site-card · legal services A lawyer’s site-card that shows the specialisation See the solution
- Landing · auto service A landing page for an auto shop that fills the schedule See the solution
- Websites · healthcare and dental A clinic website: booking a doctor without a call See the solution
- Websites · beauty salons A beauty salon website where clients book themselves See the solution
