Banking App

Concepto: la banca de todos los días, más clara

// brief.json
const bankingApp = {
  type: "Concepto de app móvil",
  year: 2024,
};

brief.json

Proyecto personal: tomé una app bancaria local y la rediseñé. Quería que lo de todos los días fuera claro y rápido: consultar el saldo, transferir y retirar sin tarjeta.

Año: 2024
Cliente: Proyecto conceptual
Industria: Banca
Duración: 3 días
Tipo: Concepto de app móvil

Servicios

Auditoría UX y rediseñoDiseño de app móvil

Mostrado solo con fines de portafolio. Las marcas pertenecen a sus dueños; si eres el titular y quieres que lo retire, escríbeme. Términos ↗

1 1 1 0 0 1 1 1 1 1 1 1 0 1 0 1
0 0 1 1 0 0 0 0 1 0 1 1 0 1 0 1
0 1 0 1 0 1 0 1 1 1 1 1 0 1 0 0
1 1 1 1 0 0 1 0 1 0 0 1 1 0 0 0
1 0 1 1 1 0 0 0 1 1 0 0 1 1 1 0
1 1 0 0 0 1 0 1 1 1 1 1 1 0 0 1
1 0 0 1 1 1 1 1 0 1 1 1 1 0 0 0
1 0 1 0 1 0 1 0 0 1 0 0 1 0 0 1
0 0 1 0 1 1 1 1 0 0 0 0 0 0 0 1
0 1 0 0 1 0 1 0 1 1 0 1 0 0 0 0
0 1 1 0 0 1 0 1 1 1 0 0 1 1 0 0
1 1 0 0 1 0 1 1 1 0 0 1 0 1 1 1

01El problema

Fricción en lo básico

Muchas apps bancarias locales ponen fricción innecesaria en tareas básicas, como consultar el saldo o transferir. Este concepto nació de esa frustración. Quise mostrar lo que un diseño bien pensado puede hacer por una herramienta que usamos a diario.

// refinar-no-sumar.md
const bankingApp = {
  services: ["Auditoría UX y rediseño", "Diseño de app móvil"],
  tags: ["Banca", "Concepto", "Modo oscuro"],
};

02Filosofía

Refinar, no sumar

Decidí refinar lo que ya existía en lugar de sumar funciones. Dejé el saldo grande y fácil de leer. Agrupé lo más frecuente en una barra de acciones rápidas: historial, transferencias y retiro sin tarjeta. Quité ruido visual e información repetida.

1 1 1 1 0 1 1 0 1 0 1 1 1 1 1 1
1 1 1 1 0 1 1 0 1 1 0 0 0 0 0 0
1 1 0 0 1 0 1 1 0 1 0 0 1 0 1 1
0 1 0 0 1 0 1 0 1 0 0 1 1 0 1 1
0 1 1 0 1 1 0 0 0 0 0 1 0 1 0 0
0 0 0 1 1 1 0 1 0 0 0 0 1 0 0 1
1 0 1 1 1 0 0 0 0 1 1 1 1 1 1 0
0 1 1 0 0 1 0 0 0 1 0 0 1 0 0 1
0 1 1 1 1 1 1 1 1 1 0 0 1 1 1 0
0 0 0 0 1 0 1 0 0 0 0 0 1 1 1 1
1 0 0 1 0 1 0 1 0 0 0 1 1 0 0 0
0 1 0 1 0 0 1 1 0 1 0 0 0 0 0 0

03Sistema visual

Color con intención

Elegí un modo oscuro elegante y más legible, con una sans serif limpia e íconos mínimos. Usé el color para distinguir las cuentas: azul para las personales y amarillo dorado para las de negocio. Es una diferencia clara que transmite seguridad.

[ OR™ ‒ RELACIONADOS / banking-app.related ]

Primero los más parecidos a este caso. Con las flechas ves los demás.