Setting the price list like a runway lineup
A salon client wants exactly two things from the site: how much it costs and how long it takes. The whole design is built around surfacing those two facts fast.
- Industry
- Hair & beauty
- Location
- Istanbul, Nişantaşı
- Traffic
- Mobile-first
- Status
- Concept build
Design decisions
Why it looks this way
This is a concept build — not real client work. What follows are the decisions I'd defend while working with a real business in this industry.
Avoiding the pink-and-gold cliché
Almost every salon site reaches for powder pink and gold foil. I went for fashion-magazine typesetting instead: a black ground, a high-contrast didone display face, one single powder tone. The salon itself is already a considered space — the site is its editorial counterpart.
Dotted price rows
The page's signature element is the price list. A dot leader between the service name and its price carries the eye straight to the number, with the duration set in small type below. The client isn't reading the list — they're following the line.
Stylist choice in the booking flow
Alongside service, date, and time, the booking form also asks who the client wants to work with. In this industry a client goes to a person, not a salon; if the system doesn't support that, the booking still ends up on the phone.
Built mobile-first
Almost all traffic in this industry arrives as a phone visitor coming from Instagram. The gallery drops from four columns to two, the price list to a single column, and the booking button always sits within thumb's reach.
Full page
Top to bottom
Systems for the real project
- — Service + stylist + time booking
- — Booking admin panel
- — Timed price list
- — Instagram-style gallery grid
- — WhatsApp / Telegram notification on a new booking
- — Team introduction section
- — HairSalon structured data
- — Mobile-first layout
In this concept the interface was designed; the database and notification layer already run live in Casa Aurelia.
In the beauty business?
We can build this concept around your real content. The discovery call is free.
Start a project