OK

¡Gracias por suscribirte a nuestra newsletter!

OK

¡Disfruta del nuevo Biko Insights!

OK

¡Gracias por apuntarte al Open Space 2022 de Biko!

OK

¡Recibido! Gracias por tu sugerencia.

Logotipo LABORAL KUTXA

Amabilizar la banca

(y descomplicar cómo nos relacionamos con ella)

En Biko podemos estar orgullosos de haber definido y diseñado toda la operativa de Laboral Kutxa, tanto la banca electrónica, como algunas nuevas funcionalidades online; poniendo especial énfasis en el área de cliente de la entidad.

Cliente:
Laboral Kutxa
Estrategia:
UX + Frontalización
Diseño:
UI
Tecnología:
Angular JS + SASS + React + Styled Components

Llevamos a cabo un rediseño global para ofrecer una nueva experiencia en banca digital. Mucho más home que banking.

El desafío

Ofrecer al usuario una representación visual de sus finanzas, potenciando la usabilidad a la hora de presentar sus datos bancarios. No se trata simplemente de hacer que funcione, sino de ofrecer una experiencia que sea fluida y amena.

Imagen de un chico
Logotipo de Laboral Kutxa Imagen de clientes en oficina de Laboral Kutxa
Banca online Laboral Kutxa

Nuestro enfoque

A lo largo del proyecto obtuvimos más de 150 prototipos y 100 plantillas con la definición de una banca electrónica más sencilla y user-friendly, adaptada a desktop, tablet y apps móviles y trabajando mano a mano con el equipo de negocio de Laboral Kutxa.

Desarrollamos la tecnología conjuntamente con el equipo de IT de la entidad; la capa de front-end con Angular JS con SASS durante los 2 primeros años de desarrollo y React con Styled Components desde entonces.

Al inicio del desarrollo se optó por AngularJS como framework ya que era una de las tecnologías para hacer aplicaciones SPA más asentadas en su momento. Con el paso del tiempo optamos por añadir como tecnología base de desarrollo a React usando Styled Components para el estilado de componentes.

Actualmente el proyecto tiene integradas ambas tecnologías de forma transparente para el usuario permitiendo técnicamente evolucionar la banca con una tecnología más modular y ligera a la vez que podemos ir migrando paulatinamente código AngularJS hacia React. Además prestamos asesoramiento en la definición de las API’s REST para la comunicación con el sistema bancario.

Para cubrir y dar respuesta a las distintas necesidades, hemos optado por estas herramientas:

React

Para la creación de la aplicación SPA de la banca de Laboral Kutxa móvil y desktop.

Styled Components

Para aplicar los estilos a los componentes de las páginas mediante CSS in JS.

Producto final

Como resultado, hemos obtenido una revolucionaria forma de mostrar la información financiera de cada cliente en todos los dispositivos. La solución permite tener una visión más sencilla y comprensiva de todas las cuentas: los gastos, ahorros y préstamos se muestran en forma de gráfico o de tablas, de manera que el usuario controla la distribución de los pagos y la procedencia de los ingresos para tener un control completo de sus finanzas.

Pantallas de diseño de Lk
Pantalla seguimiento de tus gastos y compras

También hemos incluido la posibilidad de agregar otras entidades para ofrecer al usuario una visión completa de sus finanzas. En definitiva, que el usuario disponga de toda la información de sus finanzas completa y en todo momento.

¿Tienes alguna duda sobre este proyecto o querrías ver otros similares?

(cuéntanos qué necesitas, nos encantará poder atenderte)

Pamplona

948 072 222
(cómo llegar)
Políg. Mutilva Calle E, 5-1ºC,
31192 Mutilva – Navarra

Madrid

91 436 48 54
(cómo llegar)
Bilma Centro Empresarial, Calle de María Tubau, 9, Planta 3-B.
28050, Madrid

Suscríbete a nuestra Newsletter