QUÉ FOMO!Sitio de un podcast de tres hosts, con episodios, fichas propias y un juego para el público en vivo

Diseño y desarrollo del sitio en Azirgo SAS para la productora La Jungla: sistema visual a partir del manual de marca, estructura de contenido, SEO técnico, medición y despliegue.

QUÉ FOMO! es un podcast de conversación sin filtros entre tres amigas, y su contenido vive en YouTube e Instagram. Pero un buscador no puede leer un video, un perfil de Instagram no explica quién es cada host, y los invitados, las marcas y la prensa no tenían una puerta clara por donde escribir. Hacía falta una casa propia para el programa que se sintiera tan ruidosa como el show y que, a la vez, hiciera que cada episodio valiera por sí mismo en buscadores.

• Home con el concepto del programa, las tres hosts, la estructura en tres bloques (Qué pasó!, Tema de la semana y La dinámica), lo que pasa fuera del set, preguntas frecuentes y una llamada final a seguir el programa.
• Sección de hosts con una ficha propia para Emilia, Gaby y Lili: su papel en la mesa - la que provoca, la que reacciona y la que explota -, su historia, sus rasgos, sus redes y los temas que domina.
• Archivo de episodios con el más reciente destacado arriba y, por capítulo, una página con resumen largo, temas, invitados, marcas que acompañaron la grabación y el minuto a minuto por bloques.
• Reproductor que no carga YouTube hasta que se le da play, y capítulos que saltan al segundo exacto del video sin salir de la página.
• Contacto sin backend: el formulario arma el mensaje con nombre, email, motivo (invitado, auspicio, colaboración o prensa) y la URL de origen, y abre WhatsApp con todo escrito. Un botón flotante de WhatsApp acompaña todas las páginas.
• La ruleta: un juego para el público durante la grabación, con un código de 4 dígitos dentro de un QR que se proyecta en pantalla y una rueda que cada persona gira desde su teléfono, sin servidor ni base de datos.
• Imágenes sociales de 1200x630 para las secciones, cada host y cada episodio, y todos los favicons, generados por script a partir del logotipo y las fotos.

Es un sitio estático en Astro 7. Todo el contenido sale de dos módulos de datos en TypeScript - uno con los textos, las hosts, los bloques y la FAQ, y otro con los episodios - y se sirve desde un contenedor Docker con un servidor Node mínimo en Railway, detrás de Cloudflare.

Para las grabaciones con público se construyó un juego que corre entero en el navegador y no guarda nada de nadie en ningún servidor.

• Los episodios viven en un arreglo tipado y no en un CMS: publicar uno es añadir un bloque al principio, y /episodios y la página del capítulo se generan solas. El primero del arreglo es el destacado, así que no hay nada más que tocar.
• El reproductor no monta el iframe de YouTube hasta el play, y usa youtube-nocookie. Cargarlo de entrada traía medio megabyte de scripts de terceros y sus cookies a una página que la mayoría abre para leer el resumen; así pesa lo que pesa la miniatura.
• La transcripción no se publica nunca: sirve para escribir el resumen y los capítulos, y ahí se queda. Tampoco se inventan citas ni se afinan marcas de tiempo que la fuente no da, y la fecha y la duración se copian de la propia página del video, nunca se estiman.
• La ruleta no tiene backend a propósito: el código viaja dentro del QR y la validación la hace la host, comparando los 4 dígitos del teléfono con los de la pantalla. Todos los gajos pesan lo mismo porque cualquier peso quedaría escrito en el código público del sitio.
• La analítica - GA4 y Clarity - no se dispara fuera del dominio real: en localhost o en una IP de la red local se corta, para que las pruebas no se cuelen como visitas y ensucien las métricas.

• Llevar a la web una marca muy ruidosa - rosa y lima, fondos animados, fotos recortadas que sangran fuera del marco - sin castigar el rendimiento: los fondos son shaders GLSL sin librerías, todo el movimiento respeta prefers-reduced-motion y la página se ve completa sin JavaScript.
• Diseñar un juego en vivo que no sirva de nada manipular aunque no haya servidor: la seguridad está en el paso humano, el sorteo usa crypto.getRandomValues sin sesgo y cada código caduca a las dos horas, para que un QR viejo visto en Instagram no dé premios.
• Que el sitio se sintiera completo desde el lanzamiento, con apenas los primeros episodios publicados: el peso lo llevan las hosts, el formato y las preguntas frecuentes, y la sección de episodios crece sola con cada capítulo.

El sitio está en producción con la home, las tres fichas de host, el archivo de episodios y el contacto por WhatsApp. Cada capítulo nuevo entra como un bloque de datos y aparece con su página, su imagen social, sus datos estructurados y su entrada en el sitemap. La ruleta quedó lista para las grabaciones en sus rutas directas, fuera del índice, mientras su sección en la home sigue desactivada.