01 — CONTEXT
El contexto
El Desfiladero del Tajo es el recorrido por el interior de la garganta que atraviesa Ronda, bajo el Puente Nuevo. Su web ya informaba y vendía entradas, pero no transmitía lo que se vive allí.
02 — PROBLEM
El problema
Un lugar extraordinario no puede conformarse con una web que solo informa. El reto era doble: despertar las ganas de ir y resolver todas las dudas antes de comprar la entrada, sin que una cosa estorbe a la otra.
03 — CONSTRAINTS
Las restricciones
- 01La compra se hace en la plataforma de Turismo de Ronda: la web lleva hasta ella, no la sustituye.
- 02Tarifas y horarios se consultan en la plataforma de reserva; la web no los duplica.
- 03Todo el contenido en español e inglés, con la misma información en ambos.
- 04Sin testimonios, urgencia, descuentos ni garantías sin evidencia.
- 05Fotografías originales: no hay modelo 3D del cañón y la web no finge tenerlo.
04 — SYSTEM
Qué decidí construir
Una web narrativa en doce encuadres —de Ronda al descenso, el agua, la historia y la reserva— y una guía completa para preparar la visita, con el acceso a entradas siempre a mano.
05 — ARCHITECTURE
Arquitectura del sistema
SOFTWARE
Software
- Doce encuadres editoriales animados con GSAP ScrollTrigger: textos, zoom y transiciones.
- Un shader WebGL abre una grieta entre fotografías originales.
- Cada encuadre enlaza con su apartado de la guía.
- Cabecera permanente con acceso a la guía y a las entradas, índice visual y controles anterior/siguiente.
DATA
Datos
- Guía «Prepara tu visita» renderizada en servidor: entradas, cómo llegar, acceso, qué llevar, normas, meteorología, historia y geología.
- Buscador de preguntas frecuentes y lista de preparación interactiva.
- Contenido basado en la web existente y en el dossier municipal.
- Español e inglés con paridad completa: rutas, canónicos, hreflang y sitemap.
AI / AUTOMATION
IA y automatización
Este proyecto no necesitaba IA. Su valor está en la narrativa, la claridad de la guía y el camino hasta la reserva.
06 — DECISIONS
Decisiones importantes, y por qué
Emoción arriba, respuestas abajo
La narrativa despierta las ganas y la guía resuelve las dudas. Nadie tiene que completar la animación para encontrar lo que necesita.
La compra, siempre a un clic
El acceso a las entradas está en el primer plano, durante el scroll y en el cierre.
No fingir lo que no es
Es una interpretación cinematográfica de fotografías, no una reconstrucción 3D topográfica, y así se presenta.
Medir lo que se puede medir
Clics de compra por ubicación, visitas a la guía y dudas consultadas. La conversión final depende de la plataforma de entradas y no se atribuye sin datos.
07 — RESULT
Resultado
- En producción en desfiladerotajo.com, en escritorio y móvil, en español e inglés.
- Doce encuadres narrativos y guía completa de visita.
- Vídeo de presentación de 30 segundos montado con capturas reales de la web.
Sin cifras de negocio inventadas: lo que se muestra es lo que existe y está documentado.
08 — STACK
Stack técnico
- Nuxt 4
- GSAP ScrollTrigger
- WebGL
- Nuxt i18n
- Remotion
09 — SIMILAR PROBLEMS
Qué problema parecido puedo resolver
- →Tu destino, espacio o experiencia necesita una web que transmita lo que se vive allí.
- →Necesitas combinar narrativa y conversión sin que una estorbe a la otra.
- →Quieres una guía que resuelva las dudas antes de la compra.
Este proyecto es un ejemplo de experiencias digitales y software a medida.
