JUEGO
La ventana indiscreta:
¿Lograrás resolver el caso?
Es una noche fría y oscura, acabas de salir del trabajo y la lluvia azota el cristal de la ventana. Ves una luz procedente del apartamento de enfrente y algo raro entre las sombras…
Inspirada en la serie Solo asesinatos en el edificio, nuestro podcast favorito sobre crímenes reales, y por supuesto, en el clásico de Hitchcock, este juego interactivo te sumerge en una aventura misteriosa con plot twist incluido.
¿Puedes responder al reto, actuar como testigo y ayudar a la policía con una declaración fiable?
Juega gratis ahora
Activa el volumen para una experiencia inmersiva… y para asegurarte de que no te pierdes ninguna prueba clave.
MADE FOR FUN. MADE IN GENIALLY.
Diviértete mientras descubres:
Formas innovadoras de combinar características de Genially y conseguir efectos espectaculares.
Cómo usar técnicas de gamificación como elementos ocultos o niveles bloqueados.
Ideas para construir suspense, storytelling y progresión en tu contenido.
SECRETOS DE DISEÑO EN GENIALLY
Así se hizo
¿Te gustaría crear escenas como las de La ventana indiscreta? Nuestro equipo está aquí para compartir sus tips de diseño y guiarte paso a paso, con ideas que puedes aplicar en tus contenidos de eLearning, educación o marketing.
Las experiencias basadas en juegos interactivos tienen cantidad de beneficios, como involucrar a quienes aprenden, construir lealtad de marca y reforzar una conexión más profunda con la audiencia. Sigue leyendo para inspirarte con ideas sobre gamificación y descubrir recursos sacados del cine.
‘Creamos ‘La ventana indiscreta’ para explorar hasta dónde es posible llegar con Genially, ayudar a nuestro equipo a descubrir potencial en la herramienta y desarrollar nuevas ideas de gamificación, formación y aprendizaje. Construimos experiencias como esta para mostrar nuevas características y casos de uso, pero sobre todo ¡para divertirnos!’.
⎯ Paula




El equipo creativo tras el telón: Los diseñadores instruccionales de Genially Corina Ferrer, Paula Pla, Raquel Zurita y Guillermo Verdejo.

Funciones usadas: Área interactiva, Etiqueta, Ir a página
Objetos en la oficina
Nivel de dificultad: 🌶️ Fácil
Úsalo para: Actividades de orientación, onboarding.
Las imágenes interactivas son útiles para presentar al equipo nuevas incorporaciones, tecnologías, espacios y productos. Las etiquetas permiten explorar cada elemento y ver información adicional.
Cómo se hace:
- Sube una imagen.
- Añade áreas interactivas sobre los objetos.
- Aplica interactividad de tipo Etiqueta a cada área.
- Añade al telescopio la interactividad de tipo Ir a página para llevar a los participantes a la siguiente página.
Funciones usadas: Animación ratón encima, Etiqueta
Post-it
Nivel de dificultad: 🌶️ Fácil
Úsalo para: Destacar elementos, mostrar contenido bloqueado.
Genially ofrece cientos de animaciones que se activan al clic o al pasar el ratón por encima. Además de crear una experiencia más motivadora en ‘3D’, las animaciones te ayudan a guiar a tu público y mostrarles dónde hacer clic. Para hacer que los post-it salten en la pantalla, utiliza la animación Ratón encima con efecto Zoom. Para mostrar los elementos aún bloqueados, utiliza el efecto Tambalearse.
Cómo se hace:
- Selecciona cualquier elemento del lienzo.
- Añade animación.
- Selecciona Ratón encima y elige el efecto que quieras.
Funciones usadas: Elemento arrastrable, Etiqueta
Telescopio
Nivel de dificultad: 🌶️ 🌶️ Medio
Úsalo para: Encontrar pistas, buscar objetos escondidos.
Reta a tu audiencia a encontrar un elemento oculto para ayudarles a poner foco y crear anticipación. Puedes cambiar el telescopio por unos binoculares, una lupa o cualquier otra forma como una cerradura.
Cómo se hace:
- Sube una imagen transparente en formato PNG.
- Asegúrate de que la imagen es la capa que está más al frente. Revisa la posición de las capas con el Modo diseñador.
- Añade etiquetas para mostrar consejos o pistas.
- Convierte el elemento en arrastrable para que puedan moverlo por toda la pantalla.
CONSEJOS DEL EQUIPO
Crea ambiente con una banda sonora
“A veces nos olvidamos de la música al diseñar contenidos, pero el sonido marca una gran diferencia. En Genially puedes añadir música, clips de audio, narración y efectos de sonido. Hemos utilizado la función Insertar audio para añadir sonidos de fondo como lluvia, y música de suspense para que cada página sea como una ‘escena’’ con un ambiente distinto.”
⎯ Raquel

