The brand’s distinctive curves, elegantly recalling the particles and polymers of resin, in the Superwebsite meet the sharp lines of the sections rich in textual and photographic content. Through the use of the colour palette chosen during the brand design phase, large areas with square and rectangular shapes create a perfect fit with one another, an analogy desired by the All Creative team, which – as in reality – transforms the liquid and changeable element into a ‘solid’ element with defined edges, placed exactly within the page layouts.
To emphasise this concept, many small details have been included in the Superwebsite, starting with the first visible section on the homepage: a large area that through a complex algorithm simulates the interaction with a liquid layer, with ripples and distortions.

The menu, as well as the header and buttons, is characterised by lines that separate elements. A tribute to the demarcation lines used during the laying of resin floors where the liquid flows in well-defined spaces. Likewise, all the section subtitles recreate this fluid mechanism through a progressive colour change, linked to the user’s scroll or swipe. A creative challenge, also at the programming level, which led to the writing of a code that splits each word into separate letters, thus allowing its colour to be changed individually.
THE USE OF RESIN VIDEOS, HIDDEN THROUGH THE USE OF CODE AND SVG FILES CREATED AD-HOC, REINFORCES THE MATERIALITY OF THE SUPERWEBSITE RESÌN.
SO MUCH RESEARCH, CREATIVITY AND ATTENTION TO DETAIL IN WEB DESIGN DESERVES A DEVELOPMENT THAT LIVES UP TO EXPECTATIONS.
Like all our Superwebsites, the web development phase was carried out using modern technologies and efficient programming languages. Styling was implemented using HTML5 and CSS3, while the SASS preprocessor made it possible to write lean and easily customisable code using MIXIN and variables to handle media queries and complex elements.
For animations, the GSAP library was integrated, which together with JavaScript added dynamism and interactivity to the site, ensuring a fluid and visually appealing user experience.
Just like resin, the responsive nature of the website aligns perfectly with the concept of fluid web design, which aims to ensure a consistent experience on any device. This approach involves automatically adapting content according to screen size, changing layout and proportions without compromising usability or aesthetics.
To ensure that the site works properly on different platforms, we have used simulators that allow us to test and optimise the display on various mobile devices and browsers, thus verifying every aspect of the interface.
Visit the website: resinsrl.it