Cinematic digital experience for the Ram Film Society

Client

Our client elevates film viewership through intimate VIP access to celebrity guests and themed culinary offerings at screenings in exotic and unexpected locations. Notable past events have included HBO docuseries screenings like "Wise Guy" and "After The Bite," and an exclusive fireside chat and screening with actor, director, and writer Jesse Eisenberg for his film, *A Real Pain*.

Description

The Ram Film Society curates film experiences that most people never hear about — intimate screenings with celebrity guests, themed settings, unexpected locations. Their digital presence needed to match that level of intention. atQuo designed and developed a Webflow site built around motion and atmosphere, with scroll-based interactions that unfold the content the way a film unfolds a scene. Underneath the front-end, a flexible CMS gives their team full control over a growing event calendar without touching code.

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.

The brief

The Ram Film Society doesn't run ordinary screenings. Their events are curated experiences — intimate settings, celebrity guests, themed food, locations that wouldn't occur to you. HBO docuseries, Jesse Eisenberg discussing A Real Pain in person. The kind of thing you either know about or you don't.

The problem was that their digital presence didn't reflect any of that. They needed a website that felt like walking into one of their events: cinematic, fluid, and with enough infrastructure underneath to actually manage a growing calendar of programming.

The design problem

Film as a medium is defined by motion, pacing, and atmosphere. A static layout with a list of events would have been a category error. The design challenge wasn't cosmetic — it was about finding the right interaction model for a brand whose entire value is in the experience of being there.

Scroll-based interactions were the natural answer. Not as decoration, but as the mechanism through which the site reveals itself: content that emerges with purpose, transitions that feel deliberate rather than arbitrary, a hero that reacts as you move through it.

What we built

Every event landing page was built around the same template logic: a video background hero with scroll interaction, content that animates in as the user descends, and a navigation that compresses as you move down — keeping the upcoming events calendar always accessible without it dominating the initial view.

That last decision is structural. The calendar isn't a page you navigate to. It's a persistent element in the compressed nav, which means the primary conversion action — getting people to show up — is never more than one click away regardless of where you are on the page.

The content management system was designed to match. The Ram Film Society team can update events, swap content, and grow the catalog without touching the front-end logic.

The outcome

A site that communicates what the Ram Film Society actually is before a single event is clicked — something rare, considered, and worth showing up for.

Keep| reading, browsing, paging