Jose Trave
Prop-tech, sistema de diseño

Reental

Capturas reales de la app publicada.
Rol
Senior Product Designer
Equipo
Freelance, con Productea
Plataformas
App móvil y web
Resultado
Sistema de diseño y rebranding

Sistema de diseño y flujos clave para una app de inversión inmobiliaria tokenizada, además del rebranding. Flujos financieros, membresía por niveles y transparencia por propiedad en un único sistema.

Simple, y de confianza

Reental permite invertir en inmuebles tokenizados con importes fraccionados: una parte de las rentas y la revalorización de una propiedad en lugar de un edificio entero.

El producto tiene que hacer que un instrumento financiero complejo se sienta tan simple como una app de banca, y ganarse la confianza suficiente para que la gente invierta dinero real.

Primero, un número

Manda el valor total de la cartera, con lo invertido y las ganancias justo debajo, para que el dashboard responda “¿cómo voy?” antes que nada. Invertir, Reclamar, Reinvertir y Explorar van en una sola fila de acciones.

Dashboard de cartera de Reental con valor total, invertido y ganancias

Tres niveles, una vista

Reentel, ReentelPro y SuperReentel tienen rangos de rentabilidad distintos. Las pestañas cambian de contexto por propiedad, así el camino para subir de nivel se entiende sin convertir el dashboard en una tabla de precios.

Vista de propiedad con los tres niveles de membresía en pestañas

Un simulador, no avisos legales

Progreso de financiación, rentabilidad y duración se muestran como hechos. Después, un slider te deja simular tu propia rentabilidad antes de invertir, y el dossier y el calendario quedan a un scroll.

Detalle de propiedad con progreso de financiación y un simulador de rentabilidad

Una wallet que se lee como un banco

Las participaciones están tokenizadas, así que cada inversor necesita una wallet. Vive dentro de la app, con Enviar y Recibir como las dos acciones, para que la capa cripto nunca parezca cripto.

Recibir empieza con un QR y nombra la red, Polygon, desde el principio. Una red equivocada es una transferencia irrecuperable, y esta pantalla existe para evitarlo.

Wallet con pestañas Info, Tokens y Transacciones y botones Enviar y Recibir
Pantalla para recibir fondos con un código QR y la red Polygon indicada

El mismo sistema, en web

La web usa los mismos tokens y componentes, recolocados para escritorio. Cartera, total invertido, ganancias y rentabilidad se leen de un vistazo, con los niveles a la vista.

Dashboard web de Reental en un portátil

Sistema de diseño

Debajo hay un sistema de diseño basado en tokens, sincronizado entre Figma y código con un flujo de MCP, de Figma a Storybook.

Variables de color semánticas en Figma, modo claro y oscuro
314 variables de color semánticas, claro y oscuro mapeados uno a uno.