Jose Trave
Prop-tech, design system

Reental

Real captures from the shipped app.
Role
Senior Product Designer
Team
Freelance, with Productea
Platforms
Mobile and web app
Outcome
Design system and rebrand

Design system and key flows for a real-estate tokenization app, plus the rebrand. Financial flows, tiered membership and property-level transparency in one connected system.

Simple, and trusted

Reental lets people invest in tokenized real estate in fractional amounts: a share of a property’s rental income and appreciation instead of a whole building.

The product has to make a complex financial instrument feel as simple as a banking app, and earn enough trust for people to commit real money.

One number first

Total portfolio value leads, with invested amount and gains right under it, so the dashboard answers “how am I doing?” before anything else. Invest, Claim, Reinvest and Explore sit in one action row below.

Reental portfolio dashboard with total value, invested amount and gains

Three tiers, one view

Reentel, ReentelPro and SuperReentel carry different return bands. Tabs switch context per property, so the upgrade path is legible without turning the dashboard into a pricing table.

Property view with the three membership tiers as tabs

A simulator, not disclaimers

Funding progress, return and duration are laid out as plain facts. Then a slider lets you simulate your own return before you commit, and the dossier and timeline stay one scroll away.

Property detail with funding progress and a return simulator slider

A wallet that reads like a bank

Property shares are tokenized, so every investor needs a wallet. It lives inside the app, with Send and Receive as the two actions, so the crypto layer never has to look like crypto.

Receiving leads with a QR and names the network, Polygon, up front. One wrong network is an unrecoverable transfer, so this screen exists to prevent that.

Wallet sheet with Info, Tokens and Transactions tabs and Send and Receive buttons
Receive funds screen with a QR code and the Polygon network named

The same system, on the web

The web app carries the same tokens and components, re-laid out for a desktop. Portfolio, total invested, earnings and profitability resolve in one glance, with the tiers inline.

Reental web dashboard on a laptop

Design system

Underneath sits a token-based design system, kept in sync between Figma and code through an MCP workflow, from Figma to Storybook.

Semantic color variables in Figma, light and dark mode
314 semantic color variables, light and dark mapped one to one.