Colorbleed

Let’s face it: Colorbleed = motion. Therefore we wanted this website to have a continuous motion feel. The content tells the story but the liquidy transitions add to it. Our developers used their canvas draw- and animation skills to combine elastic ease effects with path smoothing, giving it a smooth natural liquid feel.

The website has a lot of video content, which has an impact on performance. Our goal was to show as many video's as possible on a page without it impacting performance too much.

We came up with a 'social feed'-like approach to lazy load the Vimeo embeds. The website detects when a video nears the user's viewport and only then starts to load the next video and starts playing it. As soon as a video gets scrolled out of the viewport, we pause it. Kind-off reminiscent of the Instagram Feed!