Proptech · Gestión de arriendos

Caso de estudio · UX/UI · Producto SaaS

Una plataforma para que propietarios gestionen sus arriendos sin depender de planillas sueltas y recordatorios manuales: contratos, pagos, inquilinos e inmuebles en un solo tablero. Este caso muestra el proceso completo — desde el naming en papel hasta el sistema de componentes en producción.

RolInvestigación, UX y UI

HerramientasFigma, FigJam

EntregableSistema de diseño + producto completo

AlcanceDashboard, contratos, inmuebles, contactos, pagos

El contexto

La mayoría de los propietarios que arriendan más de una o dos propiedades terminan gestionando contratos, pagos y datos de inquilinos entre planillas de cálculo, WhatsApp y carpetas de PDFs. Rentary nace para centralizar eso: un tablero único donde un propietario ve de un vistazo qué pagos están vencidos, qué contratos vencen pronto y qué inmuebles están disponibles.

Investigación e ideación

Antes de abrir Figma, el proceso arrancó en papel: un Crazy 8 para explorar layouts de dashboard rápido, en paralelo a un brainstorming de naming — probando distintas direcciones antes de llegar a "Rentary".

Crazy 8 en papel — ocho variaciones rápidas de layout en ocho minutos, antes de tocar una herramienta digital.

Wireframes e iteración

Mostrar solo el resultado final esconde la parte más honesta del proceso. Estas son exploraciones reales que quedaron en el camino — flujos de pago que se simplificaron y una versión anterior de "Mi Perfil" que se rediseñó por completo.

Exploraciones descartadas — flujo de contratos y pagos

Variantes del flujo de listado y pago de contratos que no llegaron a producción — cada pantalla es un recorte individual del archivo original.

Antes de la actualización — "Mi Perfil"

Seis variantes de "Mi Perfil" antes de fijar la versión final que hoy está en producción.

Sistema de diseño

Antes de diseñar pantallas, se construyó el sistema: botones con 5 variantes y 4 estados cada uno, inputs con validación, icon buttons y tarjetas de archivo con sus propios estados de carga.

Botones — 5 variantes × 4 estados, más el estado de carga.

Clic para ampliar

Inputs (enabled/error/success/disabled), icon buttons y file cards con sus estados de subida.

Producto final

Con el sistema de componentes ya definido, estas son las pantallas de alta fidelidad que arman el producto: desde el login hasta la gestión completa de contratos.

Iniciar sesiónSplit screen con la propuesta de valor a la izquierda y el formulario a la derecha.

TableroEstado general de un vistazo: pagos vencidos, pendientes y al día, más los listados rápidos.

Contratos — ListadoTabla completa con estado, valor, ajuste e índice de cada contrato.

Crear contratoFormulario guiado con selección de propietario, inquilino e inmueble.

Ver contratoDetalle completo con documentación adjunta y tabla de pagos del contrato.

Reflexión

Rentary fue, sobre todo, un ejercicio de construir sistema antes que pantallas: nombrar el producto, definir componentes reutilizables y solo después diseñar las vistas finales. Las versiones descartadas (el flujo de pago que se simplificó, el "Mi Perfil" que pasó por cinco iteraciones) importan tanto como el resultado — son la evidencia de que hubo criterio detrás de cada decisión final.

Puedo construir desde el naming y la investigación hasta el sistema de componentes y las pantallas finales.