Experiencia digital cinematográfica para Ram Film Society

Cliente
Nuestro cliente eleva el cine con acceso VIP íntimo a invitados célebres y una oferta culinaria temática, en screenings en lugares exóticos e inesperados. Entre los eventos: screenings de docuseries de HBO como Wise Guy y After The Bite, y una conversación y screening exclusivos con Jesse Eisenberg para A Real Pain.
Descripción
Ram Film Society cura experiencias de cine que la mayoría nunca se entera: screenings íntimos con invitados, ambientaciones temáticas, lugares inesperados. Su presencia digital tenía que estar a esa altura. atQuo diseñó y desarrolló un sitio en Webflow alrededor del movimiento y la atmósfera, con interacciones al scroll que revelan el contenido como una película revela una escena. Debajo, un CMS flexible le da al equipo control total sobre un calendario de eventos que crece, sin tocar código.
En el sitio de Ram Film Society priorizamos el movimiento con interacciones basadas en scroll para crear una experiencia cinematográfica. Ese front-end dinámico se sostiene sobre una base escalable, para que el equipo gestione el calendario de eventos y actualice contenido a medida que crecen.
El hero de cada landing de evento se pensó con interactividad y movimiento. Combinamos reels de video de fondo con una interacción de scroll. Además, una pieza clave de la landing es el llamado a la acción del calendario en la navegación superior, que muestra los próximos eventos.
La interactividad de esta plantilla de landing no se queda en el hero. Al scrollear, el contenido aparece con animaciones fluidas. La navegación pasa entonces a una versión más compacta, que mantiene siempre visible el llamado a la acción principal del sitio: el calendario de próximos eventos.

El encargo

Ram Film Society no organiza proyecciones comunes. Sus eventos son experiencias curadas: entornos íntimos, invitados famosos, gastronomía temática y ubicaciones inesperadas. Docuseries de HBO, Jesse Eisenberg hablando sobre A Real Pain en persona. El tipo de cosas que conoces o no conoces.

El problema era que su presencia digital no reflejaba nada de esto. Necesitaban un sitio web que se sintiera como entrar en uno de sus eventos: cinematográfico, fluido y con la infraestructura necesaria para gestionar realmente un calendario de programación en constante crecimiento.

El desafío de diseño

El cine como medio se define por el movimiento, el ritmo y la atmósfera. Un diseño estático con una lista de eventos habría sido un error conceptual. El reto de diseño no era cosmético, sino encontrar el modelo de interacción adecuado para una marca cuyo valor reside íntegramente en la experiencia de estar allí.

Las interacciones basadas en el desplazamiento fueron la respuesta natural. No como decoración, sino como el mecanismo a través del cual el sitio se revela: contenido que emerge con propósito, transiciones que se sienten deliberadas en lugar de arbitrarias y una sección principal que reacciona a medida que te desplazas.

Lo que construimos

Cada página de aterrizaje de evento se construyó bajo la misma lógica de plantilla: una cabecera con fondo de vídeo e interacción al hacer scroll, contenido que se anima a medida que el usuario desciende y una navegación que se comprime al bajar, manteniendo el calendario de próximos eventos siempre accesible sin dominar la vista inicial.

Esa última decisión es estructural. El calendario no es una página a la que navegas, sino un elemento persistente en la navegación comprimida, lo que significa que la acción de conversión principal —lograr que la gente asista— nunca está a más de un clic de distancia, sin importar dónde te encuentres en la página.

El sistema de gestión de contenidos se diseñó para estar a la altura. El equipo de Ram Film Society puede actualizar eventos, cambiar contenidos y ampliar el catálogo sin necesidad de tocar la lógica del front-end.

El resultado

Un sitio que comunica lo que realmente es Ram Film Society antes incluso de hacer clic en un evento: algo único, pensado y que merece la pena vivir.

Si algo de esto suena a que podemos construir juntos, conversemos.

Qué hacemos