Avez vous déjà vu un site utilisant l’effet parallaxe (aussi appelé urling) ? Cette technique permet de donner une illusion de mouvement lorsque l’internaute scrolle. On voit ainsi les éléments de la page s’animer et donner une illusion de profondeur. De ces sites se dégagent une réelle originalité et une expérience de navigation marquante pour l’internaute. Je vous propose de découvrir 10 exemples dans la suite de cet article…
L’effet de profondeur peut être activer soit en scrollant soit en bougeant la souris en fonction des sites, allez voir ces 10 exemples pour mieux vous rendre compte. Mes préférences allant aux sites de Mario Kart, Nike et Activate Drinks exploitant le réel potentiel de l’effet scroll. Et pour comprendre la technique de réalisation, je vous conseille la lecture de l’excellent Tutoriel d’Alsacréation : Zoom sur l’effet parallaxe.
Site parallaxe Milwaukee Police News
Le site : www.milwaukeepolicenews.com
Site parallaxe Mario Kart Wii
Le site : www.nintendo.com.au/gamesites/mariokartwii/
Site parallaxe Nike JumpMan
Le site : www.nike.com/jumpman23/aj2012/
Activate drinks
Le site : activatedrinks.com
JanPloch Webdesigner
Le site : www.janploch.de
Resolutionnim : agence digitale
Le site : www.resolutionim.com/speed
Digital Hands : Online brand communication
Le site : www.digitalhands.net
Iutopi
Le site : www.iutopi.com
Egopop
Le site : www.egopop.net
Ok Studio
Le site : www.ok-studios.de/home/
Si vous aussi, vous souhaitez créer un effet Parallaxe, sachez qu’il existe un plugin WordPress permettant d’avoir recours à cette technique sur le slider de votre blog (Plus d’info ici : Utiliser l’effet Parallaxe avec WordPress).
Généralement cet effet est réservé aux sites évènementiels avec peu de contenu. Il permet de mettre en avant un évènement ou un produit de façon originale. A noter que l’utilisation de cette technique compliquera un peu le référencement du site en question mais rien n’est impossible 
Et vous, avez vous des exemples de sites utilisant cette technique ? Qu’en pensez vous ?
|
|
 |
|
Articles similaires
![[Interview vidéo] Gagner sa vie en voyageant grâce à ses blogs et au webmarketing](http://www.webmarketing-com.com/wp-content/uploads/2013/05/Kevin_Boxe3-85x69.jpg)
L'auteur
14 Commentaires
Laisser un commentaire
![[Jeu-concours] Gagnez 3 exemplaires de l’e-book « Communication de crise à l’heure des médias sociaux »](http://www.webmarketing-com.com/wp-content/themes/LondonLive/thumb.php?src=/wp-content/uploads/2012/10/communication-crise-reseaux-sociaux.jpg&w=53&h=41&zc=1&q=100)
Faites décoller votre entreprise grâce au cloud #Wimi
Voici un outil fort intéressant qu'il me serait utile de mettre en pla
Pourquoi les paléontologues du web ont tort
Bravo pour cet article ! J'ai adoré le titre de votre dernier paragrap
Quels sont les sites e-commerce les plus populaires en Chine ?
Je ne suis pas étonné de ces chiffres, les chinois dominent tous de to
Update Google, Désintérêt pour Facebook auprès des jeunes... [Lu sur la blogosphère]
Mince, tu t'en es sorti ?
Outils webmarketing
 |
 |
 |
 |
Perla
Bonjour,
J’aime beaucoup cette pratique. Pour le moment elle ne s’est pas encore généralisée donc ça fait toujours de l’effet !
Le secteur de l’automobile n’est pas en reste, avec http://www2.nissan.co.jp/SP/NOTE/SPECIAL/indexff1.html et http://graphicnovel-hybrid4.peugeot.com/start.html
Perla
Sylvain Lembert
Merci pour ces exemples
Est ce que tu penses, qu’une fois généralisé, l’effet diminuera ?
Agence KN
Nous venons de signer un site utilisant cet effet pour l’un de nos clients:
http://www.textures-saveurs.com/
Effet garanti!
Sylvain Lembert
Il est déjà en ligne ? On peut le voir
?
faustine
Bonjour Sylvain,
Merci pour ce petit article, j’ai découvert ou redécouvert avec plaisir ces différents sites utilisant l’effet parallaxe. Ils me font beaucoup penser au site http://prezi.com/ que j’utilise de temps en temps pour faire des présentations dynamiques. Je ne suis pas sûre qu’il s’agisse d’un effet parallaxe mais en tout cas cela y ressemble beaucoup ^^
Sylvain Lembert
Je ne connais pas, je vais aller tester
antoine
http://www.melancholiathemovie.com/
Autre exemple intéressant.
Sylvain Lembert
Ils ont bien su retranscrire l’univers du film, c’est bien foutu.
coffre-fort
C’est très joli, mais réservé à des sites orientés communication marketing, design, mode etc…
Le côté fun des animations, limite jeu vidéo, pourrait avoir un effet négatif pour les visiteurs de sites vitrines pros tels que des coffres-forts par exemple.
David du blog qui fidélise
Très belle sélection, félicitation, mention particulière au site de la police du Meelwaukee !
Jeans Lee Cooper
Il y a également Sokult qui utilise ce style d’effet lorsque l’on clique sur « trouvez votre style »
http://www.sokult.com
C’est effectivement super classe
Alexandre
Un peu plus vieux mais tout mignon : http://www.head2heart.us
++
Astrid
Un site d’application mobile qui utilise cet effet pour expliquer le concept de l’app
http://www.mdot.it/
goodies75
http://www.du9.org/entretien/hugues-micol/
un article web sur un auteur génial qui utilise la technique magistralement