Progetto showcase: ciò che possiamo creare per te

Marigold Kitchen

Tipo: sito per caffetteria·Siti web·2026

Website
CMS menu
Order ahead
Astro

Progetto showcase: un sito per una caffetteria di Derby aperta tutto il giorno, con un menu che lo staff aggiorna da solo e una pagina per ordinare in anticipo e ritirare.

Case study

Il problema

Le caffetterie indipendenti cambiano spesso il menu, ma sul sito di solito c'è un PDF dell'anno scorso. Chi vuole prendere la colazione andando al lavoro deve comunque fare la fila o telefonare.

Cosa abbiamo realizzato

Un sito caldo e ricco di foto, con il menu gestito in Keystatic (prezzi, allergeni, opzioni vegane), una pagina per ordinare in anticipo con carrello per il ritiro e una pagina con orari, parcheggio e accessibilità. L'ordine è una demo front-end: non si effettuano pagamenti né ordini reali.

Tecnologie

Astro
Keystatic CMS
React (order basket)
Tailwind CSS
Vercel

Punteggi Lighthouse

100 Prestazioni
100 Accessibilità
100 Best practice
100 SEO

Test reale con Google Lighthouse, impostazioni mobile, su kt-demo-marigold.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.