Analogue Production

— 2019

Visit site

An interactive and playful website with a WebGL homepage draggable slider, projects AJAX lazy loading, custom cursors and fun mouse over interactions.

Analogue Production website homepage

What was the best way to show that the Analogue Production team is young and creative? By building a reactive cool slider to browse their highlighted projects, and to spice it up with vertices displacement and chromatic aberration shaders.

Custom cursors and interactions

I've added custom cursors that appears while hovering certain interactive elements of the website, and cool WebGL-powered animations on the team portrait pictures for a unique experience.

The navigation is fully powered by my own AJAX routing library for seamless page transitions animations. All archive pages items are using lazy loading so as to keep the browsing as light and fast as possible.

Great experience on all devices

Mobile version is a little bit lighter: homepage slider videos have been replaced by pictures. But you'll still get the fancy WebGL effects! All in all everything else is pretty similar on desktop and mobile.

More infos

Video agency portfolio

Concept, design & development by myself.

Project involved: WebGL with curtains.js, GLSL, Wordpress with custom AJAX navigation.

Awards & publications

Previous project

Mirage Festival 2019
Mirage Festival 2019
Loading
000