Showcase build: what we can create for you
Marigold Kitchen
Type: Café website·Websites·2026
- Website
- CMS menu
- Order ahead
- Astro
Showcase build: a website for an all-day café in Derby, with a menu the team can update themselves and an order-ahead page for collection.
Case study
The problem
Independent cafés change their menu often, but their website usually shows a PDF from last year. Regulars who want to grab breakfast on the way to work still have to queue or phone.
What we built
A warm, photo-led site with a menu managed in Keystatic (prices, dietary labels, vegan options), an order-ahead page with a basket for collection, and a visit page with hours, parking and access info. Ordering is a front-end demo, so no real payments or orders are taken.
Stack
- Astro
- Keystatic CMS
- React (order basket)
- Tailwind CSS
- Vercel
Lighthouse scores
- 100 Performance
- 100 Accessibility
- 100 Best practices
- 100 SEO
Real Google Lighthouse run, mobile settings, on kt-demo-marigold.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.
Try the demo yourself
View live demo (opens in a new tab)