Progetto showcase: ciò che possiamo creare per te

Sable & Steel Barbers

Tipo: sito per barbiere·Siti web·2026

Website
Online booking
Astro
Keystatic

Progetto showcase: un sito per un barbiere con tre poltrone a Derby, con prenotazione online e prezzi modificabili dal titolare senza uno sviluppatore.

Case study

Il problema

Molti piccoli barbieri prendono le prenotazioni per telefono e in DM, e il listino è in un vecchio post su Facebook. Chi vuole prenotare non vede quanto costa un taglio né quando c'è una poltrona libera.

Cosa abbiamo realizzato

Un sito veloce e dal tema scuro con una pagina chiara di servizi e prezzi, una prenotazione passo dopo passo (servizio, barbiere, orario) e le pagine del team e degli orari. Prezzi e servizi sono in Keystatic, quindi si modificano da un pannello semplice. La prenotazione è una demo front-end funzionante e non registra appuntamenti reali.

Tecnologie

Astro
Keystatic CMS
React (booking widget)
Tailwind CSS
Vercel

Punteggi Lighthouse

96 Prestazioni
100 Accessibilità
100 Best practice
100 SEO

Test reale con Google Lighthouse, impostazioni mobile, su kt-demo-sable-steel.vercel.app il 2 novembre 2026. I punteggi possono variare di qualche punto tra un test e l'altro.

Realizzato da KreativeTab per mostrare cosa è possibile.

Processo

Come ha preso forma, passo dopo passo. Seleziona un'immagine per ingrandirla.

01 Ingrandisci immagine
Primo schizzo: le prime idee di layout su carta, mostrate come illustrazione generata con l'IA.
02 Ingrandisci immagine
Wireframe: struttura delle pagine per desktop e mobile, ricavata dal sito finito togliendo colori, immagini e testi.
03 Ingrandisci immagine
Board di UI design: schermate desktop e mobile, stili colore, scala tipografica e componenti del sito finito.