Funciones usadas: Audio, Ventana, Animación de entrada
Vídeollamada
Nivel de dificultadl: ️ 🌶️🌶️ Medio
Úsalo para: Storytelling, guías paso a paso, tutoriales.
Crear secuencias de estilo cinematográfico en Genially es más fácil de lo que crees. Aquí hemos usado una etiqueta en el vídeo-portero para activar la aparición del auricular de teléfono. Recuerda que puedes hacer que un clip de audio empiece a reproducirse al mismo tiempo que cualquier animación.
Cómo se hace:
- Añade una interactividad de tipo Ventana a la imagen que desencadenará la acción.
- En la ventana, añade la imagen que quieres que aparezca.
- Aplica animación de entrada a ambos elementos, la imagen y el audio.

Funciones usadas: Cronómetro, Etiqueta, Pintar sobre el lienzo, Ir a página
Tablón de pistas
Nivel de dificultad: ️ 🌶️🌶️ Medio
Úsalo para: Menús, páginas de inicio, niveles bloqueados, secuencias de actividades.
En una gamificación, los menús permiten a quienes aprenden revisar su progreso y ver cuál es el siguiente nivel. Aquí hemos utilizado el cronómetro para controlar cuándo se activa el siguiente reto. Para hacerlo aún más interactivo, hemos activado la funcionalidad Pintar sobre el lienzo, que la audiencia puede usar para anotar sus sospechas.
Cómo se hace:
- Crea el tablón con imágenes.
- Duplica la página hasta crear una para cada reto.
- Usa la interactividad Ir a página para enlazar cada reto.
- Añade un botón que permita volver a la página principal.
Funciones usadas: Ventana, Temporizador, Animación de entrada
Truco Hitchcock: Intertítulos
Nivel de dificultad: ️ 🌶️🌶️ Medio
Úsalo para: Instrucciones, storytelling, marcar un ritmo.
Los intertítulos (textos en la pantalla que cuentan una parte de la historia) son un truco típico usado en el cine, que se remonta a la época del cine mudo. ¡Le encantaba a Alfred Hitchcock! Es una técnica narrativa que engancha y que puedes aplicar en tus materiales de formación o comunicación. Utilízala para revelar información paso a paso y lograr que tu público ponga foco.
Cómo se hace:
- Añade un widget temporizador fuera del lienzo para que no esté a la vista.
- Aplica la interactividad Ventana al temporizador, para que se abra cuando se acabe el tiempo. Aquí lo hemos ajustado a 00:01.
- Dentro de la ventana, añade cajas de texto con animaciones de entrada a intervalos escalonados.
FUNCIÓN DESTACADA
Tarjetas:
Potencia la memoria activa
Las tarjetas que se giran con un clic son ideales para revelar contenidos breves, crear expectación y ayudar a recordar lo aprendido.
Pruébalas para:
- Preguntas y respuestas
- Causa y efecto
- Juegos de memoria
- Practicar vocabulario
En La ventana indiscreta hemos probado a añadir más elementos interactivos sobre las Tarjetas. Intenta añadir una pregunta, un botón de revelar al clic o scroll hasta el elemento para llevar a tu audiencia a otro punto en la página.
Encuentra las tarjetas en el menú Widgets.

