The website of a hair salon, a beauty salon or a barber

People choose a hair salon, a beauty salon or a barber on three questions: what they can do, what it costs, and when there is a slot left. Visitors most often arrive from their phone, from a search or a Google profile, sometimes just before booking.

They want to see results on real people, understand the price before sitting down, and book without having to call.

What the customer comes looking for

1. The prices, in detail: cut, color, highlights, beard, treatment, and what each package includes.
2. Booking, in one gesture, at any hour.
3. Results: cuts, colors, beards, in real photos.
4. The team: who cuts, who does makeup, with their specialties.
5. The address and hours, with closing days.

The “Salon” layout

This is the layout the studio offers hairdressers, beauticians and barbers, trades where the result is shown before and after. Here it is from top to bottom:

• The floating pill is a navigation detached from the edges, light above the background. It sits a little lower over the hero, and stays within reach.
• The centered hero sets the salon’s name, a sentence, and the booking button.
• The before / after stacks two states of the same frame, separated by a handle the visitor drags, with a finger or the keyboard. The two photos must have exactly the same framing, otherwise the comparison lies.
• The portrait gallery takes the shape of people: cuts, colors, beards.
• The prices present the services in equal columns, with what is included and an action.
• The testimonials strip scrolls through reviews, when there are many.
• The contact brings together the address, the hours and the phone as real links.
• The footer says who you are and carries the legal notice.

The background chosen for this layout is the reveal: two states of the same scene, created from your description, and the pointer pierces the top one to show the other. At rest, the top image stays intact; on a touch screen, it stays whole, and the background reads as a still image. Halation makes the light of the lamps and mirrors spill over, as on film stock.

What the rules say

Prices in the window, and the full price list

In France, a hair salon displays in its window, readable from outside, a price list of at least ten prices including tax for its most common services. A unisex salon displays at least twenty, ten for women and ten for men. A package that groups several services lists them. The same price list is repeated inside, at the till, where a full price list is kept in view of customers and at their disposal (decree of March 27, 1987, summarized by Bpifrance Création, 2025).

For a beauty salon, the general rule for services applies: the list of services and their prices is displayed on a single document, where customers are received and in public view (DGCCRF, 2026).

On the site, show at least the common services, with the same prices as in the window, tax included, and the same packages. A price that varies with the length or thickness of the hair says so, along with what makes it vary.

Customers’ image rights

A person recognizable in a photo can object to its publication, on a website as on a social network: you need their consent before publishing it. For a minor, it is the parents’ consent. The person can also ask later for their photo to be removed (Service-public.fr, 2022).

Have them sign a short release that says which photo, on which medium and for how long. A photo taken from behind, or framed on the cut, often avoids the question. The same rule applies to the stylists on the team.

Before and after photos

They convince because they show a result, and that is why they commit you. A retouched photo, flattering lighting or another angle make people hope for a result the salon won’t deliver, and French consumer law counts as misleading anything that deceives about the expected results of a service (DGCCRF, 2025).

• Same framing, same light, same background, before and after.
• No retouching of the result.
• A short caption: the service, how long it takes, its price.
• The written consent of the person photographed.
• Your own work only: an inspiration photo found online belongs to its author, and it doesn’t show your work.

Online booking

The studio doesn’t manage a calendar. The hero button and the navigation button lead to your booking tool, or to your number: a single destination, the same everywhere, and the customer never has to look for how to book.

Your Google profile also accepts booking links, up to ten per category, and you choose which one comes first (Google). Put the same link there as on the page.

The mistakes that cost appointments

• Different prices on the site, on the booking tool and in the window.
• “From” everywhere, without saying what pushes the price up.
• A face published without consent.
• Before and after photos taken under two different lights, which prove nothing.
• The booking button pushed to the bottom of the page.