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.