Sitio web
Diseño web de narrativa para templos
Recorre Kage, un templo de montaña imaginario narrado mediante arquitectura a la luz de la luna, serenas notas sobre el jardín y primeros planos de la artesanía en madera.
LLM Arena sep. 2026
Notas del caso- Modelo
- Astra
- Tarea de diseño
- Crear un paseo nocturno cinematográfico por un templo de montaña imaginario de Kioto.
- Resultado
- Sitio web
Diseñado para
- Narrativa arquitectónicaPresenta un lugar a través de la llegada, el espacio y los detalles materiales.
- Editorial inmersivoCombina una escena continua con secciones de lectura breves y de ritmo pautado.
- Estudios de diseño culturalExplora un entorno imaginario sin dar a entender que se trata de un lugar real.
Aspectos destacados
- Cinco distancias de observación diferentesEl recorrido avanza desde la llegada hasta los jardines y los primeros planos de la artesanía.
- Escena e imagen fijaLas ilustraciones ampliables aportan detalles junto a la arquitectura en directo.
- Un final reflexivoLa acción final invita a realizar otro recorrido en lugar de hacer una reserva.
Explora el paseo nocturno por el templo
1 / 5
Un diseño web de narrativa para templos construido en torno a un paseo nocturno
Kage presenta un templo de montaña imaginario de Kioto bajo una luna naranja de gran tamaño. Un texto grande en color crema ocupa la izquierda, mientras las ventanas cálidas y los escalones de piedra conducen hacia la arquitectura. La lluvia, las superficies azul oscuro y los sobrios acentos rojos definen el entorno nocturno. La introducción identifica el lugar como imaginario antes de que el visitante llegue a la explicación más extensa del final.
Los cinco capítulos cambian aquello en lo que se pide al visitante que se fije: llegada, umbral, jardín, artesanía y resplandor final. El fondo es un entorno renderizado continuo, no una fotografía principal diferente para cada sección. A medida que la cámara se acerca al edificio, el texto pasa de describir la entrada a un lugar a observar sus materiales.

Ventanas cálidas frente a un paisaje frío
Las pantallas y linternas iluminadas constituyen las zonas cálidas más intensas de la escena. Dirigen la atención hacia las entradas, los escalones y las superficies de madera, mientras el paisaje circundante permanece más discreto. La luna repite ese color cálido a una escala mucho mayor, vinculando el edificio con el cielo en lugar de introducir otro acento sin relación.
Un encabezado grande y una columna de lectura pequeña
El titular destacado ocupa varias líneas cortas, pero el texto de apoyo permanece en un bloque estrecho situado debajo. Estas dos escalas cumplen funciones diferentes: el titular introduce una atmósfera, mientras que el breve párrafo menciona detalles como el cedro, la piedra y la luz de las linternas que pueden encontrarse en la escena.
Una sensación persistente de secuencia
La barra lateral marca cinco paradas y las etiquetas en primer plano repiten el capítulo actual. Los enlaces superiores con nombres ofrecen un acceso más directo al templo, los jardines y la artesanía. Estas indicaciones permiten que la página conserve una atmósfera visual sin pedir al visitante que deduzca toda la navegación a partir del movimiento de la cámara.
Cómo combinar un templo renderizado con imágenes fijas ampliables
Los capítulos del umbral y la artesanía colocan una imagen fija más pequeña en la parte inferior derecha de la composición. Un signo más centrado y un pie de figura la distinguen de la escena más grande situada detrás. La imagen fija puede abrirse por separado, lo que proporciona otro nivel de detalle visual sin sustituir el contexto espacial del capítulo.
En la vista de la artesanía, la escena en directo se aproxima a la estructura de madera iluminada, mientras que la imagen insertada muestra una composición más serena del interior y el jardín. Las dos imágenes no necesitan simular que corresponden a la misma toma de cámara. Una mantiene al visitante orientado dentro del recorrido; la otra concentra la atención en las superficies, la luz y la atmósfera.

