Thrio in action - Webflow Development

This Webflow development project was completed for P+S, an enterprise Webflow agency I previously worked at.

We built a dynamic, self-contained landing page that guides users through a series of USP videos as they scroll. Using scripts to trigger video playback at key sections, we ensured a seamless experience. We opted for WEBM format videos for their small size and ability to remove background colors, enhancing load times and visual impact.

We created sections that remain sticky and the user can scroll through the USPs. As you can see here, this section has 5 USPs, each with a seperate video. A vertical progress bar indicates how far through the section the user has scrolled.

We felt that constantly scrolling through USP sections would be a bit overwhelming for the user and they'd lose interest, so we broke up sections with blocks like the one below.

The videos are WEBM format, which allows you to remove the alpha channel, therefore we can make the backgrounds transparent in video editing software and then bring into Webflow. I created some custom javascript so the video plays from the beginning when the user scrolls to the USP.

At the end of the page, we put a contact section, informing people what they can ask about and giving them a space to book a call with Calendly. This section is linked to throughout the page with anchor links.