The Gentlemen's Cut
A dark, gold-accented site for a traditional barbershop, with a price list set out like the board on the shop wall.
- Sector
- Barbershop
- Setting
- High-street shop
- Scope
- One-page website
- Built with
- HTML, CSS, JavaScript
The two previews above are live. Scroll and click inside them, or open the full-screen preview to switch between desktop, tablet and mobile.
What the website had to do
Barbershop customers want three things: what it costs, who will cut their hair, and when they can come in. The site has to answer all three quickly, with the character of a proper traditional shop.
How the design answers it
Condensed uppercase headings, a charcoal and gold palette and a barber pole animated entirely in CSS give the shop its personality. The price menu uses dot leaders like a printed board, and each barber has a short profile with their speciality. A numbers strip, an illustrated gallery, reviews and opening hours complete the page, all leading to one booking button.
What's on the site
- Animated barber pole built in CSS
- Price menu with dot leaders
- Barber profiles with specialities
- Key-numbers strip
- Illustrated eight-tile gallery
- Reviews, hours and location
- Mobile menu and sticky header
The details that do the selling
The price board
Dot leaders and condensed type recreate the board on the shop wall.
Meet the barbers
Each barber has a speciality, so customers can pick the right chair.
Shop-floor gallery
Gold line illustrations carry the brand across the gallery and social tiles.
Around the site
Live views of different sections on desktop and mobile.
Its own look, built for its customers
Ink, Gold, Cream, Pole red
Aa Bb Cc 0123
Aa Bb Cc 0123
Concept project created to show the range of my work. The business, prices, figures and reviews on this site are sample content, not a real client or real results.
Want a website like The Gentlemen's Cut?
I can build a site designed around how your customers book, call or buy from you. Tell me about your business and I’ll suggest an approach.