Una piattaforma bancaria 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.
- Anno
- 2026
- Ruolo
- Product Design & Engineering
- Servizi
- App
Il brief
Le persone usano le app bancarie tutti i giorni. Quasi tutte sono poco intuitive, complicate da usare. kiBank ha scelto un'altra strada: un'app bancaria semplice, capace come poche.
Volevamo un'esperienza veloce, fluida, comprensibile nei primi dieci secondi. Per arrivarci abbiamo costruito un ecosistema con una sola promessa: ogni schermata, ogni servizio, ogni pagina aggiunge uno strumento alla finanza personale di tutti i giorni.
I numeri
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.
A livello tecnico è 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 potente come poche
L'intera esperienza si svolge in sei schermate. È una scelta esigente: ogni tap porta l'utente più a fondo in un flusso coerente, senza salti laterali che gli farebbero perdere il filo.
La libreria di componenti che fa girare tutto questo viene distribuita in un solo pacchetto: 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 è nel telefono
L'83% delle sessioni arriva da telefono, in movimento, con una mano sola. Per questo il design mobile non parte da un wireframe, ma dall'ergonomia del pollice. I tap target hanno una dimensione minima di 44 pixel, con 8 pixel d'aria 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 è immediato, senza round trip, e si conserva anche dopo un kill-and-relaunch dell'app.
Lo stack
Next.js 16, React 19, TypeScript 5, Postgres 16, Supabase, Redis, Cloudflare R2, Vercel Edge, Node.js 22, Sentry.
Hanno preso brand, prodotto e infrastruttura e li hanno costruiti lavorando come un team unico, con una sola roadmap e un solo standard di qualità. Per noi è stato come avere un team in casa, ma con la velocità di chi questo lavoro lo fa per mestiere.