Creando una experiencia digital cinematográfica para Ram Film Society

Client
Nuestro cliente eleva la audiencia de películas a través de un acceso VIP íntimo a invitados famosos y ofertas culinarias temáticas en proyecciones en lugares exóticos e inesperados. Entre los eventos más destacados del pasado se encuentran la proyección de series documentales de HBO, como «Wise Guy» y «After The Bite», y una charla y proyección exclusivas con el actor, director y escritor Jesse Eisenberg para su película, *A Real Pain*.
Description
Para Ram Film Society, el desafío consistía en traducir la naturaleza inmersiva y, a menudo, exclusiva de sus proyecciones en una experiencia digital convincente. Necesitaban un sitio web que no solo reflejara la alta calidad cinematográfica de su oferta, sino que también fuera lo suficientemente sólido y escalable para gestionar con facilidad una programación dinámica de eventos y contenidos. Nuestro enfoque fue crear una experiencia de usuario fluida que capturara la sensación de una película mientras se desarrolla. Diseñamos una interfaz limpia e intuitiva que guía a los visitantes a través del calendario, permitiéndoles descubrir e interactuar fácilmente con las próximas proyecciones. Una parte clave del proyecto fue crear un sistema de gestión de contenidos potente y flexible. Esta base permite al equipo de Ram Film Society actualizar la información, gestionar su calendario de eventos y ampliar el sitio en el futuro sin complicaciones técnicas.
Experiencia de usuario fluida en RAM
RAM - Website - Interactive scroll II
RAM - Website - Interactive Hero
RAM - Website - Scrolling after the Hero
No items found.
For the Ram Film Society's website, we prioritized movement with scroll-based interactions to create a cinematic user experience. This dynamic front-end is powered by a scalable foundation, empowering their team to seamlessly manage the event calendar and update content for future growth.
The hero section for each event's landing page was created with interactivity and movement in mind. We combined video background reels with a scroll interaction. Additionally, a key part of the landing page is the calendar call-to-action in the top navigation, which displays upcoming events.
Interactivity on this landing page template extends beyond the hero section. As users scroll down, content appears with engaging and fluid animations. The navigation then transitions to a more compact version, which keeps the website's primary call-to-action—the upcoming events calendar—always visible.

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.

Keep| reading, browsing, paging

Our case studies unite high-performance design and tangible results.