11 sites avec effet de paralaxe vertical
Depuis l’arrivée du site Nike Better World, les sites utilisant un effet de parallaxe vertical ont explosé ses derniers mois. Tendance du webdesign ou non, un petit tour d’horizon s’impose.
D’où vient cet engouement ? Simplement, je dirai que le principe est original et donne une bonne profondeur au design. L’effet de parallaxe vertical peut-être considéré comme une évolution d’un one-page webdesign avec scroll vertical simple.
Nike Better World s’impose clairement comme une référence, avec une réalisation impeccable et innovante. Original peut-être plus, le concept a été repris à de nombreuses reprises, plus ou moins bien selon la technique utilisée. À vous de juger !
Coca Cola Daft Coke
Bonne réalisation Coca Cola qui propose un petit historique des bouteilles design. L’effet de paralaxe est géré par une scrollbar simulée avec Jquery.
Chemical Romance
The Chrisbox
Les superbes photos utilisées donnent toute la force au site. À voir !
Unfold
Yebocreative
David Beckham
Resolutionim
Manufacturedessai
Campaign Monitor
Arrivé très tôt après la mise en ligne de Nike BW, le mini-site de Campaign Monitor comporte quelques problèmes de lenteurs et d’affichage…
L’agentehadichosi
Wesc Footwear
Un effet intéressant sur le site de Wesc qui mélange plusieurs types de paralaxe.
Bonus : tutoriels
Comment faire pour obtenir un tel effet ? Des éléments de réponse dans les tutoriels suivants :
Comment créer un effet de paralaxe vertical
Re-créer l’effet Nike Better World
Trop vu, trop copié ? Le concept de l’année ? Et vous quel est votre avis sur ces sites ?
Un article inspiré par Nike Better World et Art-Spire.
Waym
Vraiment sympa ce principe ! Merci pour l’article et les liens !
Dylan
Bonjour,
Je voud invite à voir un exemple d’autre site en paralaxe horizontale cette fois-ci.
http://www.terredevenements.com
Ardouin Marion
J’aime beaucoup ce principe, daftcoke je connaissais.
Ju'
J’ai bien aimé celui là aussi, il est interessant
http://tedxportland.com/
WDTrends
Effectivement c’est intéressant 🙂 Merci pour vos soumissions. Je rajouterai encore http://agora.art.br
calixweb
super sympa comme effet, le site Resolutionim est plutôt cool.
Tendance du webdesign : sticky navigation | WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels
[…] à vos visiteurs. C’est ainsi que naissent des centaines de sites immersifs à grand coup de scrolling et de paralaxe. Cependant en proposant beaucoup de contenu de cette manière, une question se pose. Comment guider […]
La boite à outils de la parallaxe | WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels
[…] piqure de rappel sur la parallaxe avec cet article « 11 sites avec effet de parallaxe » mis en ligne début 2011. L’effet ne date pas d’hier, utilisé sur le web […]
Parallaxe | Pearltrees
[…] 11 sites avec effet de paralaxe vertical Depuis l’arrivée du site Nike Better World , les sites utilisant un effet de parallaxe vertical ont explosé ses derniers mois. Tendance du webdesign ou non, un petit tour d’horizon s’impose. D’où vient cet engouement ? Manufacture d'Essai knippen, kleuren, wassen, stylen Christmas & New Year's Hotel Deals | NH Hotels Wildlife.la – Let's get Wild Glass Class – Uncommon knowledge about an extraordinary material […]
Parallaxe | Pearltrees
[…] web design avec des animations et interactions en parallaxe. 11 sites avec effet de paralaxe vertical. Depuis l’arrivée du site Nike Better World, les sites utilisant un effet de parallaxe vertical […]