Rentary — De la idea al sistema completo
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.
Arriendos gestionados a mano
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.
Del papel al nombre del producto
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.
Lo que no llegó a producció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.
Variantes del flujo de listado y pago de contratos que no llegaron a producción — cada pantalla es un recorte individual del archivo original.
Seis variantes de "Mi Perfil" antes de fijar la versión final que hoy está en producción.
Componentes que sostienen todo el producto
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.
Inputs (enabled/error/success/disabled), icon buttons y file cards con sus estados de subida.
El sistema en producción
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.
Qué queda de este proceso
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.
¿Necesitas un sistema de diseño para tu producto?
Puedo construir desde el naming y la investigación hasta el sistema de componentes y las pantallas finales.