Arras Lab · Paneles de control / CRM
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