Funciones usadas: Preguntas interactivas, Ir a página, Animación de entrada, Audio
Declaración de testigo
Nivel de dificultad: ️ 🌶️ 🌶️ 🌶️ Avanzado
Úsalo para: Quizzes, repasar lo aprendido, exámenes.
Terminar un aprendizaje con un quiz ayuda a reflexionar sobre lo aprendido. Si tienes ganas de aventura, puedes intentar combinar las preguntas con un poco de narración creativa, como hicimos aquí al simular las firmas en la declaración.
Cómo se hace:
- Añade una interactividad de ir a página en cada sección de la denuncia.
- Crea tus preguntas en una página aparte.
- En la configuración de las preguntas, selecciona la opción Ir a la siguiente página al responder.
- Añade una animación de entrada y un clip de audio para replicar la imagen y el sonido de un bolígrafo al firmar un documento. ¡Mágico!
Funciones usadas: Mostrar, Área interactiva, Ir a página, Etiqueta
Puerta con código
Nivel de dificultad: ️ 🌶️ 🌶️ 🌶️ Avanzado
Úsalo para: Juegos de escape, niveles bloqueados.
Un código secreto es una estrategia divertida de gamificación que motiva a quienes aprenden y les anima a analizar la información. En Genially puedes crear códigos de diferentes formas: utiliza una página con contraseña o construye tu propio código interactivo.
Cómo se hace:
- Sube una imagen de un candado, teclado o código.
- Añade un área interactiva sobre cada número.
- Utiliza la interactividad Mostrar y crea una serie de elementos que se muestren con un clic. Al hacer clic en el primer número correcto, se activa la posibilidad de interactuar con el segundo número correcto.
- Añade una interactividad de Ir a página que lleve al último número del código, para que la persona llegue al siguiente nivel o página.
- Usa etiquetas para añadir consejos a los números equivocados.
¿Parece difícil? Inténtalo, ¡puedes lograrlo!
CONSEJOS DEL EQUIPO
Crea un mundo imaginario con IA
“Todo juego necesita buenos gráficos y efectos de sonido. La IA facilita que cualquiera pueda crear su propio mundo imaginario sin necesidad de conocimientos de diseño o producción de vídeo. Usamos la función de Locución con IA para generar la voz en off al estilo de los años 50, y Firefly para crear las imágenes del edificio de apartamentos y la comisaría.”
⎯ Corina.
→ Más sobre funciones con IA.

Funciones usadas: Insertar iframe, Lienzo móvil, Scroll hasta elemento, Tarjeta
Ascensor
Nivel de dificultad: ️ 🌶️ 🌶️ 🌶️ Avanzado
Úsalo para: Crear contenido con scroll en un marco estático.
¿Lo sabías? Genially te permite embeber una creación dentro de otra. Hemos creado un genially aparte para el ascensor, en un lienzo con dimensiones adaptadas a móviles (9:16). Aprende más sobre cómo diseñar contenido optimizado para móviles.
Cómo se hace:
- Crea el contenido que quieres insertar, en formato adaptado a móviles.
- Extiende la longitud del lienzo para aumentar el área navegable con scroll.
- Publica y copia el código iframe.
- En el contenido original, ve a Insertar, selecciona Contenido externo y pega el código iframe.
* Truco top: utilizamos una tarjeta dentro del lienzo móvil para hacer posible la navegación con scroll en la dirección contraria. Hemos puesto un botón en la parte de arriba de la tarjeta, y después hemos usado una interactividad Scroll hasta elemento para saltar hasta las puertas del ascensor.
FUNCIÓN DESTACADA
Carrusel de imágenes para el aprendizaje visual
¿Quieres presentar imágenes de forma atractiva? ¡Los carruseles y las galerías van más allá de eso! En La ventana indiscreta, hemos usado las galerías interactivas para simular capturas de CCTV con pistas ocultas.
Utiliza las galerías de imágenes para animar a quienes aprenden a identificar las respuestas correctas, evaluar opciones o profundizar en detalles específicos.
Echa un vistazo a la selección de carruseles en el menú de Widgets.
¿Te has inspirado? ¡Juega otra vez!
Mira otras experiencias de juego inmersivo: Amazonas y Dos mundos, juega gratis en Genially Academy.