kiBank: una banca consumer, progettata e costruita end-to-end
Una piattaforma bancaria consumer progettata e costruita interamente da noi: dal sito di marketing all'app, passando per design system e infrastruttura tecnica. Tutti i prodotti condividono un'unica base, perché sono stati pensati e sviluppati come un solo ecosistema.
Il brief
Le persone usano le app bancarie tutti i giorni. La maggior parte di esse è poco intuitiva e difficile da utilizzare. kiBank ha scelto un'altra strada: un'app bancaria semplice ma incredibilmente potente.
L'obiettivo era ottenere un'esperienza veloce, fluida e facile da capire nei primi dieci secondi. Per ottenere questo obiettivo abbiamo creato un ecosistema unito da una sola promessa: ogni schermata, ogni servizio, ogni pagina è uno strumento in più nella gestione della finanza personale di tutti i giorni.
I numeri
- 4,8MUtenti attivi mensiliiOS, Android e web
- 47Mercati attiviSEPA, Regno Unito e alcuni corridoi LATAM
- 99,99%Uptime di piattaformaUltimi dodici mesi, lancio incluso
- 280msTime to interactive medianoP50 su Android di fascia media, real user monitoring
Il sito
Il sito ha un solo obiettivo concreto: portare il visitatore a installare l'app prima che cambi tab. Per raggiungerlo, ogni sezione è stata costruita per rispondere a una domanda specifica raccolta dalle interviste con gli utenti, e disposta nell'ordine naturale in cui queste domande emergono durante la navigazione.
Sotto la superficie c'è una shell statica in Next.js, distribuita da Vercel Edge in meno di 200ms in qualunque parte d'Europa. Le immagini arrivano da Cloudflare R2 con conversione AVIF al volo. Il risultato è una landing che pesa meno di una singola foto prodotto su un e-commerce qualsiasi.
L'app: semplice ma incredibilmente potente
L'intera esperienza si svolge in sei schermate. È una scelta di disciplina precisa: ogni tap porta l'utente più in profondità in un flusso coerente, senza spostamenti laterali che gli farebbero perdere il contesto.
La libreria di componenti che alimenta tutto questo viene distribuita come un singolo package: centoventi componenti, duecento token di design e un audit di accessibilità completo. I temi chiaro e scuro condividono tutto, dal layout alle regole di spaziatura fino alle curve di animazione.
La banca vive sul telefono
L'83% delle sessioni avviene da telefono, mentre l'utente si sposta, con una mano sola. Per questo motivo il design mobile non parte da un wireframe, ma dall'ergonomia del pollice. I tap target hanno una dimensione minima di 44 pixel, con uno spazio di respiro di 8 pixel su ogni lato.
La stessa libreria di componenti genera le stesse schermate, sia su web che su mobile. Non c'è bisogno di re-skinning, né di mantenere un codepath separato. Il cambio di tema avviene istantaneamente, senza round trip, e si conserva anche dopo un kill-and-relaunch dell'app.
Lo stack
- Next.js16
- React19
- TypeScript5
- Postgres16
- Supabase
- Redis
- Cloudflare R2
- Vercel Edge
- Node.js22
- Sentry
“Hanno preso brand, prodotto e infrastruttura e li hanno costruiti come un team unico, con una sola roadmap e un solo standard di qualità. Per noi è stato come avere un team interno, ma con la velocità di esecuzione di chi questo lavoro lo fa per mestiere.”
Cosa è cambiato
- +38%Da landing a installRispetto alla landing precedente, A/B su dodici settimane
- 72NPSPartendo da 41 della vecchia app
- 4,8Voto App StoreiOS e Google Play, oltre 280k recensioni
- +23%Tasso di risparmio anno su annoChi usa un obiettivo con nome risparmia 1,7 volte di più
Vuoi un progetto simile?
Se stai definendo un nuovo prodotto fintech, oppure devi rifare uno che si è complicato strada facendo, possiamo aiutarti. Lo abbiamo già fatto.
Parliamone