Showcase build: what we can create for you

Sable & Steel Barbers

Type: Barber shop website·Websites·2026

Website
Online booking
Astro
Keystatic

Showcase build: a website for a three-chair barbershop in Derby, with online booking and prices the owner can edit without a developer.

Case study

The problem

Small barbershops often take bookings by phone and DM, and their prices live in an old Facebook post. Customers can't see what a cut costs or when there's a free chair.

What we built

A fast, dark-themed site with a clear services and prices page, a step-by-step booking flow (service, barber, time) and pages for the team and opening hours. Prices and services sit in Keystatic, so they can be edited in a simple admin screen. The booking is a working front-end demo and doesn't take real appointments.

Stack

Astro
Keystatic CMS
React (booking widget)
Tailwind CSS
Vercel

Lighthouse scores

96 Performance
100 Accessibility
100 Best practices
100 SEO

Real Google Lighthouse run, mobile settings, on kt-demo-sable-steel.vercel.app on 2 November 2026. Scores can move a few points between runs.

Built by KreativeTab to show what's possible.

Process

How it came together, step by step. Select an image to enlarge it.

01 Enlarge image
Early sketch: first layout ideas on paper, shown as an AI-generated illustration.
02 Enlarge image
Wireframes: page structure for desktop and mobile, drawn from the finished build with colour, images and copy stripped back.
03 Enlarge image
UI design board: desktop and mobile frames, colour styles, type scale and components from the finished build.