Context
For this project, Devialet asked us to showcase his brand new speaker in an immersive experience. Indeed the e-commerce page wasn’t very appealing, so they made a marketing campaign, offline and online.
In less than a month, we have experimented several technologies and ideas until the client give us his blessing. The delivery went fine and they were very happy about the website which ended on the homepage of Devialet’s website.
Technical
- We used component to reuse text types, buttons, containers, titles… all of this powered by Brindille
- The apparition of elements on the scroll is handled by anime.js timelines
- The HTML templating is made with Nunjucks and Stylus for the CSS.
The client has chosen to keep simpler CSS effects on the 3 main words: Pure, Dense, Immersive…however, we had proposed a version with advanced WebGl effects, see for yourself:
