3F Group

Il cliente – Dal 1979 3F Group progetta, realizza e mantiene impianti per industria, pubblica amministrazione e terziario: sistemi elettrici, antincendio, termoidraulica, aeraulica, energia e facility management, con una produzione interna di canali aeraulici PAL, SPIRO e speciali. Oltre 45 anni di esperienza e otto linee di competenza coperte internamente: un’offerta ampia e tecnica, da raccontare senza trasformare il sito in un catalogo.

UX – Il sito è organizzato attorno a tre porte d’ingresso — Soluzioni, Servizi, Produzione — già presenti nella hero, così che ogni visitatore scelga subito il proprio percorso. Ogni impianto ha una pagina dedicata con normativa, servizi e casi applicativi; seguono le pagine su azienda, facility management, manutenzione, produzione e settori, i contatti con modulo protetto e un’area riservata.

UI – Un linguaggio da disegno tecnico: illustrazioni isometriche a linee, tipografia decisa e il blu 3F come base. Ogni linea di servizio ha il suo colore — giallo per l’elettrico, rosso per l’antincendio, azzurro per il termoidraulico, verde per l’energia, arancio per la produzione, viola per il facility — e lo porta con sé dalla home alle pagine interne, rendendo la navigazione riconoscibile a colpo d’occhio.

La hero – L’apertura è la firma del sito: all’ingresso un divisore si traccia dall’alto, il titolo entra dal basso e le tre card delle aree si compongono una dopo l’altra sopra illustrazioni in line art. Il racconto prosegue con le competenze che scorrono in orizzontale e transizioni animate tra le pagine.

Sviluppo – React e Vite con React Router, animazioni GSAP gestite dentro il ciclo di vita dei componenti, prerendering di tutte le rotte indicizzabili per servire ai motori di ricerca HTML completo, metadati per pagina e sitemap, modulo contatti su endpoint PHP protetto da Cloudflare Turnstile e gestione del consenso cookie.