A barbershop menu that picks the right service for you

Knowing the look, not the name

A barbershop menu is full of words the customer has to translate. A fade, a skin fade and a taper sound close, and they are three different services at three different times. A person looking at the list on a phone is guessing, and a wrong guess shows up as a surprise at the chair.

So the site is small. Four pages, a short menu of seven services in four groups, hours, and a call or text line. The home page opens with "A clean cut, on time," a book button and a second button to the menu. The menu is where the work is.

Two picks, one service

Above the price list on the menu page sits a section called "Find your cut." The first question is "What are you after?" with four answers: a haircut, a fade, beard work or a hot towel shave. A second question appears only for the first three. A haircut asks "Who's it for?" (an adult or twelve and under), a fade asks "How short at the sides?" (down to the skin, or a softer blend at the neck) and beard work asks "Beard only, or with a cut?" A shave needs no second question.

The answer is one service. Down to the skin lands on the Skin fade, $40, about 45 minutes, "Taken down to the skin, blended up." Beard work with a cut lands on Cut and beard, $50, about 60 minutes. Change the first pick and the second one clears, so the page never shows an answer left over from the last question.

The tool reads the menu

The tool holds no prices of its own. Its script reads each service's name, price, time and description from that service's row in the menu on the same page, so the two can't disagree. If a row is missing or a price isn't in the form $40, the tool stays hidden and the menu stands alone.

The menu itself is plain. Every service has its price and its time on one line: Classic cut $35 and about 45 minutes, Kids cut $25 and about 30 minutes, Taper $35 and about 40. A note under the list says these are example prices for a concept site. There is nothing to fill in and nothing to send, and the tool stores nothing.

Promises a shop can keep

The shop page has a short list of what a customer can count on. The listed price is the price at the register, an appointment keeps its whole slot and a late chair gets a message before the customer leaves home, and a walk-in who finds no free chair gets an honest wait time. The home page says the same thing in one line: every appointment has its full time on the book, so nobody is hurried out of the chair.

Booking is a phone call or a text, because a barbershop this size runs on one. The page says that plainly, and says you get a time back and a reminder the day before. The Visit page lists the hours, Tuesday to Saturday, and says Sunday and Monday are closed.

A made-up shop, said out loud

Every page opens with a bar saying Sabal Cut Co. is not a real barbershop. The footer says it has no customers, takes no bookings and has no address, that the prices and hours are examples, and that the phone number is an example that doesn't connect to anyone. The photos are licensed stock from Pexels, and the footer names the photographers. The demo is set to noindex.

What a real shop would change

A real shop would change four things. The address, parking and a map would go on the Visit page, which already has the gap marked. The prices, times and hours would be the owner's. The stock photos would give way to pictures of the shop and its chairs. And the "full time, no rush" promises would be the owner's to make, because I can design the sentence and I can't promise a customer anything for a barber.

The measured scores

PageSpeed Insights, mobile, October 22, 2026. I ran the live demo's home page through Google's PageSpeed Insights three times on mobile and saved all three reports. The medians are 98 for Performance, 100 for Accessibility, 100 for Best Practices and 69 for SEO. The Performance runs were 96, 99 and 98, so all three were 90 or more. SEO reads 69 because the one check that fails is "Page is blocked from indexing": every concept site carries a noindex tag on purpose, so search engines don't list a business that isn't real.