Rebit Wallet
Fintech · Marca y Diseño de Producto

Rebit Wallet

Onboarding, documentación y el producto detrás de la marca

Rol — Brand & Product Designer · Ene 2022 — Presente · Fintech / Billetera Digital
Qué hice — Documentación de Marca — Diseño de Producto
Intro

Una vez que Rebit tenía marca y sistema de diseño, alguien tenía que llevarlos al producto y asegurarse de que se sostuvieran — desde la primera pantalla de onboarding hasta un deck de documentación lo bastante preciso como para que nadie más adelante tuviera que adivinar.

Documentar para no volver a explicar

Más allá del trabajo de interfaz, tuve a mi cargo toda la documentación de marca — tipografía, sistema de color, iconografía y reglas de uso — construida para que cualquier diseñador o partner que trabajara con Rebit pudiera aplicar la identidad correctamente sin adivinar. Esto corrió en paralelo con mi trabajo en el producto en sí: llevar la billetera de un conjunto de pantallas a una experiencia coherente y documentada.

Rebit Wallet — panel de inicio

Seguro sin ser hostil

Una vez que existía la interfaz, su flujo de mayor riesgo —el onboarding— tenía que sentirse seguro sin sentirse hostil: registro, verificación de email, autenticación de dos factores y recuperación de contraseña necesitaban un sistema lo bastante robusto como para sobrevivir en manos de gente que no había estado en la sala cuando se diseñó.

Los casos de mal uso también se documentan

Mapeé cada edge case del onboarding —verificación, 2FA vía SMS y Google Authenticator, recuperación de contraseña, estados de error— antes de cerrar una sola pantalla. En paralelo, construí el deck completo de guidelines de marca: tipografía, sistema de color y reglas de uso para la ubicación del logo sobre fotografía. Documentar los casos de mal uso importaba tanto como documentar el uso correcto.

Rebit Wallet — flujos de onboarding y transacciones

Lo que sigue son algunas páginas del manual de marca: muestran cómo buscamos trabajar la identidad desde la calidad gráfica.

Marca Rebit Wallet — scroll 01
Marca Rebit Wallet — scroll 02
Marca Rebit Wallet — scroll 03
Marca Rebit Wallet — scroll 04
Marca Rebit Wallet — scroll 05
Marca Rebit Wallet — scroll 06
Marca Rebit Wallet — scroll 07
Marca Rebit Wallet — scroll 08
Marca Rebit Wallet — scroll 09
Marca Rebit Wallet — scroll 10
El Resultado

Lanzamos a producción el circuito completo —onboarding, home, envíos, intercambio entre monedas y recepción en ARS, USDT y BTC—, respaldado por documentación de marca lo bastante precisa como para que los valores de color, la ubicación del logo y el uso tipográfico nunca tuvieran que volver a explicarse.

Rebit — documentación de marca y producto en Figma

Zoom: Ctrl + scroll (Windows) · ⌘ + scroll (Mac). Arrastrar para desplazarse.

23
Flujos diseñados de punta a punta: ingreso y registro para personas físicas y jurídicas, validación, recuperación con y sin 2FA, home, envío y recepción en ARS, USDT y BTC, intercambio entre monedas y perfil diferenciado por tipo de cuenta — más la extracción por RedLink en implementación
5redes
Cada una con su propio flujo de envío y recepción: USDT sobre Tron y Ethereum, BTC sobre Lightning, SegWit y Taproot
49
Componentes del sistema de diseño — 26 átomos y 23 moléculas, más la librería de logos de bancos, billeteras y monedas y el set de iconos de acción
Reflexión

En el onboarding de la billetera se vio que la seguridad y la confianza son un problema de UX antes que uno técnico — que alguien termine de configurar el 2FA o lo abandone suele depender de cuán claro sea el porqué de cada paso.