Galo Bank

Banca y cripto en una sola app, desde cero

brief.json

App de banca móvil y billetera cripto para un banco digital que empezaba desde cero. Definí la experiencia completa: estructura, interfaz y lógica. También definí el design system sobre el que el equipo sigue construyendo.

Año: 2023
Cliente: Galo Bank
Industria: Fintech y cripto
Duración: 5 semanas
Tipo: App móvil

Servicios

Diseño de app móvilDesign system

Ver video del producto

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 ↗

// un-banco-sin-producto.md
const galoBank = {
  industry: "Fintech y cripto",
  duration: "5 semanas",
};

01El reto

Un banco sin producto

Galo empezaba desde cero. Era un banco digital nuevo, sin producto, flujos ni pantallas. La meta era clara: que la banca en línea se sintiera simple, confiable y eficiente. El dinero tradicional y los criptoactivos tenían que convivir en una sola experiencia.

Galo Bank, diseñar alrededor de tareas reales

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

02Enfoque UX

Diseñar alrededor de tareas reales

Organicé la app alrededor de lo que la persona quiere hacer: ver el saldo, enviar y recibir cripto, revisar movimientos, usar la tarjeta digital y seguir el cashback. La barra inferior da acceso directo a lo principal. Usé patrones conocidos y una jerarquía clara para que nada distraiga.

// una-interfaz-desde-la-marca.md
const galoBank = {
  type: "App móvil",
  year: 2023,
};

03Interfaz

Una interfaz desde la marca

Partí de la marca del cliente: fondo blanco, rojos intensos y tipografía fuerte. Prioricé datos claros y componentes que se adaptan a cada pantalla. Los íconos siguen un mismo estilo. Las tarjetas animadas y el seguimiento de activos en tiempo real suman pequeños momentos de disfrute sin estorbar.

Galo Bank, un sistema para seguir construyendo

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

04Design system

Un sistema para seguir construyendo

En paralelo construí un sistema de tokens, retículas y componentes pensado para crecer. Documenté la lógica del color, las escalas tipográficas, el comportamiento de los íconos y los principios de movimiento. Quedó la base para que el equipo siga construyendo con coherencia.

[ OR™ ‒ RELACIONADOS / galo-bank.related ]

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