Una plataforma bancaria 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.
- Año
- 2026
- Rol
- Product Design & Engineering
- Servicios
- Apps
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
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 un paso más adentro en un flujo coherente, sin saltos 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 está en el móvil
El 83% de las sesiones llega desde el móvil, en movimiento, 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 8 píxeles de aire a 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 es inmediato, sin round trips, y se conserva incluso después de un kill-and-relaunch de la app.
El stack
Next.js 16, React 19, TypeScript 5, Postgres 16, Supabase, Redis, Cloudflare R2, Vercel Edge, Node.js 22, 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.