Saltar al contenido principal
Logo de Ajuntament de Mataró

App y CMS para coordinar un festival municipal

App móvil, landing y CMS para Les Santes, el festival más grande de Mataró. Mapa en tiempo real con interpolación de posición de desfiles, arquitectura offline-first, notificaciones push y panel de administración integrado.

App y CMS para coordinar un festival municipal
  • Cliente Ajuntament de Mataró
  • Timeline 8 meses
  • Servicios
    App API Landing Admin

    Cada verano, Mataró celebra Les Santes: 6 días de conciertos, correfocs, desfiles de gigantes y actos al aire libre que reúnen a decenas de miles de personas en toda la ciudad.

    La única herramienta oficial: un PDF impreso y una web estática sin datos en tiempo real. Los asistentes perdían eventos porque no sabían los horarios reales, dónde estaban los gigantes en cada momento o si algo se había cancelado.

    El festival merecía mejor soporte digital.

    Construimos el stack completo desde cero: app móvil, landing y CMS, como proyecto de código abierto.

    Landing page de Les Santes
    3

    plataformas entregadas

    134

    años de carteles archivados

    97%

    reducción de peso de imágenes

    El problema

    El reto no es técnico, es de contexto. Los desfiles se mueven, los eventos empiezan tarde, la cobertura móvil en calles llenas de gente es pésima, y la web oficial no está pensada para uso en tiempo real.

    Les Santes es una de las fiestas mayores más importantes de Cataluña y no tenía ninguna herramienta digital que estuviera a la altura. Lo construimos como proyecto de bien público: sin presupuesto de cliente, con código abierto y pensado para durar.

    Decisiones técnicas clave

    Posición de desfiles en tiempo real, sin GPS

    Cada desfile tiene una ruta GeoJSON planificada y una hora de inicio. La app interpola su posición a lo largo de esa ruta cada segundo, en el cliente. Sin hardware, sin peticiones al servidor - solo geometría y tiempo transcurrido.

    Offline-first, no offline-tolerante

    Todos los datos se cachean en la primera carga con un timestamp. Si abres la app sin conexión, tienes el programa completo - con una nota que indica la antigüedad del caché. Sin spinners ni pantallas vacías.

    Cero cuentas, cero datos recogidos

    Sin login, sin sesiones, sin tokens. Simplificó todo el backend y facilitó la revisión del App Store: no había nada que revisar en materia de privacidad.

    Cancelaciones instantáneas vía Supabase Realtime

    Cuando el organizador cancela un acto, todas las instancias de la app lo reciben al momento vía Realtime broadcast. Los usuarios con notificaciones activas reciben una push con el motivo. Sin polling.

    134 años de carteles en 146 KB

    El archivo completo de carteles (1892–presente) recodificado a AVIF. Lo que habrían sido 5,2 MB de PNGs ocupa 146 KB - un 97% menos, con la misma calidad visual.

    MapLibre en lugar de Google Maps o Apple Maps

    MapLibre GL JS en un WebView aislado con tiles de MapTiler. Sin tracking de terceros, sin overhead de SDK nativo, control total sobre el estilo. Política de privacidad de un solo párrafo.

    Mapa con posición en tiempo real de los desfiles

    La app

    La app móvil (React Native + Expo) está organizada en torno a una sola pregunta: ¿qué está pasando ahora mismo?

    Ara (Ahora)

    Abre la app y ves al instante qué está en marcha: una tarjeta con el acto en curso y una tira horizontal con los siguientes. Sin pantalla de login, sin onboarding, sin configuración - solo el festival.

    Vista Ara de la app

    Mapa

    Los eventos fijos aparecen como marcadores. Los desfiles muestran su posición estimada en tiempo real como una polilínea animada, recalculada cada segundo interpolando el tiempo transcurrido sobre la ruta GeoJSON planificada.

    Mapa con rutas de actos en vivo

    Agenda

    El programa completo, filtrable por día, categoría, tipo de acto o distancia desde la ubicación del usuario. Un sistema de favoritos permite fijar actos y recibir una notificación antes de que empiecen.

    Vista de agenda completaFiltro de favoritos

    Recursos

    Un archivo desplazable con todos los carteles oficiales del festival desde 1892, más un lightbox deslizable con las postales de los Gegants - todo codificado en AVIF para carga casi instantánea.

    Archivo de cartelesLightbox de postales de GegantsPestaña de recursos

    La landing

    Un sitio Next.js 15 que convierte visitas en descargas de la app y actúa como CMS para el organizador del festival. Optimizado para Core Web Vitals y estructurado semánticamente para posicionarse en búsquedas de alta intención junto al dominio oficial.

    Sección de pantallas de la app en la landing Marquee de carteles en la landing Página 404 personalizada

    El panel de administración

    Un back-office protegido por contraseña integrado en el mismo sitio de la landing. El organizador puede crear, editar y cancelar actos sin tocar código. Las cancelaciones requieren un motivo, que se emite al instante a todas las instancias conectadas de la app vía Supabase Realtime y se entrega como notificación push.

    Panel de administración - listado de actos

    La creación de actos gestiona tanto eventos de ubicación fija como desfiles en movimiento. Las rutas de los desfiles se dibujan en geojson.io y se suben como GeoJSON - la app las usa después para la interpolación de posición en tiempo real durante el festival.

    Panel de administración - formulario de edición

    Resultados

    • 3 plataformas entregadas y en producción (app, landing, admin)
    • 134 años de archivo de carteles, de 5,2 MB a 146 KB total
    • 0 datos personales recogidos ni transmitidos
    • Código abierto publicado en GitHub

    Estado del proyecto

    El festival se celebra del 18 al 29 de julio de 2026.

    La app está en desarrollo activo con lanzamiento previsto en el App Store y Google Play antes del festival. La landing y el panel de administración ya están en producción, alimentando la app con datos reales y recibiendo visitas orgánicas desde búsquedas relacionadas con el festival.

    Más proyectos

    Echa un vistazo a algunos de nuestros otros proyectos destacados.

    ¿Tu equipo sigue haciendo en 3 horas lo que un sistema haría en 5 minutos?

    Cuéntanos qué quieres mejorar. En un día laborable te responderemos con una primera orientación y próximos pasos.

    Agenda abierta para nuevos proyectos