Background: Florian Monfrini is a French painter based in Paris. After two exhibitions in Paris and New York, the artist wanted to announce his next exhibition in Mexico. This site is a preview of what users will discover!
Highlights: We have already made two websites for Florian Monfrini before. This time, the brief was “focusing on details.” This idea is simple: give the impression that the site is zoomed in, using big type inspired by Swiss typography.
Challenges: Currently, it’s very difficult to reach a silky smooth 60fps with a parallax of heavy images with the DOM. So, we decided to render all the images in WebGL to benefit from the full power of the graphics card (GPU). This way is much harder because to have solid performance, you can only use one canvas to render the visible images on the screen and manage the proportions of a different coordinate systems. But the results are there.
Favorite details: Aristide is known for being a talented developer. Painting is a serious subject, and we had to be minimalistic. It’s not really the best project to try things, especially in terms of interactivity. However, we were able to make a Konami code.
Technical features: To keep a very light page, we used the WebGL API natively, which further complicates the rendering of pictures on the page. But, that makes it possible to achieve a very good score in Google audits, which is in our opinion, a great tool to reveal the optimization of a website.