Le curve distintive del brand, che richiamano con eleganza le particelle e i polimeri della resina, nel Superwebsite incontrano le linee nette delle sezioni ricche di contenuti testuali e fotografici. Tramite l’utilizzo della palette colori scelta in fase di brand design, ampie aree dalle forme quadrate e rettangolari creano un incastro perfetto tra loro, un’analogia voluta dal team All Creative, che – come nella realtà – trasforma l’elemento liquido e mutevole in un elemento “solido”, dai bordi definiti, inserito con precisione all’interno dei layout di pagina.
Per enfatizzare questo concetto tanti piccoli dettagli sono stati inseriti nel Superwebsite, a cominciare dalla prima sezione visibile in homepage: un’ampia area che tramite un complesso algoritmo simula l’interazione con uno strato liquido, con increspature e distorsioni.
Il menu, così come l’header e i bottoni, è caratterizzato da linee di separazione tra gli elementi. Un omaggio alle tracce di delimitazione utilizzate durante la posa dei pavimenti in resina dove il liquido scorre in spazi ben definiti. Analogamente, tutti i sottotitoli di sezione ricreano questo meccanismo fluido tramite un cambio di colore progressivo, legato allo scroll o allo swipe dell’utente. Una sfida creativa, anche a livello di programmazione, che ha portato alla scrittura di un codice che divide ogni parola in lettere separate, permettendo così di cambiarne il colore singolarmente.
L’uso di video della resina, mascherati grazie all’impiego di codice e file svg creati ad-hoc, fortifica la matericità del Superwebsite Resìn.
Tanta ricerca, creatività e attenzione al dettaglio in fase di web design meritano uno sviluppo all’altezza delle aspettative.
Come tutti i nostri Superwebsites, la fase di web development è stato sviluppata con tecnologie moderne e linguaggi di programmazione efficaci. Lo stile è stato implementato usando HTML5 e CSS3, mentre il preprocessore SASS ha permesso di scrivere codice snello e facilmente personalizzabile tramite MIXIN e variabili per gestire media-query ed elementi complessi.
Per le animazioni, è stata integrata la libreria GSAP, che insieme a JavaScript ha aggiunto dinamicità e interattività al sito, garantendo un’esperienza utente fluida e visivamente accattivante.
Proprio come la resina, il responsive del sito si allinea perfettamente al concetto di web design fluido, che mira a garantire un’esperienza uniforme su qualsiasi dispositivo. Questo approccio prevede l’adattamento automatico dei contenuti in base alla dimensione dello schermo, modificando layout e proporzioni senza compromettere l’usabilità o l’estetica.
Per assicurarci che il sito funzioni correttamente su diverse piattaforme, abbiamo utilizzato simulatori che permettono di testare e ottimizzare la visualizzazione su vari dispositivi mobili e browser, verificando così ogni aspetto dell’interfaccia.
Visita il sito web: resinsrl.it
