Todas tus criptomonedas en un solo lugar, en vez de seis pestañas y una hoja de cálculo.
Porque las cripto nunca duermen.
CryptoNight es un concepto de cómo podría funcionar un conector de billeteras: todos los exchanges y billeteras reunidos en una sola vista de portafolio. Lo diseñé por diversión, para llevar la idea de principio a fin.
La idea nació en 2019, cuando mi propio portafolio estaba repartido en demasiados exchanges como para seguirlo a mano. Boceté una primera versión de baja fidelidad en Adobe XD para aterrizar el concepto y luego la dejé reposar. Volví a ella a finales de 2020, en plena pandemia, y la reconstruí desde cero en Figma con todo lo que había aprendido.
- Tipo
- Proyecto personal
- Enfoque
- Fintech / UX cripto
- Herramientas
- Adobe XD, Figma
Primer concepto
La primera versión, bocetada en Adobe XD en 2019.
Antes de la reconstrucción en Figma, este era el prototipo original: una lista de seguimiento de las monedas que más subían y bajaban, una pantalla de compra/venta y un saldo de portafolio con noticias. La mayoría de las ideas se sostuvieron; la ejecución no.
El archivo de trabajo
El archivo de Adobe XD de 2019 del que salió el prototipo anterior.
Inicio de sesión, lista de seguimiento y el diagrama de flujo de operaciones, organizados en el documento original de XD antes de pasar a Figma.
El problema
¿Cómo le das a alguien que opera en varios exchanges un número honesto de lo que posee?
Las criptomonedas viven donde el usuario decidió comprarlas: un exchange para operar al contado, una billetera física para almacenamiento en frío, una billetera DeFi para staking. La mayoría de los rastreadores de portafolio admiten pocas integraciones o piden una clave API de acceso total solo para ver un saldo. La hipótesis de diseño era que quienes operan en varios exchanges necesitan un número confiable, que se actualice solo, sin entregar más acceso a sus cuentas del que un saldo requiere.
Persona
Conoce a Adrian.
Persona hipotética para un concepto personal, no basada en una investigación formal.
- Edad
- 29
- Ocupación
- Gerente de producto
- Estado civil
- Casado
- Ubicación
- Berlín, Alemania
Descripción
Adrian trabaja en fintech y opera en cuatro exchanges, además de dos billeteras físicas. Revisa los precios todo el tiempo, pero nunca ha tenido una vista clara de lo que realmente posee, así que lo lleva a mano en una hoja de cálculo.
Personalidad
Etiquetas
Puntos de dolor
- Copia a mano cada semana los saldos de cuatro exchanges y dos billeteras en una hoja de cálculo.
- No tiene una vista única de su exposición total por activo en todas sus cuentas.
- Perdió una oportunidad de rebalancear porque una variación del 20% pasó inadvertida durante días.
- No confía del todo en un flujo de “conecta tu clave API” sin una garantía clara de solo lectura.
- Quiere una respuesta rápida a una pregunta del mercado sin abrir seis apps distintas.
Alcance
Las cuatro cosas que tenía que hacer.
Agregación de varias billeteras
Conecta exchanges y billeteras con claves API de solo lectura y ve un saldo consolidado en lugar de seis separados.
Datos de mercado en tiempo real
Una lista de seguimiento ordenada con precio en vivo y variación de 24 horas, para que los precios estén junto al portafolio.
Investigación asistida por IA
Un asistente de chat para preguntas rápidas sobre el mercado, con un aviso visible en cada respuesta.
Conexiones con la seguridad primero
Acceso de solo lectura por defecto, almacenamiento cifrado de claves y un interruptor visible, para que la gente vea cómo están protegidas sus claves.
Panorama competitivo, 2019–2020
La brecha entre lo que existía entonces y lo que necesitaban quienes operaban en varios exchanges.
CoinStats
En su momento, amplio soporte de exchanges, pero una interfaz recargada que enterraba el saldo total bajo contenido promocional.
Zerion
En su momento, un seguimiento limpio de billeteras DeFi, pero poco soporte para saldos de exchanges centralizados.
Delta
En su momento, un seguimiento sencillo basado sobre todo en operaciones ingresadas a mano, así que los saldos se desactualizaban entre una actualización y otra.
Vistos desde lejos, los datos de precios, el seguimiento de portafolio y las billeteras eran tres categorías separadas en 2019 y 2020, cada una resolviendo una parte del problema y ninguna el todo.
| Plataforma | Categoría | Función |
|---|---|---|
| CoinMarketCap | Datos de mercado | La referencia de precios por defecto en ese momento; sin seguimiento de portafolio propio. |
| CoinGecko | Datos de mercado | Más monedas que CoinMarketCap, pero igual solo precios, no una vista de portafolio. |
| Blockfolio | Rastreador de portafolio | El rastreador móvil más popular de entonces, basado en ingresar datos a mano. |
| MetaMask | Billetera | Billetera de Ethereum en el navegador, sin vista entre exchanges ni entre cadenas. |
| Trust Wallet | Billetera | Billetera móvil multicadena, pero todavía una billetera a la vez, sin agregación. |
El enfoque de CryptoNight
Conexiones de solo lectura tanto a billeteras como a exchanges, además de un asistente al que puedes preguntarle por una moneda sin salir de la app.
Pantallas
Seis pantallas de la versión en Figma.
Iniciar sesión
Inicio de sesión con correo, con Google y Apple como opciones de un toque.
Portafolio
Saldo total de todas las billeteras conectadas, más el desglose por activo de cada billetera.
Lista de seguimiento
Datos de mercado ordenados, con precio en vivo y variación de 24 horas, de un vistazo.
Conectar billetera
Conexión con clave API a un exchange o billetera, de solo lectura por defecto y con almacenamiento cifrado de claves.
Asistente
Una interfaz de chat para preguntas sobre el mercado, con un aviso claro de que es análisis, no asesoría financiera.
Noticias
Un feed de noticias filtrado, etiquetado por activo y tema, que aparece junto al portafolio que afecta.
Modo claro y oscuro
Diseñada para cualquier hora.
Quienes operan revisan precios a toda hora, así que cada pantalla se diseñó en ambos temas desde el principio. Arrastra cada pantalla para comparar.
Oscuro
ClaroDetalle de moneda
Oscuro
ClaroArtículo
Guía de marca
Un cristal que brilla en la oscuridad.
La marca es una gema de seis facetas sobre un fondo casi negro, dibujada para sentirse en casa en el tema oscuro. Abajo: la geometría que la sostiene y dónde aparece su color menta en la app.
Prototipo
Recorre el prototipo de Figma.
Un prototipo interactivo que empieza en la pantalla de Portafolio, construido en Figma.
Nota final
Un problema que de verdad tengo.
Sin cliente y sin fecha de entrega. Solo algo con lo que vivo: demasiados exchanges y billeteras, y ningún número único en el que pueda confiar.