La mode est au parallax, 10 sites à voir absolument

25 Mar 2013 Posté par Commentaires 0 Dans Illustration, webdesign

Voici 10 sites utilisant le système parallax.

Pour ceux qui ne savent pas ce qu’est le parallax, il s’agit d’un terme générique correspondant au déplacement de plusieurs éléments sur des couches et à des vitesses différentes. Au scroll (défilement de la vue) ou en fonction des coordonnées de la souris, les positions des différents fonds (ou éléments à animer) vont changer, ce qui va générer un effet de profondeur. Ce principe concerne au minimum deux éléments et peut être appliqué à plusieurs endroits : sur les images de fond, sur un en-tête ou un pied de page, sur des images…

Pour cela on utilise en général jQuery ainsi que le plug-in jQuery-Parallax.

Due minuti per Emergency

Découvrez la présentation pour Emergency qui utilise le système du scroll pour animer son site en one page. Les illustrations et les transitions des différentes scènes sont remarquables. Les illustrations sont superbes.
Un très beau travail à voir sur www.dueminutiperemergency.it

energy

Intacto 10 years

La période de janvier nous permet de découvrir une multitude de projets originaux afin de présenter ses vœux. Découvrez le travail de l’agence Intacto qui fait preuve d’originalité et donne un côté ludique et surprenant à leur création, le tout en html5 et Css3 et parallax bien sûr. Un travail de webdesign et d’illustration incroyable.
La site est à voir sur www.intacto10years.com

intacto

 

OK Studios

Le très beau site de l’agence allemande OK Studios utilisant le parallax comme transition de page en scrollant vers le bas de page.
La site est à voir sur http://www.ok-studios.de

ok-studios

Every Last Drop

Every Last Drop est un site interactif avec un effet parallax scroll down de votre fenêtre et qui vous montre combien d’eau est gaspillé dans une journée ordinaire et comment un petit geste peut faire la différence.
Un très belle présentation à voir sur http://everylastdrop.co.uk/

Every Last Drop parallax website illustration
Every Last Drop parallax website illustration
Every Last Drop parallax website illustration

Au delà du cloud SFR

Pour présenter son nouveau service au x entreprises, le Cloud, SFR à jouer la carte du parallax avec des écrans qui se superpose, un résultat original pour une présentation, dommage qu’il n’y ait pas eu de réflexion responsive design pour ce projet.
A voir sur http://www.audeladucloud.fr/

SFR au dlà du cloud

Heart 2 Heart

Une belle présentation en parallax avec un défilement horizontal à l’aide du bottom menu au lieu du scroll, original mais peu lisible, mais la présentation reste très intéressante.
A voir sur http://www.head2heart.us/

Capture d’e?cran 2013-03-25 a? 13.06.46

Iutopi

Encore une belle présentation utilisant le parallax scroll down. Belles illustrations et jolie rendu.
A voir sur http://www.iutopi.com/

Capture d’e?cran 2013-03-25 a? 13.11.02

Capture d’e?cran 2013-03-25 a? 13.10.22

SKODA OCTAVIA

Un site en parallax pour présenter la skoda octovia.
A voir sur http://www.nouvelleoctavia.fr/

skoda octavia

Jackson Ville Art Walk

Un autre site en parallax pour un événement.
A voir sur http://jacksonvilleartwalk.com/

Capture d’e?cran 2013-03-25 a? 13.17.39

Egopop

Le parallax peut également être activer par le mouvement de la souris comme sur le site http://www.egopop.net/

egopop

Laisser un commentaire!

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

seventeen + 5 =