HM - Awwwards
The contents created for this spin-off allowed us to design an experience rich in interaction and suggestion for the users: we decided to apply the Blur to the cover to give the context inside the UX technology that is the base to the Arena product.
The product, which stands visible in the pictures and videos, was redesigned with a 3D object directly managed online: the user can interact with the item and dive into the technical details. The one-page, mobile-first produced, keeps the bound with the water through micro-animations and shaders recalling the fog effect.
The cover picture inside the project have been augmented working inside a Pixi.js WebGL Canvas; the depth effect and the resulting displacement amused our client and added a dynamic twist to the landing. Swipe the fog away!