KreativeTab
All work

Showcase build: what we can create for you

Nabbit

Type: Startup MVP and app prototype·Mobile apps·2026

View live demo (opens in a new tab)
  • App MVP
  • Clickable prototype
  • Landing page
  • Startup

Showcase build: a startup MVP for a click-and-collect app for Derby's independent shops, with a landing page and a clickable app prototype.

Case study

The problem

A founder with an app idea needs something real to show investors, shops and early users before paying for a full native build.

What we built

A launch-style landing page with a waitlist call to action and a clickable in-browser app prototype: browse shops, add to a basket and walk through checkout and collection. It's a front-end prototype with sample data, so there are no real orders, payments or sign-ups.

Stack

  • Astro
  • TypeScript
  • Tailwind CSS
  • Vercel

Lighthouse scores

  • 100 Performance
  • 100 Accessibility
  • 100 Best practices
  • 100 SEO

Real Google Lighthouse run, mobile settings, on kt-demo-nabbit.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 Nabbit click-and-collect app MVP. 01 Enlarge image
    Early sketch: first layout ideas on paper, shown as an AI-generated illustration.
  2. Greyscale low-fidelity wireframes of the Nabbit click-and-collect app MVP: 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 Nabbit click-and-collect app MVP, 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.
  4. Nabbit logo exploration sheet comparing three earlier mark routes with the chosen rabbit-ear mark. 04 Enlarge image
    Logo exploration: three earlier routes next to the chosen rabbit-ear mark.
The Nabbit landing page on desktop with the clickable phone prototype
Landing page with clickable prototype (desktop)
Three mobile screens: the hero, the in-page app prototype and the how-it-works steps
On a phone: landing page and app prototype

Try the demo yourself

View live demo (opens in a new tab)

More projects

All work →