Fuero
¿Cómo hacés que el crédito DeFi sin sobrecolateralización, pedir prestado más de lo que dejás bloqueado, se sienta tan simple como ir al banco?
2025-2026
Período
UX/UI Designer & Frontend Developer
Rol
El Problema
Millones de usuarios tienen historial crediticio sólido pero están excluidos de las finanzas onchain. Los préstamos sobrecolateralizados requieren poner más cripto de lo que pedís, lo que frustra el propósito. Fuero necesitaba una interfaz que hiciera que flujos financieros complejos se sintieran seguros y familiares, sin ocultar los riesgos.
El Desafío
El problema central era presentar flujos financieros de múltiples pasos, como calificación crediticia, préstamo, repago y KYC, sin exponer la complejidad regulatoria y técnica subyacente. Los usuarios son nativos cripto pero no necesariamente expertos en finanzas, y cualquier fricción en un paso crítico significa perderlos. Lo resolví diseñando una UI orientada por estado, donde la interfaz se adapta exactamente a dónde está el usuario en su recorrido crediticio. En lugar de mostrar todo de una vez, cada pantalla expone solo la acción y la información relevante para ese momento.
Objetivos
Simplificar el acceso al crédito onchain
Diseñar flujos de usuario intuitivos que permitan entender, solicitar y gestionar una línea de crédito sin requerir conocimientos previos de cripto o DeFi. La experiencia prioriza la claridad, la revelación progresiva y la confianza en cada paso.
Construir confianza a través del diseño
Crear un sistema visual e interactivo que comunique seguridad, transparencia y fiabilidad: factores clave para productos financieros que involucran crédito e identidad. Esto incluye estados claros, feedback y explicaciones sobre préstamos, repago y riesgo.
Arquitectura frontend escalable
Desarrollar un frontend modular y extensible que soporte integraciones embebidas, múltiples cadenas y primitivas en evolución. El objetivo es asegurar que la interfaz pueda escalar junto con el protocolo a medida que se introduzcan nuevas funciones y socios.
Contexto
Fuero nació de la brecha entre los sistemas de crédito tradicionales y Web3. Mientras millones de usuarios tienen un historial crediticio sólido en el mundo real, quedan excluidos de las finanzas onchain debido a la sobrecolateralización y los flujos de onboarding complejos. El proyecto se centra en traducir procesos financieros regulados y de alta fricción, como calificación crediticia, solicitud de préstamos, repago y verificación de identidad, en interfaces claras y amigables. El desafío fue hacer que una infraestructura financiera compleja se sintiera simple, confiable y accesible sin exponer la complejidad técnica o regulatoria subyacente.
Mi Rol y Enfoque
Diseño y frontend estuvieron los dos de mi lado en este proyecto: mapeé la máquina de estados de crédito antes de abrir Figma, construí la librería de componentes en torno a los estados de usuario e implementé la interfaz en React/Next.js. Cada decisión de diseño tenía que sobrevivir el contacto con un protocolo donde los smart contracts cambiaban semanalmente.
Proceso
01. Discovery y Arquitectura
Se mapeó el recorrido crediticio completo: calificación → préstamo → repago → identidad, y se definieron los estados de usuario que manejarían toda la UI. El objetivo fue entender qué datos estarían disponibles en cada punto antes de diseñar cualquier pantalla.
"Diseñé el sistema de estados antes que las pantallas. Si el estado no estaba claro, la pantalla no podía existir."
02. Sistema de UI orientado por estado
Se diseñó una librería de componentes en Figma basada en el estado del crédito: cada pantalla muestra solo la acción e información relevante para ese momento. La revelación progresiva fue el patrón central.
"El problema no era cuánta información mostrar; era cuándo mostrarla."
03. Implementación Frontend
La interfaz fue construida en React/Next.js con componentes modulares diseñados para soportar integraciones embebidas y escenarios multi-chain. La arquitectura permite que la UI se adapte a medida que el protocolo evoluciona.
"La arquitectura del frontend tenía que ser tan flexible como el protocolo que representaba."
04. Alineación e Iteración
Alineación continua del diseño con los estados cambiantes del smart contract y el feedback del equipo de protocolo. Cada iteración refinó la comunicación de riesgos y redujo la fricción en los flujos más críticos.
"Cada iteración de comunicación de riesgo vino de un cambio real del protocolo; no diseñamos edge cases en abstracto."
Resultado
El resultado es una plataforma de crédito Web3 lista para producción con una UI orientada por estado que se adapta a cada etapa del recorrido crediticio del usuario, desde la solicitud hasta el repago. La arquitectura de componentes modular permitió iteración rápida a medida que el protocolo evolucionó, sin romper los flujos existentes.
Herramientas
