5 bellissimi esempi di parallasse orizzontale

Immagine avatar per Andrea Di Rocco

di Andrea Di Rocco Aggiornato il

5 bellissimi esempi di parallasse orizzontale

Se ti piace l’effetto creato dall’utilizzo parallasse orizzontale, non cercare oltre!

I siti web che utilizzano questa tecnologia creano un effetto davvero spettacolare e coinvolgente, e te ne renderai conto dando un’occhiata agli esempi che seguono.

In particolare, ho voluto parlare di effetto parallasse orizzontale, cioè il movimento orizzontale degli elementi che si attiva allo scorrimento della pagina, spesso utilizzato con sovrapposizioni di immagini e testi o in combinazione con altri effetti grafici.

L’effetto finale è quello di un movimento con effetto di profondità che creano l’illusione di un’immagine tridimensionale.

In questa guida abbiamo incluso i migliori esempi di effetti parallasse sul web.

Sono certo che riconoscerai alcuni di questi siti.

Sappi che utilizzando i plugi per creare effetti parallasse che abbiamo recensito qui su SOS WP potrai ricrearli anche tu… con un po’ di pazienza e di impegno!

5 bellissimi esempi di siti che usano parallasse orizzontale

1. The Walking Dead

Parallasse sul sito di The Walking Dead

Questo sito dedicato alla famosissima serie televisiva si fa apprezzare sia dai fan che dagli amanti del web design. Se non hai mai visitato questo fantastico sito, fallo subito.

Dopo aver caricato la pagina, facendo ruotare la rotellina del mouse verso il basso si accede alla storia.

Un dietro le quinte eccezionale, raccontato a fumetti e sfruttando al meglio l’effetto parallasse orizzontale.

Continuando a far ruotare la rotellina del mouse, la storia continua sbloccando vari contenuti video e audio che raccontano la vita del cast della serie fino ad una scena finale molto avvincente.

L’ultima pagina offre una sezione commenti e vari pulsanti per la condivisione sui social.

A mio parere è uno dei migliori siti storytelling in circolazione.

2. Canon: Redefine the Limits

Canon redefine the limits


Il sito del noto marchio di fotocamere e stampanti Canon sfrutta vari effetti parallasse.

Al caricamento della pagina partirà un video, che puoi saltare con il pulsante Skip, così potrai ammirare gli incredibili effetti grafici di questo sito.

Seleziona le voci del menu e scorri nella pagina per effetti di movimento veramente spettacolari.

3. The Boat

The Boat - esempio di parallasse usato per storytelling

Un sito che va visitato assolutamente sia per il bellissimo storytelling che per il design creativo e di altissima qualità è The Boat.

Su questo sito si può personalizzare anche l’esperienza di navigazione attivando l’auto scroll.

Sulla parte destra si possono cliccare dei numeri che rappresentano i capitoli della storia.

Muovendo il mouse sul sito si percepisce un effetto di profondità che rende davvero l’idea di una barca nella tempesta.

Il movimento degli elementi riprende il saliscendi delle onde. Non guardare il sito se soffri di mal di mare!

4. Every Last Drop

Every Last Drop

Every Last Drop è un sito che sfrutta gli effetti parallasse a fondo.

Questo sito ci informa sullo spreco dell’acqua e ci riesce perfettamente con una grafica che ispira curiosità e simpatia.

Anche in questo caso, la tecnica utilizzata è quella dello storytelling, poiché racconta la giornata di una persona e rappresenta tutte le situazioni in cui viene utilizzata l’acqua.

5. Hot Dot

Hot Dot esempio di parallasse orizzontale

Hot Dot è uno studio di consulenza web che usa una parallasse orizzontale per mostrare agli utenti le informazioni di cui hanno bisogno e pubblicizzare il loro lavoro altamente professionale.

Anche in questo caso, l’effetto parallasse è usato in un contesto corporate e contribuisce a rendere il sito senza dubbio moderno ma anche di facile navigazione.

Conclusione

Come hai visto in questo articolo, gli effetti parallasse sono usati in moltissime tipologie di siti differenti.

Se usati in modo appropriato, hanno il grande pregio di dare modernità alle pagine web, rendendo la navigazione intuitiva e anche divertente!

Usi già questo effetto?

O forse non ne sei ancora molto convinto?

Dimmi cosa ne pensi nei commenti!

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *