Rebit App
Fintech · UX/UI y Diseño Gráfico

Rebit

Reconstruyendo una Fintech desde Cero

Rol — UX/UI Lead · Ene 2022 — Feb 2023 · Fintech / Billetera Digital
Qué hice — Diseño Gráfico — UX/UI — Sistema de Diseño
Intro

Rebit no arrancó como un pedido de rebranding sino como un pedido de homogeneización completa: había rebranding, pero también UX/UI de punta a punta, flujos y producto. Buscábamos una cara nueva para el proyecto —de Brik Federation a Rebit— y eso incluyó el nombre, su registro, la construcción de la marca y el rediseño completo del producto.

No era un rediseño

Lideré tanto el equipo de diseño gráfico como el de UX/UI en este proyecto — dos disciplinas que rara vez logran moverse al mismo ritmo, pero acá tenían que hacerlo. Rebit es la billetera orientada al usuario final dentro de la misma estructura de holding que GOAT, el PSP. Mi primer movimiento fue definir el problema con claridad para el equipo y para el CEO: esto no era un trabajo de rediseño, era una reconstrucción — nombre nuevo, marca nueva, sistema de diseño nuevo, y un flujo de trabajo documentado que pudiera realmente conectar diseño con desarrollo.

Pantalla de bienvenida de la app Rebit

Cada pantalla parecía de otra app

El producto existente había crecido de forma orgánica, feature por feature, sin ningún sistema que lo mantuviera unido. Cada pantalla parecía pertenecer a una app distinta, sin lenguaje visual compartido, sin librería de componentes y sin un proceso de handoff claro. Además del problema de producto, había uno de negocio: la marca necesitaba ser lo bastante creíble como para sostener conversaciones con inversores — una app de billetera compitiendo por confianza en un mercado lleno de jugadores establecidos no podía verse como un side project.

Primero la marca, después el sistema

Arrancamos desde cero con la marca — nombre, identidad, sistema de color, tipografía — antes de tocar una sola pantalla. A partir de ahí construí el sistema de diseño desde la base: primero los primitivos — tokens de color, tipografía, espaciado y radio — después 13 componentes atómicos, cada uno cubriendo todos sus estados, y alrededor de 12 moléculas construidas combinando esos átomos. Con la base lista, diseñamos y lanzamos tres versiones progresivas de la app: un MVP inicial, una versión más completa una vez validados los flujos core, y una versión extendida con funcionalidad más profunda que se diseñó por completo y hoy está en lanzamiento.

Pantalla de Rebit
Pantalla de Rebit
Pantalla de Rebit
Pantalla de Rebit
Pantalla de Rebit
Pantalla de Rebit
Pantalla de Rebit
Pantalla de Rebit
Pantalla de Rebit
Pantalla de Rebit
Pantalla de Rebit
Pantalla de Rebit
El Resultado

Lanzamos una app funcional construida para escalar, un sistema de diseño completo — 13 átomos, 12 moléculas y un set completo de primitivos — y una marca capaz de sostener conversaciones con inversores. Nuestro trabajo era asegurarnos de que el diseño no volviera a ser el cuello de botella, y no lo fue.

Producto final de la app Rebit
0 → 1
De ninguna documentación a un sistema de diseño con todos los estados cubiertos y un handoff que dejó de discutirse
25
Componentes entre átomos y moléculas, cada uno con todos sus estados definidos
3
Versiones de la app diseñadas; la tercera quedó terminada y hoy está en lanzamiento
Reflexión

En Rebit quedó claro que un sistema de diseño no es un entregable, es una disciplina: solo funciona si el equipo lo sigue usando después de que el proyecto "termina". La victoria real no fue el archivo que entregamos, fue el flujo de trabajo que hizo que diseño y desarrollo dejaran de jugar en contra.