Restyling sito · Header della homepage
Il percorso parte dall'header attuale, il render isometrico bianco con l'impianto evidenziato in blu, e lo porta verso un linguaggio più tecnico, coerente con il lavoro di progettazione che Genesi svolge su ogni impianto.
Il primo blocco apre l'anteprima della homepage;
Le proposte successive sono alternative di header, sono animate e si aprono a schermo intero in una nuova scheda.
Le quattro proposte usano due nuove illustrazioni dello stesso impianto, e sono d considerarsi alternative da sfruttare per defnire lo "stile" che si vuole impostare.
Immagini e testi sono provvisori e sono solo a scopo illustrativo.
Il prototipo navigabile mostra la struttura della nuova homepage costruita sul wireframe: hero con video, accessi diretti ad ambienti confinati e sistemi anticaduta, settori, servizi, Genesi Academy e footer. Le animazioni allo scroll accompagnano il passaggio tra le sezioni.
Le quattro direzioni per l'header
Parte da un'illustrazione dal sapore più digitale e racconta il primo passo del lavoro Genesi: l'analisi dell'impianto. Una scansione individua le aree a rischio (copertura, accessi verticali, spazi confinati) e le trasforma in aree protette con la soluzione dedicata. I contatori rendono il messaggio concreto e il tema scuro collega l'header alla protezione integrata e al monitoraggio.
Parte dal disegno tecnico a mano, scelto per valorizzare la componente progettuale. Una breve sequenza di avvio comunica metodo e rigore, poi il cursore diventa una lente: dove passa compaiono i dispositivi Genesi e la norma di riferimento di ciascuno. Il visitatore esplora l'impianto in prima persona e collega ogni rischio alla sua soluzione.
Unisce le due illustrazioni in una sequenza cinematografica. La camera passa dall'impianto completo al singolo dispositivo (linea vita, treppiede di recupero) e alterna la vista digitale al disegno dello stesso dettaglio. Racconta come ogni prodotto nasce da un progetto e trova il suo posto nell'impianto, con testi che cambiano a ogni scena.
Sintetizza il metodo Genesi in tre atti: un plotter disegna l'impianto, i dispositivi si accendono in arancio, una scansione trasforma il disegno in un'illustrazione dal sapore più digitale. Il titolo segue lo stesso ritmo, una parola per fase. Il passaggio dal disegno al digitale diventa anche la base delle transizioni di tutto il sito.