Murales Zoques de Copainalá

Experiencia cultural mobile-first para recorrer los murales de Copainalá, activar historias locales con QR, ubicar obras en mapa y escuchar cápsulas de audio dentro de una aplicación publicada en Firebase Hosting.

open_in_new Ver experiencia arrow_back Volver a proyectos

Vista panorámica del proyecto Murales Zoques de Copainalá

Stack

Next.js 16 React 19 TypeScript Framer Motion Leaflet html5-qrcode PWA Firebase Hosting

flag

Objetivo

Traducir patrimonio cultural local a un producto digital accesible desde el celular: una experiencia que no solo muestre murales, sino que conecte ubicación, simbolismo Zoque, audio, navegación y una lectura emocional del recorrido.

dashboard_customize

Diseño de experiencia

Inicio inmersivo

Landing con identidad visual propia, hero editorial y navegación enfocada en descubrimiento antes que en menús tradicionales.

Ruta geolocalizada

Mapa de Copainalá con marcadores, rutas y acceso rápido a cada obra para convertir el mural en una parada navegable.

QR como activador

Escaneo con cámara para abrir la historia correcta del mural y hacer que la capa digital suceda justo frente a la pieza física.

Narrativa multisensorial

Detalle por mural con símbolos, contexto, autores y audios para ampliar el recorrido más allá de la imagen estática.

account_tree

Arquitectura

Aplicación en Next.js con rutas para inicio, mapa, guía y detalle dinámico por mural.
Modelo de datos tipado en TypeScript para murales, símbolos, audios, coordenadas y fuentes.
Mapa interactivo con Leaflet para visualización de ubicaciones y acceso contextual a cada obra.
Escáner QR con `html5-qrcode` para activar navegación directa desde el mural físico al contenido digital.
Export estático y despliegue como PWA en Firebase Hosting para una entrega ligera y fácil de compartir.

auto_graph

Capacidades clave

Producto cultural con criterio digital

Convierte un proyecto artístico local en una experiencia usable, compartible y lista para visitantes reales.

Mobile-first real

La navegación, el gesto visual y la interacción con cámara parten del uso en calle, no de escritorio.

Storytelling territorial

Articula mural, cosmovisión Zoque, geografía y memoria oral dentro de una misma narrativa.

Despliegue listo para difusión

Publicado en Firebase con manifest y service worker, apto para demostración pública y promoción turística.

image

Capturas

Pantalla inicial móvil de la experiencia Murales Zoques de Copainalá — Inicio móvil con hero inmersivo, CTA principal y acceso inmediato a la ruta y al escaneo.

Pantalla móvil del mapa del proyecto Murales Zoques de Copainalá — Mapa publicado con ubicaciones, navegación y tarjetas accionables para cada mural del recorrido.

Pantalla de detalle del mural en la experiencia publicada — Detalle largo del mural con narrativa, símbolos, audio y capas de lectura para profundizar la visita.

Pantalla guía turística del proyecto Murales Zoques de Copainalá — Sección de guía turística preparada para crecer con festivales, gastronomía y contexto territorial.

workspace_premium

Resultado

Este proyecto demuestra producto digital, frontend interactivo, despliegue web y sensibilidad para traducir patrimonio cultural a una experiencia contemporánea. Dentro del portafolio añade una pieza distinta a los casos de analítica: una app con narrativa, geolocalización, cámara, audio y orientación clara al uso real.