Pedro's Barbershop — nine designs

Same shop, same information, nine different looks. Open each on your phone and scroll — they all move as you go. Then tell us which one feels like the shop.

Pedro — please read this first. Everything in these designs is made up so they could be built. None of it is your real information yet: The address, phone number and BookWise booking link are real and working on all nine.

One that breaks the mould The others are all, underneath, a page you scroll through. This one is not — it's a conversation.

1 · The Question

Not a brochure — a conversation. The page asks one thing: do you know when you're coming? Two enormous answers, Yes and No, and picking one paints the whole page in that answer's colour. The clearest of all nine for someone who just wants telling what to do.

Open The Question

Two with one big idea each Not another layout in a different colour. Each of these is built from something true about this particular shop, and the most eye-catching thing on the page is also the most useful.

2 · The Board

Every barbershop site shows an hours table and leaves you to work it out. This one just answers you. A split-flap departures board — the old train-station kind — clatters into the live answer in Tucson time: walk right in, book ahead, or closed now. Underneath, a bar shows today's hours with a marker for this exact minute.

Open The Board

3 · Trim

A haircut is a transformation, so the lettering gets one. Scroll, and the shop's name is cut — wide and shaggy at the top, tightening and sharpening to a crisp finish by the time you reach the chairs, with a row of hair above it getting shorter as it goes. The page performs the thing the shop sells.

Open Trim

The three you liked Built from research into award-winning barbershop sites: prices with how long each cut takes, what each barber is best at, a slot for a real Google review, and spaces for photographs.

4 · Heritage Dark

The look most award-winning barbershops land on, done properly: near-black, ivory type, one brass line, and nothing else. Dark backgrounds make photographs look expensive, so this is the one that gains the most once Pedro has real pictures.

Open Heritage Dark

5 · Chairside

The two chairs are the front page. A split screen puts Pedro's side and the walk-in side next to each other before anything else, so nobody has to scroll to work out how the shop runs. The two halves slide in from opposite edges.

Open Chairside

6 · The Standard

Bright, plain and confident, with the price list treated as the main event rather than buried at the bottom. Biggest type of all nine and the easiest to read at arm's length — the one to pick if a lot of customers are older.

Open The Standard

Three new ones, more interactive Same research behind them, plus the kind of movement award-winning sites use — things that respond as you scroll or move the mouse. Motion here only ever decorates: nothing is hidden until you scroll to it, nothing is revealed only on hover, and it all switches off for anyone whose phone is set to reduce motion.

7 · Shopfront

The deep green, cream and brass of a traditional shopfront, with modern movement over the top. The name stays pinned on screen and the page rises over it like a shutter going up. Buttons fill with colour when you hover, photos drift closer.

Open Shopfront

8 · Marquee

An old theatre sign — night black, warm bulb gold, tall capitals and a border of lights that glow in sequence. A ticker runs across the middle carrying the real details: walk-ins, hours, phone number. It stops if you hover so it can be read.

Open Marquee

9 · Ledger

The shop's own appointment book — warm paper, ink blue, a red margin rule down the side that fills in as you read so you always know how far through you are. Rows light up under the cursor. Quiet, and the easiest of the three to read.

Open Ledger