kiBank: un banco de consumo, diseñado y construido end-to-end
Una plataforma bancaria de consumo diseñada y construida íntegramente por nosotros: desde la web de marketing hasta la app, pasando por design system e infraestructura técnica. Todos los productos comparten una única base, porque han sido pensados y desarrollados como un solo ecosistema.
El brief
Las personas usan apps de banca todos los días. La mayoría de ellas son poco intuitivas y difíciles de utilizar. kiBank eligió otro camino: una app de banca simple pero increíblemente potente.
El objetivo era conseguir una experiencia rápida, fluida y fácil de entender en los primeros diez segundos. Para lograrlo creamos un ecosistema unido por una sola promesa: cada pantalla, cada servicio, cada página es una herramienta más en la gestión de las finanzas personales del día a día.
Las cifras
- 4,8MUsuarios activos mensualesiOS, Android y web
- 47Mercados activosSEPA, Reino Unido y algunos corredores LATAM
- 99,99%Uptime de plataformaÚltimos doce meses, lanzamiento incluido
- 280msTime to interactive medianoP50 en Android de gama media, real user monitoring
La web
La web tiene un solo objetivo concreto: conseguir que el visitante instale la app antes de cambiar de pestaña. Para lograrlo, cada sección se ha construido para responder a una pregunta específica recogida en las entrevistas con usuarios, y dispuesta en el orden natural en el que estas preguntas surgen durante la navegación.
Por debajo hay una shell estática en Next.js, servida por Vercel Edge en menos de 200ms en cualquier punto de Europa. Las imágenes llegan desde Cloudflare R2 con conversión AVIF al vuelo. El resultado es una landing que pesa menos que una sola foto de producto en cualquier e-commerce.
La app: simple pero increíblemente potente
La experiencia completa se desarrolla en seis pantallas. Es una elección de disciplina precisa: cada tap lleva al usuario más profundamente en un flujo coherente, sin desplazamientos laterales que le hagan perder el contexto.
La librería de componentes que alimenta todo esto se distribuye como un único package: ciento veinte componentes, doscientos tokens de diseño y una auditoría completa de accesibilidad. Los temas claro y oscuro comparten todo, desde el layout hasta las reglas de espaciado y las curvas de animación.
El banco vive en el móvil
El 83% de las sesiones se produce en el móvil, mientras el usuario se desplaza, con una sola mano. Por este motivo el diseño móvil no parte de un wireframe, sino de la ergonomía del pulgar. Los tap targets tienen un tamaño mínimo de 44 píxeles, con un espacio de respiro de 8 píxeles en cada lado.
La misma librería de componentes genera las mismas pantallas, tanto en web como en móvil. No hay necesidad de re-skinning, ni de mantener un codepath separado. El cambio de tema se produce instantáneamente, sin round trips, y se conserva incluso después de un kill-and-relaunch de la app.
El stack
- Next.js16
- React19
- TypeScript5
- Postgres16
- Supabase
- Redis
- Cloudflare R2
- Vercel Edge
- Node.js22
- Sentry
“Tomaron brand, producto e infraestructura y los construyeron como un equipo único, con una sola roadmap y un solo estándar de calidad. Para nosotros fue como tener un equipo interno, pero con la velocidad de ejecución de quien hace este trabajo de oficio.”
Qué cambió
- +38%De landing a instalaciónRespecto a la landing anterior, A/B durante doce semanas
- 72NPSPartiendo de 41 en la app anterior
- 4,8Rating App StoreiOS y Google Play, más de 280k reseñas
- +23%Tasa de ahorro interanualQuien usa una meta con nombre ahorra 1,7 veces más
¿Quieres un proyecto similar?
Si estás definiendo un nuevo producto fintech, o tienes que rehacer uno que se ha complicado por el camino, podemos ayudarte. Ya lo hemos hecho.
Hablemos