Wayward Barbershop
Editorial single-page site for a Schorem-trained barbershop in Barrie, Ontario. Booking happens in 90 seconds — chair, barber and time picked before the visitor finishes scrolling.
The problem we were hired to solve.
Generic small-business template with stock barbershop photos, vague 'book online' button leading to a third-party widget that asked for too much info. Five barbers with international training, treated like a single faceless 'team'.
Editorial scroll that reads like a lifestyle magazine, opens at the brand's actual interior, surfaces each barber as a person, prices three services up-front, and puts the booking widget where the visitor's already convinced.
Context
A five-barber shop with serious craft credentials — most of the team trained at Schorem Academy in Rotterdam — was running on a generic small-business template. The site didn't reflect the lifestyle brand the owners had built in person, didn't surface the barber roster, and put booking three clicks deep behind a generic widget.
Approach
Single-page editorial in a dark + warm-gold palette tuned to the shop's interior. Custom hero with shop atmosphere photography over a tattoo-inspired logo treatment. Five barber profile cards, each with Schorem credentials and personality copy, replace the standard 'meet the team' grid. Service grid with three transparent prices (haircut $35–50, beard, straight razor) — no 'request a quote'. Mangomint booking embedded inline so chair-barber-time gets picked in under 90 seconds. Curated retail row pulls Crown Shaving Co, Reuzel, Layrite, Historic Brands. Instagram, TikTok, Facebook feeds threaded into the page so the brand feels alive instead of static.
How this project was actually made.
Every project leaves a paper trail. Figma comments, Notion specs, GitHub history, Vercel deploy logs, Telegram threads, first-week analytics. Numbers below are real and available on request under NDA.
◆ Screenshots of any artifact available on request. Confidential details redacted.
Key features
- ◆Editorial hero with shop atmosphere photography and a tattoo-inspired logo treatment
- ◆Five barber profile cards — Schorem Academy training credentials front and centre
- ◆Service grid with transparent pricing — haircut, beard, straight-razor wet shave
- ◆Embedded Mangomint booking — chair, barber and time picked in under 90 seconds
- ◆Curated retail row — Crown Shaving Co, Reuzel, Layrite, Historic Brands
- ◆Instagram / TikTok / Facebook feeds woven into the page, not exiled to footer
Results
Shipped in 4 weeks brief to live URL. Lighthouse 99 on mobile and desktop. Booking flow time-to-chair under 90 seconds. The barber profile section became the most-scrolled page section in the first month — clients arriving already knowing which barber to book.
Tech stack
What the client said.
Site went live and our barber DMs blew up — clients telling us which chair they wanted, by name, before walking in. We're a five-barber shop, not a chain. The new site finally looks the way the shop feels.