Caso studio

AGquadro

Nuovo sito per AGquadro, engineering del trattamento acque: esperienza utente riprogettata da zero, interfaccia contemporanea, animazioni GSAP e contenuti in italiano, inglese e spagnolo.

Cliente
AGquadro S.r.l.
Servizi
UX/UI, Sviluppo sito web, Multilingua IT · EN · ES, Animazioni GSAP
Anno
2026
Il titolo del sito AGquadro, «Engineering specializzata nel trattamento acque», a tutto campo

Il progetto

Il cliente – AGquadro è una società di ingegneria nata nel 2013 che lavora sull’elemento più prezioso che abbiamo: l’acqua. Depura le acque reflue civili e industriali accompagnando ogni impianto dallo studio di fattibilità alla progettazione, dalla costruzione chiavi in mano alla gestione quotidiana, con tecnologie come MBR, MBBR ed essiccamento solare dei fanghi. Oltre cento progetti realizzati: un lavoro che quasi nessuno vede, ma che ogni giorno restituisce all’ambiente acqua pulita.

Il punto di partenza – Il vecchio sito non rendeva giustizia a questa competenza. Una testata affollata in cui logo, recapiti, ricerca e menu si contendevano lo spazio; un titolo che si perdeva sull’immagine di apertura; lunghi muri di testo in elenchi puntati; servizi e prodotti ridotti a due colonne di pulsanti tutti uguali; contatori fermi a zero. Chi arrivava — un’impresa, un ente pubblico, un gestore del servizio idrico — faticava a capire da dove cominciare e a trovare ciò che cercava.

UX – Siamo ripartiti dalle domande di chi visita: cosa fate, per chi, con quali tecnologie, cosa avete già realizzato. Ne è nata una navigazione con voci chiare — Soluzioni, Prodotti, Settori, Referenze, Blog, Azienda — e un’unica azione sempre in vista: «Richiedi consulenza». Le cinque soluzioni si esplorano in una fisarmonica di immagini e hanno ciascuna la propria pagina; i prodotti hanno schede con applicazioni e plus tecnici e la richiesta della scheda tecnica a un clic; le referenze si filtrano per tipo di intervento e per settore; ogni comparto industriale racconta le sue sfide tipiche e le soluzioni che AGquadro mette in campo.

UI – Il blu notte dell’acqua profonda, il verde acqua come colore dell’azione e un tocco d’ambra per i dettagli. Tipografia netta, le fotografie degli impianti reali al posto delle immagini di repertorio, card ordinate e molto respiro: un’estetica da ingegneria, precisa ma calda, in cui ogni elemento ha un motivo per esserci.

Multilingua – Il sito parla italiano, inglese e spagnolo. La lingua si cambia con un tocco dalla barra di navigazione, senza ricaricare la pagina, e ogni contenuto è tradotto, dai titoli alle schede tecniche: un requisito per un’azienda che lavora con partner e clienti oltre i confini nazionali.

Animazioni – Il movimento accompagna senza distrarre. Il titolo d’apertura entra parola per parola e si accende in un gradiente dal verde acqua all’ambra, come l’acqua che prende luce; numeri e card compaiono allo scorrere della pagina, la fisarmonica delle soluzioni si apre con una transizione morbida e le referenze si ricompongono a ogni filtro.

Sviluppo – React e Vite con React Router, Tailwind CSS, animazioni GSAP con ScrollTrigger, traduzioni gestite con i18next, metadati per ogni pagina e un modulo contatti protetto da Cloudflare Turnstile. Il risultato è un sito veloce e curato su ogni dispositivo, che finalmente racconta AGquadro per ciò che è: engineering specializzata nel trattamento delle acque.

Il progetto in numeri

3

Lingue

Italiano, inglese, spagnolo

5

Soluzioni

Ognuna con la sua pagina

14

Referenze

Filtrabili per tipo e settore

6

Settori

Con sfide e soluzioni dedicate

Prima e dopo: la sezione servizi del vecchio sito AGquadro e le nuove soluzioni
Hero del sito AGquadro su smartphone
Sezione «Perché scegliere AGquadro» nella versione mobile
Il sito AGquadro in italiano, inglese e spagnolo
Le tecnologie AGquadro in home: MBR, MBBR, EBF Reactor e altre
Pagina dei settori serviti con sfide tipiche e soluzioni
Pagina Azienda del sito AGquadro con i numeri e i valori