For the new Fay 4 Ganci campaign, starring Game of Thrones star Liam Cunningham, we have developed a fullscreen responsive landing page, which has been integrated into the brand’s corporate website.

Working on a pre-existing structure, we developed all the frontend animations, creating a landing page to integrate YouTube embed videos in fullscreen, with a custom player that allows the user to start the video on play, pause and mute the ‘audio.

Purple Network has chosen to develop controlled animations that follow the amount of scrolls made; on desktop in the first screen the animations enter the viewer by binding to the amount of scrolls, the texts in the following blocks instead enter together with the images thanks to a parallax effect. For mobile, the native scroll is followed instead.

Site navigation, characterized by scroll control, allows the user who clicks on one of the four images on the main viewer to land on the corresponding section.

On the right side of the page, lateral pointers have been inserted as a fixed element, which inform the user which page he is on, which changes color based on the image in the background.