04/28 concept project
Kontur: barbershop · Poznań
A price board and makeovers of three different clients: you know what you will pay and how you will look before you sit down.
Concept project - how I would build a website for a business in this field: barbershop. The business and its details are fictional.
- Field
- barbershop
- City
- Poznań
- Languages
- PL / EN
- Year
- 2026
- Type
- barbershop website
01The challenge
A barber sells the difference between before and after, and customers search on their phones.
- The results buried in a gallery
- A price list with no service times
- Phone and booking far away
Full description of the challenge
A barber sells the difference between “before” and “after”, and clients search nearby, on their phones. This is how I would build a barbershop site: the result is visible at once, price and phone one tap away.
02What I did 5 decisions
-
Before and after in one move
A before and after slider shows the makeover, and works from the keyboard too.
More details
A slider shows the makeover: drag it and see the result. It works from the keyboard too.
-
Prices with time
Each service shows its price, from 30 to 130 zł, and its time, from 15 to 75 minutes.
More details
Services from PLN 30 to 130 and 15 to 75 minutes - clients know what they pay and how long they sit.
-
Price on the first screen
Price and “Book a visit” are there at once, and on phones a “Call” button always waits at the bottom.
-
Cinema and brass
Cinematic frames, brass and an elegant typeface, with a razor blade passing through the page.
-
Honest, no counters
No made-up ratings or review counters, and the AI photos are labelled.
Details of decisions 03-05
03 Price on the first screen
The price and “Book a visit” are visible at once, and on phones a “Call” button always sits at the bottom edge.
04 Cinema and brass
Dark, cinematic frames, brass accents and an elegant typeface. A razor blade passes through the page, and a barber pole spins beside it.
05 Honest, no counters
No invented ratings or review counts. The photos are AI-generated, and the site says so plainly.
03Result
Customers see the result, the price and the time before they sit in the chair.
Full description of the result
A site in Polish and English, light despite the animation. Speed 99/100 on mobile, 100 on desktop.
99phone
100desktop
measured:
04DNA card
What the finish is made of
Click a color, typeface or corner style to strip it from the preview. What remains is the bare structure - the same one every website of mine stands on.
Colors
Heading typeface
Corner radius
05Found on Google
How customers find this website
- The title “Kontur - barber w Poznaniu”, with the services people search for in the description: haircut, beard, straight-razor shave.
- Google knows the address and opening hours, so it can show them right in the results.
- The Polish and English versions are linked - visitors from abroad land on their own language.
- The demo is hidden from search engines, because the barbershop is fictional.
