Webflow build of an interactive marketing website for Helsfyr Atrium, a commercial property development in Oslo, delivered in collaboration with Saentys with bespoke scroll animations and Lottie motion.
Visit the live project
Relume StyleguideIn collaboration with Saentys, I built an interactive Webflow website for Helsfyr Atrium, a commercial property development in Oslo. The brief was to translate Saentys's After Effects motion designs into a Webflow build that preserves the cinematic feel without sacrificing performance.
The Webflow site uses Lottie animations and precisely choreographed scroll-driven motion to walk visitors through the building's design, location, and amenities. Each transition is tuned to feel native to the browser rather than ported over from a video timeline, giving the experience a polished, premium quality appropriate to the development's positioning.
The Helsfyr Atrium development in Oslo had a strong architectural story and a polished brand identity created by Saentys, but the motion-heavy After Effects animations they had produced could not just be dropped onto a website.
Property developers in Oslo's commercial market are competing for premium tenants who expect a digital experience that matches the quality of the physical space. A slow-loading video background or a choppy animation timeline would undercut the premium positioning entirely.
The core tension was between cinematic ambition and browser performance. After Effects timelines look gorgeous in a meeting room, but translating them to the web usually means compromising on load speed, scroll responsiveness, or visual fidelity. The client did not want to choose which one to sacrifice.
They needed someone who could rebuild the motion design natively in the browser, preserving the feel of the original animations while delivering a site that actually performs.
Beyond the technical challenge, there was a timing pressure. The development was actively leasing, and the website was the primary tool for introducing premium commercial tenants to the building before they ever set foot in Oslo. Every week without a live site was a week of missed leasing conversations. The Saentys team had done the hard brand and motion work; they needed a Webflow build that honoured it without compromise.
A rough brief is enough. Share the goal, the current setup and the part that needs the most attention.
I took the After Effects motion designs from Saentys and rebuilt them in Webflow using Lottie animations, which gave us the visual richness of the motion work at a fraction of the file size.
The animations are choreographed to scroll position so they unfold as visitors move through the page, giving each section its own moment without competing for attention.
I tuned every transition to feel native to the browser rather than ported over from a video timeline, eliminating the slight lag or jitter that often comes with video-to-web conversions.
The typography, spacing, and image treatments all follow the Saentys brand system precisely, with Webflow interactions handling the micro-moments that make the experience feel polished.
I worked through each animation sequence iteratively, adjusting easing curves and trigger points until the motion felt inevitable rather than decorative.
The architecture section was particularly rewarding: Lottie-driven building visualisations that respond to scroll depth, giving prospective tenants a sense of the space without a single video file.
Performance was a non-negotiable from the start. Lottie files are orders of magnitude smaller than video, but I still optimised every asset, lazy-loaded off-screen animations, and tested across devices and connection speeds to make sure the experience held up. The build is responsive end to end, so the cinematic quality translates to mobile and tablet without breaking.
The Helsfyr Atrium site delivers a cinematic browsing experience that loads fast and performs consistently across devices, which was the core brief from day one. Visitors get the full impact of the building's design story without waiting through load screens or suffering through laggy animations. The leasing team now has a digital tool that genuinely matches the quality of the development itself.
The collaboration with Saentys worked exactly as intended: they owned the brand and motion direction, I owned the Webflow execution, and the result is a site where the creative vision survived translation intact. That is not a small thing. Too many ambitious motion designs die somewhere between After Effects and the browser. This one did not.
For Helsfyr Atrium, the site has become a core part of their leasing outreach, giving premium commercial tenants in Oslo a reason to take the building seriously before they ever visit. That first impression, delivered fast and looking sharp, is exactly what a property development at this level needs.
