LattexPlus is a cutting-edge event organization in Florence and Tuscany that has been recognized as a reference point in the Italian music scene and club culture. For the second year in a row, we had the pleasure of designing the website for its second annual LattexPlus Festival, a two-day electronic music event with famous and international artists.

The two days event spans between day and night and we designed the website having this concept in mind.
The experience can be lived in two modes depending on the time of the day you visit the website and the user can also switch between them by clicking on the moon/sun icon in the footer. 

Consistency was key during the creative process. In order to preserve the night and day idea, every visual element—from the user interface to the photos and 3D models—change its look based on the version of the site that user is navigating.

Our aim was to design a clean and smooth website where users could easily discover the festival lineup and other useful info, while enjoying a simple but attractive experience.

The real challenge was indeed finding the right balance between the post-processing effects and the right shape and material of the 3D model in order to develop a website that could run smoothly on all browsers and devices.

We used Vue.js, WebGL (Three.js), custom shaders and in addition, we used reactive post-processing effects for the model distortion transition in the homepage, and for the noise and brightness changes. The website also has both dynamic and baked lights to guarantee good quality lights on the page. From the development side, we learned how to use run-time generated and pre-filtered roughness mipmaps to ensure good lighting on the 3D model.