Haz que la imagen pequeña se reconozca como una acción
El signo más se coloca dentro de la imagen, no únicamente en su pie. Esto hace visible la invitación incluso antes de leer el texto pequeño. El pie de figura numerado aporta un tono editorial, pero su tamaño implica que la imagen y el símbolo deben comunicar la mayor parte de la posibilidad de interacción.
Proporciona al detalle su propio espacio de lectura
Abrir la imagen fija la separa de la intensa combinación de arquitectura, titular y lluvia. Un control específico para cerrarla permite regresar al paseo. En una adaptación, las comprobaciones importantes son las dimensiones completas de la imagen, el acceso mediante teclado y un retorno fiable, no una animación de apertura más elaborada.
No confundas la atmósfera con la documentación
Las imágenes fijas forman parte de una presentación imaginaria. Una imagen convincente de madera no demuestra un método de construcción real ni la existencia de un edificio real. La descripción del lugar ficticio presente en la fuente proporciona a los elementos visuales el marco adecuado: respaldan un estudio de diseño, no un levantamiento arquitectónico.
Cómo cambia el ritmo desde la llegada hasta el resplandor final
Kage no añade una transacción al final del paseo. El capítulo final ofrece Walk once more, seguido de una sección sobre la filosofía del proyecto que explica que no hay reservas ni un destino que visitar. Esa decisión es importante: la experiencia puede utilizar el lenguaje visual de un sitio web de destinos sin inducir al visitante a esperar una estancia real.
| Capítulo | Foco visible | Qué aporta el texto |
|---|---|---|
| Llegada | Templo, luna y aproximación | Una invitación a entrar en un lugar presentado explícitamente como imaginario. |
| Umbral | Puerta, escalones y luz cálida | La idea de pasar de la ciudad a un entorno más sereno. |
| Jardines | Grava, piedra y musgo | Pequeñas observaciones que recompensan el hecho de reducir el ritmo. |
| Artesanía | Madera y pantallas de papel iluminadas | Detalles materiales en lugar de otra descripción general del paisaje. |
| Resplandor final | Una vista final y una acción para repetir el recorrido | Un final reflexivo que aclara el propósito no comercial de la experiencia. |
Qué incluye la experiencia del templo imaginario
La fuente proporciona un paseo nocturno local renderizado, navegación por capítulos, controles para imágenes fijas y una explicación final. Sus etiquetas de coordenadas, hora y tiempo meteorológico pertenecen a la presentación ficticia; no constituyen un servicio meteorológico en directo ni información verificada sobre un lugar. No se proporciona ningún flujo de reservas ni resultados medidos sobre los visitantes. La galería conserva vistas completas de los capítulos como una secuencia de escenas, no como una captura convencional de página completa.
Cómo crear un diseño web de narrativa para templos en OpenDesign
Asigna un tema diferente a cada capítulo
Describe conjuntamente el recorrido y la secuencia de lectura. La llegada puede mostrar el edificio completo, mientras que los capítulos posteriores examinan el umbral, el jardín y los materiales. Esto da a los cambios de cámara una razón que va más allá de mostrar otro ángulo atractivo.
Prompt sugeridoCrea un diseño web de narrativa para Kage, un templo de montaña de Kioto presentado explícitamente como imaginario. Utiliza un paisaje nocturno azul oscuro, luz cálida de pantallas de papel, escalones de piedra, lluvia contenida y una luna naranja. Crea cinco capítulos de desplazamiento: llegada, umbral, jardines, artesanía y resplandor final. Coloca grandes titulares en color crema a la izquierda, con breves bloques de lectura debajo; mantén disponibles los números de capítulo y la navegación con nombres. Avanza desde una vista distante del templo hacia detalles del jardín y de la construcción de madera iluminada. Añade dos imágenes fijas ampliables con pies de figura y controles claros para cerrarlas. Termina con una acción para repetir el recorrido y una breve explicación de que se trata de una experiencia digital ficticia sin servicio de reservas. Mantén el texto legible sobre todas las escenas y proporciona una alternativa con movimiento reducido. Trata las coordenadas, la hora y el tiempo meteorológico como etiquetas ficticias, no como datos en directo.
Examina la escena y la imagen fija como vistas separadas
Abre cada imagen insertada y comprueba que su composición completa resulte útil a mayor tamaño. Regresa al capítulo y confirma que el encabezado, la imagen insertada y la navegación activa sigan siendo coherentes entre sí. Mantén las vistas de detalle dentro de la historia en lugar de introducir una galería de imágenes ajena a ella.
Conserva la legibilidad en el punto más luminoso
Revisa en particular el capítulo sobre la artesanía: las cálidas pantallas de papel pueden convertirse en un fondo brillante detrás del texto en color crema. Ajusta deliberadamente la zona del texto o el encuadre de la cámara. Después, lee la explicación final sin animación y confirma que la naturaleza ficticia del lugar siga siendo inequívoca.
Exportar y obtener un enlace para compartir
Exporta tu diseño terminado y luego usa Compartir en OpenDesign para obtener un enlace. Abre el enlace en una ventana del navegador independiente y comprueba que la versión prevista y sus recursos estén disponibles antes de enviarlo.



