All projects

Blade & Crown · Premium barbershop

Blade & Crown Barbershop

Premium barbershop website with a five-step booking flow and online payment, hand-coded with zero frameworks for raw speed.

Web DesignBooking SystemOnline Payments
Blade & Crown homepage in black and gold with The Gentleman's Barbershop headline

5

guided booking steps

6+

services bookable online

0

frameworks: pure HTML, CSS and JS

<1s

first load on mobile

Blade & Crown is a gentlemen's barbershop with private-club ambitions: hot razor, steamed towel and a courtesy whisky.

Their problem wasn't the empty chair, it was the phone: bookings by call, no-show cancellations and an impossible calendar.

The brief

  • Online booking with service, date, time and payment in one flow.
  • Services displayed with real prices and duration.
  • An image that justifies the premium rate.
  • A gallery of the work plus client reviews.
  • Clear location and direct WhatsApp contact.

How we chose the design

Deep black and gold. Cinzel for headlines — it echoes classic engravings — and a soft serif for body copy.

The style nods to turn-of-the-century barbershops with the cleanliness of a modern website.

Each service reads like a tasting-menu item: name, ritual, minutes and price.

The technology behind it

  • Pure HTML, CSS and JavaScript: no frameworks, no heavy libraries.
  • A five-step booking flow: service, date and time, details, payment, confirmation.
  • Secure online payment built into the booking itself.
  • Google Fonts served with preconnect so they never block rendering.
  • A floating WhatsApp button for last-minute questions.

Why zero frameworks

A barbershop doesn't need React hydration to show six services. It needs to load instantly on a phone on mobile data.

  • No dependencies to update, no inherited vulnerabilities.
  • Every kilobyte is justified: the page weighs what it should.
  • The code is transparent: any developer can maintain it.

Pros and cons of our choices

What we gained

  • Raw speed: first paint is near-instant even on 4G.
  • Zero dependency maintenance going forward.
  • The guided booking flow cut phone calls down.

What we traded away

  • Without a framework, repeated components are maintained by hand.
  • Scaling to multiple locations will require refactoring the booking code.
  • No admin panel: service changes go through us.

The outcome

A website that smells of leather and wood: premium identity, tidy bookings and prepaid appointments that cut no-shows.

Does your business run on appointments? We can build the same for you: web design and automation.

Five-step booking flow with services, prices and durationMobile version of the Blade & Crown home with a booking button

Want results like this?

Free consultation · Personal reply within 24 h.