Idea / Design
We put the concept of before/after at the heart of the design and chose a split screen to represent this.
Using diagonal transitions, users were able to travel through time and browse between projects, looking at the original and remastered version.
In web development, diagonals are not necessarily your friends. Most transitions use these diagonals which cover or reveal interface elements.
We had to manage these effects in other ways according to their rendering: css, svg, canvas, everything.
In the end, we managed to have smooth, polished and clean transitions whether it was small text or full screen visuals.