KreativeTab
All work

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.

  1. Pencil-and-marker paper sketch of early layout ideas for the Marigold Kitchen all-day café website. 01 Enlarge image
    Early sketch: first layout ideas on paper, shown as an AI-generated illustration.
  2. Greyscale low-fidelity wireframes of the Marigold Kitchen all-day café website: a desktop page and mobile screens with placeholder images and text bars. 02 Enlarge image
    Wireframes: page structure for desktop and mobile, drawn from the finished build with colour, images and copy stripped back.
  3. UI design board for the Marigold Kitchen all-day café website, showing desktop and mobile frames, colour styles, a type scale and component variants. 03 Enlarge image
    UI design board: desktop and mobile frames, colour styles, type scale and components from the finished build.

The Marigold Kitchen home page on desktop: hero, popular dishes and the café story
Home page (desktop)
The menu page with breakfast, lunch, bakes and drinks sections The order-ahead page with menu items and a basket for collection
Menu and order-ahead pages
Three mobile screens: the home page, the menu and the order-ahead page
On a phone: home, menu and order ahead

More projects

All work →