Product Design · UX/UI · Design System · B2B SaaS
Un panel de control para que una inmobiliaria deje de operar en planillas y chats.
Diseñé Full Broker como backoffice B2B para centralizar propiedades, clientes y seguimiento comercial, con tablas densas, estados claros y una jerarquía pensada para agentes que necesitan velocidad.
- Producto
- Full Broker
- Rol
- UX/UI Designer · Arquitectura de información · UI Kit
- Duración
- 3 meses
- Equipo
- 1 diseñador · 1 desarrollador
- Herramientas
- Figma · Jira · Slack
Contexto
Cuando la operación inmobiliaria vive en planillas, todo tarda más de lo necesario.
Full Broker surge para centralizar propiedades, clientes y seguimiento comercial en un panel B2B. El desafío no era solo ‘hacer un dashboard’: era ordenar información densa para uso diario.
Las inmobiliarias suelen operar con procesos manuales y herramientas desconectadas. Cada agente organiza propiedades, interesados y tareas a su manera, lo que genera duplicación, pérdida de leads y poca visibilidad del estado comercial.
La propuesta fue un panel de control único con módulos claros: resumen operativo, gestión de propiedades, CRM de clientes y agenda.
No estaba diseñando una web institucional. Estaba diseñando la herramienta donde el agente pasa la mayor parte del día.
Procesos manuales
La operación diaria dependía de planillas, mensajes y herramientas desconectadas sin una fuente única de verdad.
Información fragmentada
Propiedades, interesados y estados comerciales vivían en lugares distintos, dificultando priorizar y dar seguimiento.
Poca visibilidad operativa
Sin un dashboard común, era difícil entender qué estaba activo, qué requería acción y qué leads corrían riesgo.
Usuario
Matías necesita orden, no más columnas en Excel.
Agente inmobiliario
Matías· 35 años
- Objetivo
- Gestionar propiedades y clientes con orden, sin perder leads ni duplicar tareas.
- Frustración
- Planillas de Excel desordenadas, seguimiento manual y poca claridad sobre el estado de cada oportunidad.
Arquitectura
Una estructura modular para operar sin perder contexto.
Definí la navegación principal y la relación entre módulos antes de diseñar pantallas. El sidebar oscuro concentra la estructura; el contenido respira en el área principal.
Dashboard
Resumen operativo y métricas clave.
Propiedades
Listado, alta, edición y estados.
Clientes
CRM de interesados y seguimiento.
Agenda
Visitas, llamadas y tareas.
Configuración
Preferencias y administración.
UI Kit
Sistema visual B2B: confiable, denso y legible.
Sans-serif moderna con jerarquía clara entre métricas, títulos de módulo y datos tabulares.
Azul primario
#3B5BDB · Acciones, navegación activa
Violeta
#7C5CFC · Acentos y degradados de marca
Lavanda
#EDE9FE · Fondos suaves y secciones
Sidebar oscuro
#1A1D2E · Navegación principal
Pantallas clave
Diseño de interfaz para operar propiedades y clientes a escala.
Dashboard principal
Tarjetas de resumen con propiedades activas, nuevos leads y actividad reciente para orientar el día.
Tabla de propiedades
Listado con filtros, búsqueda y badges de estado (disponible, reservado, vendido).
Ficha de propiedad
Formulario para fotos, ubicación, precio y características con jerarquía clara.
Gestión de clientes
Vista CRM para interesados, historial de contacto y próximos pasos.
Responsive
La operación también ocurre fuera de la oficina.
Adapté las vistas principales para mobile, manteniendo jerarquía, estados y acciones críticas accesibles para agentes en movimiento.
Aprendizajes
Criterios que quedaron del proyecto.
La tabla es el producto
En un backoffice B2B, la legibilidad de listados, filtros y estados pesa más que pantallas decorativas.
Estados visibles, menos fricción
Badges y colores semánticos ayudan a escanear operaciones sin abrir cada registro.
Diseñar para uso diario
El panel se usa todos los días: prioricé consistencia, atajos visuales y densidad controlada.
Más proyectos
B2B • Marketplaces • SaaS / herramientas de gestión
Diseñando el flujo que convierte campañas y postulaciones en colaboraciones
Campaña en vivo, postulaciones entrando, creador por elegir. Diseñé el puente entre marca y creador sin perder contexto hasta colaborar.
Fintech
Diseñando claridad para cartera, posiciones, movimientos y operatoria financiera
Plataforma white label de trading y cartera para agentes de bolsa. Pantallas densas donde claridad y operatoria tenían que convivir.