Demo build · Hair & skin studio · Besant Nagar, Chennai
Build a complete salon site — every service, every price, booking, location — and keep the whole thing under 30 KB.
Measured 2026-08-17
This is a demonstration build. Ivory & Oak is an invented business. Brightleaf Studio designed and built this site to show the work, not for a paying client, and no client results are claimed anywhere on this page.
Why this build exists
Salon customers arrive with one question: what does it cost and can I get in today. Most salon websites in Chennai answer that on the third scroll, after a slider and a paragraph about passion for beauty. This build was set up to answer it immediately and to find out how little the page could weigh while doing so.
01
The service-and-price table sits directly under the opening line, above any image of the salon. This is the opposite of how salon sites are usually ordered, and it is based on what people actually do on the page: scan for a number, decide, then look at pictures to confirm the place is nice. Putting photography first serves the owner's pride rather than the customer's question.
02
Every row carries a real figure. 'Starting from ₹500' reads as a trap and pushes the customer to call for a number they suspect will be higher. A stated price loses the customers who were never going to book at that rate, which is a feature — they were going to waste a phone call finding out.
03
The entire site is a single HTML file with inline CSS. No external stylesheet, no web font fetched from another server, no JavaScript framework. The result transfers 7.5 KB compressed and starts painting in 0.15 seconds. A typical salon site in this market runs three to four megabytes.
04
A booking form asks a customer to fill in fields and trust that someone reads the inbox. A WhatsApp button opens a conversation they can see was delivered, in an app they already have open. For a salon taking ten bookings a day, the form is worse in every way that matters.
What I would change
The live Google Map embed on this build is a mistake and it is still there. It pulls in 18 extra requests and the whole Maps JavaScript API to show a map most visitors never look at, on a page that is otherwise 7.5 KB. It does not hurt the paint time, because it loads after the page is usable — but on a weak connection in Porur it would. Every build since uses a click-to-load map facade instead, which is the same fix applied to this studio's own contact page. Leaving the mistake visible and documented is more useful than quietly re-deploying it and claiming a cleaner number.
Dental clinic — editorial layout · Anna Nagar West, Chennai
The editorial treatment: long measure, serif headings, prices stated plainly in a table rather than a 'starting from' teaser.
Read the build notesDental clinic — direct layout · Anna Nagar West, Chennai
Two layouts, one content set. Useful for showing a client what a layout decision actually changes, rather than describing it.
Read the build notesA one-page build like this one is ₹12,000 and takes 5 days. Tell me about the business in Chennai and I will tell you what it needs.
+91 90428 51829 · or email instead