---
title: "Pinada — software de gestión de camping (PMS) en vivo | Logic2b Lab"
description: "Demo técnica: panel de gestión para campings con plano interactivo, planning de reservas arrastrable y KPIs calculados en tiempo real. Mira cómo lo construimos en Logic2b Lab."
lang: es-ES
source_url:
  html: https://logic2b.com/lab/pinada/
  md: https://logic2b.com/lab/pinada/index.md
---

Ruta: [Lab](https://logic2b.com/lab) › [Reservas y ocupación](https://logic2b.com/sistemas/reservas-ocupacion) › Pinada

Demo interactiva · datos simulados

# Pinada Software de gestión · PMS.

El panel de recepción de un camping: plano vivo, planning arrastrable y KPIs que salen de los datos.

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

**Cosas que demuestra**

10

**Función de negocio**

1

**Sector que lo pide**

1

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

## Cómo se construyó Pinada

Así funciona un panel de gestión hecho a medida: todo lo que se ve nace de una única fuente de datos — las reservas — y cada vista es una proyección de ella. El plano SVG del camping (60 estancias en 6 zonas, con piscina, recepción y viales recreados a partir del plano real) colorea cada parcela según su estado derivado: libre, ocupada, llegada o salida de hoy, mantenimiento o incidencia. El planning inferior tipo Gantt es la misma información en el eje del tiempo: arrastra una reserva y el mapa, los KPIs de ocupación, ADR e ingresos y el panel de detalle se recalculan al instante, porque nada está pintado a mano. Búsqueda global por huésped o parcela, zoom y arrastre sobre el plano, check-in y check-out con confirmación, y widgets de meteo, procedencia y canal de venta. La complejidad técnica está en esa sincronización — mapa, planning, panel y métricas leyendo el mismo estado — resuelta aquí sin frameworks ni librerías: JavaScript y SVG a pelo.

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. Plano SVG interactivo del camping con zoom, arrastre y 60 estancias en 6 zonas
2. Estados derivados de las reservas: libre, ocupada, llegada/salida de hoy, mantenimiento e incidencia
3. Planning tipo Gantt (7/14/30 días) con zonas plegables y ocupación por día
4. Arrastrar una reserva en el planning recalcula mapa, KPIs y panel al instante
5. KPIs calculados en vivo: ocupación con tendencia 7 días, llegadas/salidas, ingresos, ADR e incidencias
6. Panel de detalle con huésped, canal, saldo, historial y acciones (check-in, check-out, nota…)
7. Búsqueda global por huésped o estancia con resultados en vivo
8. Widgets en SVG propio: meteo a 5 días, donut de procedencia y canales de venta
9. Fotos de las estancias generadas con IA (Higgsfield) y optimizadas a ~60 KB
10. Responsive: en móvil se reorganiza en pestañas Mapa / Planning / Resumen

Ficha del lab

**Tipo**

Software de gestión / PMS

**Formato**

Demo interactiva, sin backend

Stack usado

- JavaScript
- SVG inline

Funciones de negocio

- [Reservas y ocupación](https://logic2b.com/sistemas/reservas-ocupacion)

Lo ofrecemos con webs de

- [Campings y aire libre](https://logic2b.com/diseno-web/campings)

Técnicas

- SaaS
- Dashboard
- SVG
- Gestión

Demo con datos simulados: todo corre en el navegador.

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

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

### [Credencial](https://logic2b.com/lab/credencial)

Reservas y ocupación

### [Dioptría](https://logic2b.com/lab/dioptria)

Salud y clínicas

### [Aforo](https://logic2b.com/lab/aforo)

Deporte y rendimiento

---

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)