Realport — Creando liquidez para infraestructura sostenible.
Realport es una plataforma de financiamiento institucional basada en contratos inteligentes que conecta a pequeños inversores institucionales con propietarios de activos reales sostenibles. El reto: dar a los inversores suficiente información para tomar decisiones con confianza, garantizando que los gestores de activos se sintieran cómodos compartiendo datos sensibles — antes de iniciar cualquier proceso KYC.
Aplicamos un proceso completo de Design Thinking en cuatro grupos de stakeholders — propietarios de activos, socios regulatorios, inversores institucionales y el propio negocio. El resultado: un sistema flexible de tarjetas de activos para comparación rápida, un deal room estructurado con tres capas de información y un widget de inversión diseñado para generar confianza en cada paso.
Ver estudio de caso completo →Del problema difuso
al producto lanzado.
Entrevistas con usuarios, talleres con stakeholders y análisis competitivo. No adivinamos lo que las personas necesitan — lo descubrimos. Cada insight se convierte en una decisión de diseño.
Arquitectura de información, flujos de usuario y taxonomía. Antes de cualquier visual, mapeamos la estructura — para que el producto tenga sentido para las personas que lo usarán.
De wireframes a diseños de alta fidelidad en Figma. Iterativos, validados y entregados con especificaciones de interacción que tu equipo de desarrollo puede construir.
Especificaciones listas para desarrollo, design tokens, librerías de componentes y soporte QA. Seguimos involucrados post-lanzamiento para iterar con datos de uso reales.
Diseño con el que
puedes construir de verdad.
Informe de Investigación & Insights de Usuario
Síntesis de entrevistas, mapeo de puntos de dolor y recomendaciones accionables — para que cada decisión de diseño esté fundamentada en datos reales de usuarios, no en suposiciones.
Flujos de Usuario & Arquitectura de Información
Mapas claros de cómo los usuarios se mueven por tu producto. Desde puntos de entrada hasta acciones clave — estructurados para reducir la fricción en cada paso.
Diseños de Alta Fidelidad en Figma
Pantallas pixel-perfect que cubren cada estado — vacío, cargando, error, éxito. No solo el flujo ideal; cada caso extremo contemplado.
Sistema de Diseño & Librería de Componentes
Componentes Figma escalables con tokens definidos, variantes y guías de uso. Tu equipo sigue enviando sin empezar desde cero.
Entrega & Especificaciones Listas para Dev
Especificaciones de interacción, documentos de espaciado y anotaciones de Figma Dev Mode. Los desarrolladores saben exactamente qué construir — sin interpretación requerida.
Especializado en IA, Fintech & B2B SaaS.
Estos son los entornos donde la complejidad del UX es mayor y el costo de una mala experiencia es más alto. Hemos pasado más de 10 años diseñando productos exactamente en estos espacios — y sabemos qué funciona.
We speak your
industry's language.
Para equipos construyendo
productos que importan.
Startups validando su primer producto
Tienes una idea y quizás algo de código. Necesitas un socio de UX que te ayude a descubrir qué construir, en qué orden y cómo hacer que funcione con usuarios reales.
Scale-ups desenredando deuda de producto
Tu producto creció rápido y se nota. La navegación es un laberinto, las nuevas funciones no conectan y el onboarding es un ticket de soporte. Rediseñamos sin romper lo que funciona.
Equipos sin un sistema de diseño
Cada pantalla luce ligeramente diferente y las nuevas funciones tardan el doble. Construimos la base de diseño con la que tus ingenieros y product managers realmente quieren trabajar.
¿Listo para construir un producto
que los usuarios realmente amen?
Llamada de descubrimiento de 30 minutos. Sin pitch, sin presión — solo una conversación honesta sobre tu producto y lo que podría llegar a ser.
Realport — Creando Liquidez para Infraestructura Sostenible
Una plataforma que conecta capital con activos reales sostenibles.
RealPort is a smart-contract-based institutional fundraising platform that empowers small institutional, semi-institutional, and family office investors to flexibly gain exposure to sustainable real assets they otherwise wouldn't have access to.
Inversiones exclusivas, visibilidad limitada.
Los inversores necesitan acceso fácil y temprano a los tipos de opciones de inversión disponibles — con una visión general de activos sostenibles que incluya imágenes, descripciones, rendimiento histórico e información del gestor de activos. Pero las inversiones en activos reales sostenibles son inherentemente exclusivas y los gestores de activos son selectivos sobre quién puede acceder a su información.
El desafío central de diseño: encontrar el equilibrio correcto entre la cantidad de información que podemos mostrar a los inversores antes de una oferta potencial, garantizando que los gestores de activos aún se sientan cómodos compartiendo.
- Diseñar una tarjeta de activo con información de alto nivel, una imagen de marketing, indicador de estado y un CTA para solicitudes de acceso al Dealroom.
- Crear una página de detalle para mostrar información extendida del activo y del gestor de activos más allá de la tarjeta.
- Diseñar un widget de inversión para integrarse dentro del Dealroom del activo.
Design Thinking — adaptado para cuatro stakeholders.
Utilizamos una adaptación del framework de Design Thinking. La complejidad aquí no era técnica — era la alineación de stakeholders. Cada parte tenía necesidades competitivas que debían ser atendidas.
Proceso de Design Thinking adaptado para el proyecto Realport
Después de identificar las necesidades de todas las partes, mapeamos el siguiente flujo de usuario de alto nivel:
Comparación rápida sin sobrecarga de información.
Para la tarjeta de activo, el desafío clave fue decidir qué datos mostrar y cómo presentarlos para una comparación rápida. Iteramos a través de múltiples estructuras de información, probando combinaciones de nombre del activo, ubicación, rendimiento pasado, condiciones de inversión y estado.
Iteraciones tempranas de wireframe para la estructura de información de la tarjeta de activo
Después de probar con gestores de activos e inversores potenciales, llegamos a una estructura de tarjeta flexible — adaptable según los datos disponibles para cada activo, en lugar de una plantilla fija rígida.
Arquitectura de información de tarjeta de activo finalizada
Complementamos cada punto de datos con gráficos de íconos para facilitar la identificación rápida y la comparación entre tarjetas.
Sistema de íconos que soporta información de alto nivel del activo
También implementamos un sistema de estado con código de colores para reflejar de un vistazo la etapa histórica de inversión de cada activo.
Sistema de estado con código de colores para etapa de inversión
Arquitectura de información en tres capas para generar confianza.
El trabajo del deal room es dar a los inversores todo lo que necesitan para comprometerse — y para iniciar el proceso KYC. Lo dividimos en tres secciones claras: Información de alto nivel, Widget de inversión e Información profunda.
Estructura de información en tres secciones para la página del Dealroom
En la sección superior, combinamos información de alto nivel del activo con el widget de inversión. Realizamos varias iteraciones visuales — todas compartiendo la misma estructura — para alinearse con el lenguaje de diseño de Realport.
Iteraciones visuales de la sección superior del Dealroom
La sección de información profunda se dividió en tres pestañas: Destacados (resumen del activo, rendimiento, enlaces a documentación), Exposé (acceso completo al PDF) y Descripción (slider de imágenes con copy orientado al marketing).
Diseños finales — tarjeta de activo y dealroom.
Diseños finales de producción — tarjeta de activo (izquierda) y página del dealroom (derecha)
Pedíamos demasiado, demasiado pronto.
Este proyecto fue difícil de testear dado el estado temprano del desarrollo. La validación ocurrió a través de sesiones de demostración con inversores potenciales, con retroalimentación documentada iterativamente.
Después de varias rondas de iteración, el equipo reconoció un problema fundamental de UX: se pedía a los usuarios hacer demasiado con muy poca recompensa inicial. Registro básico solo para ver una tarjeta de activo, luego una solicitud de acceso al Dealroom que requería aprobación del propietario del activo, luego un extenso proceso KYC — todo antes de obtener acceso a información real del deal.
El aprendizaje clave: mostrar tanta información como sea posible antes de pedir algo al usuario. La divulgación progresiva solo funciona cuando las capas tempranas son genuinamente valiosas por sí solas.