---
title: "Arras — panel CRM de inmobiliaria de lujo en vivo | Logic2b Lab"
description: "Demo técnica: dashboard de un bróker inmobiliario con KPIs que laten en vivo, gráfico de cierres vs objetivo, propiedad destacada, contactos y calendario de agenda — sin backend, todo simulado en el navegador. Mira cómo lo construimos en Logic2b Lab."
lang: es-ES
source_url:
  html: https://logic2b.com/lab/arras/
  md: https://logic2b.com/lab/arras/index.md
---

# Arras Lab · Paneles de control / CRM

lab.logic2b.com/arras

Ruta: [Lab](https://logic2b.com/lab) › [Cuadros de mando y analítica](https://logic2b.com/sistemas/cuadros-de-mando)

## Cómo se construyó Arras

Demo de CRM para una agencia inmobiliaria de lujo ficticia: una banda de KPIs con acabado glass sobre gradiente menta (compradores, ingresos, cartera y cierres) que se mueve en vivo con cada evento simulado — un comprador nuevo, unas arras firmadas, una captación. La propiedad destacada rota entre tres activos con sus métricas, el gráfico de rendimiento compara cierres contra objetivo por año, trimestre o semana con un callout que sigue a la barra seleccionada, y el bloque inferior resume contactos de compradores (filtrables desde el buscador), recordatorios en acordeón y un calendario con la agenda seedeada del mes. Todo corre en el navegador, sin backend.

Es una demo técnica, no una plantilla vendible tal cual: un adelanto de lo que podemos construir a medida cuando un proyecto necesita algo más que una web de catálogo. Si te interesa algo parecido para tu producto, hablamos.

### Qué demuestra

- Banda de KPIs glass sobre gradiente menta con contadores animados al cargar
- Pulso «en vivo»: eventos simulados (arras firmadas, captaciones, reservas) que suman a los KPIs y notifican
- Propiedad destacada con carrusel de 3 activos, métricas propias y foto ampliable en lightbox
- Gráfico de cierres vs visitas por año, trimestre o semana — barras en flex, sin librerías
- Callout del gráfico que sigue a la barra seleccionada con total y objetivo anual
- Buscador de la cabecera que filtra los contactos de compradores en vivo
- Recordatorios en acordeón con el detalle de seguimientos, visitas y anuncios a caducar
- Calendario mensual navegable con agenda seedeada (visitas, firmas, tasaciones) y día seleccionable
- RNG determinista (mulberry32): mismos datos y misma agenda en cada carga
- Todo simulado en cliente: sin backend, sin dependencias npm

### Detalles

**Categoría**

Paneles de control / CRM

**Formato**

Demo interactiva, sin backend

### Stack usado

- JavaScript
- SVG inline

### Categorías

[Cuadros de mando y analítica](https://logic2b.com/sistemas/cuadros-de-mando) Inmobiliaria Dashboard CRM Datos

### Lo ofrecemos con webs de

[Inmobiliarias](https://logic2b.com/diseno-web/inmobiliarias)

## Labs relacionados

[Ver todos](https://logic2b.com/lab)

[**Estrado** Cuadros de mando](https://logic2b.com/lab/estrado) [**Pocillo** Cuadros de mando](https://logic2b.com/lab/pocillo) [**Tiza** Cuadros de mando](https://logic2b.com/lab/tiza)

---

Logic2b S.L. · Castellón (España) · [info@logic2b.com](mailto:info@logic2b.com) · [Contacto](https://logic2b.com/contacto/) · [Auditoría gratuita](https://logic2b.com/auditoria/) · [Índice para IA](https://logic2b.com/llms.txt)