Restyling homepage · bozza per discussione
Prove di restyling della homepage Koller
Home e tutte le pagine interne, con gli stessi colori, testi e immagini del sito attuale. Abbiamo lavorato su struttura, leggibilità e movimento. Ogni pagina ha un pannello prova in basso a sinistra per cambiare al volo animazione d’apertura e animazioni allo scroll.
Stessa struttura, fatta bene
Hero a tutta foto con velo per leggere il testo, barra contatti rapida, card collezioni, form in due colonne.
Più moderna, più ariosa
Hero divisa testo/foto, nastro categorie, pannelli collezioni che si espandono, sezione gamma su marrone.
7 animazioni d’apertura
Sipario rivisto, tenda da sole a righe, tendina a rullo, veneziana, persiane, plissé, lamelle orientabili.
Cosa abbiamo sistemato
Ogni blocco ha la sua colonna; sotto i 900px tutto si impila. I box “Pronto intervento / Contattaci” diventano una barra contatti.
Etichette sempre visibili, campi con bordo e focus giallo, 16px (niente zoom su iPhone), consenso privacy chiaro.
Testi in dissolvenza di 24px, immagini che si scoprono “a tendina” o “a lamelle”. Si rispetta “riduci movimento”.
Sfondo segnaposto + dissolvenza al caricamento, poi reveal quando entrano nello schermo.
Testo #4A423D al posto di #707070; il giallo resta accento (pulsanti, righe, dettagli) e non colore del testo su bianco.
Sette alternative a confronto; tutte durano poco più di 2 secondi e passano il testimone all’hero senza stacchi.
Pagine interne
Tutte le pagine del sito, rifatte con lo stesso stile e i contenuti reali. Navigando tra una pagina e l’altra si vede l’animazione scelta che si chiude e si riapre.