KreativeTab
Tutti i lavori

Progetto showcase: ciò che possiamo creare per te

Nabbit

Tipo: MVP per startup e prototipo di app·App mobile·2026

  • App MVP
  • Clickable prototype
  • Landing page
  • Startup

Progetto showcase: l'MVP di un'app di click and collect per i negozi indipendenti di Derby, con landing page e prototipo cliccabile dell'app.

Case study

Il problema

Chi ha un'idea per un'app deve mostrare qualcosa di concreto a investitori, negozi e primi utenti prima di pagare lo sviluppo completo di un'app nativa.

Cosa abbiamo realizzato

Una landing page da lancio con invito a iscriversi alla lista d'attesa e un prototipo dell'app cliccabile nel browser: sfoglia i negozi, aggiungi al carrello e prova checkout e ritiro. È un prototipo front-end con dati di esempio: niente ordini, pagamenti o iscrizioni reali.

Tecnologie

  • Astro
  • TypeScript
  • Tailwind CSS
  • Vercel

Punteggi Lighthouse

  • 100 Prestazioni
  • 100 Accessibilità
  • 100 Best practice
  • 100 SEO

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

  1. Schizzo a matita e pennarello su carta con le prime idee di layout per l'MVP dell'app di click and collect Nabbit. 01 Ingrandisci immagine
    Primo schizzo: le prime idee di layout su carta, mostrate come illustrazione generata con l'IA.
  2. Wireframe a bassa fedeltà in scala di grigi per l'MVP dell'app di click and collect Nabbit: una pagina desktop e schermate mobile con immagini e testi segnaposto. 02 Ingrandisci immagine
    Wireframe: struttura delle pagine per desktop e mobile, ricavata dal sito finito togliendo colori, immagini e testi.
  3. Board di UI design per l'MVP dell'app di click and collect Nabbit, con schermate desktop e mobile, stili colore, scala tipografica e varianti dei componenti. 03 Ingrandisci immagine
    Board di UI design: schermate desktop e mobile, stili colore, scala tipografica e componenti del sito finito.
  4. Tavola di esplorazione del logo Nabbit che confronta tre direzioni iniziali con il marchio scelto a orecchie di coniglio. 04 Ingrandisci immagine
    Esplorazione del logo: tre direzioni iniziali accanto al marchio scelto a orecchie di coniglio.

La landing page di Nabbit su desktop con il prototipo cliccabile nel telefono
Landing page con prototipo cliccabile (desktop)
Tre schermate mobile: l'hero, il prototipo dell'app e i passaggi di funzionamento
Su smartphone: landing page e prototipo

Altri progetti

Tutti i lavori →