---
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
---

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

Demo interactiva · datos simulados

# Arras Paneles de control · CRM.

El panel de un bróker inmobiliario de lujo: KPIs en vivo, cierres vs objetivo y agenda del mes.

[Abrir la demo (se abre en una pestaña nueva)](https://logic2b.com/lab/arras/live)

**Cosas que demuestra**

10

**Función de negocio**

1

**Sector que lo pide**

1

Arras · demo interactiva [Abrir aparte (se abre en una pestaña nueva)](https://logic2b.com/lab/arras/live)

## 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 os interesa algo parecido para vuestro producto, hablamos.

### Qué demuestra

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

Ficha del lab

**Tipo**

Paneles de control / CRM

**Formato**

Demo interactiva, sin backend

Stack usado

- JavaScript
- SVG inline

Funciones de negocio

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

Lo ofrecemos con webs de

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

Técnicas

- Inmobiliaria
- Dashboard
- CRM
- Datos

Demo con datos simulados: todo corre en el navegador.

## Labs relacionados. Misma función o mismos sectores.

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

### [Estrado](https://logic2b.com/lab/estrado)

Cuadros de mando

### [Pocillo](https://logic2b.com/lab/pocillo)

Cuadros de mando

### [Tiza](https://logic2b.com/lab/tiza)

Cuadros de mando

---

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)