11 sites avec effet de paralaxe vertical

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.

Paralaxe Vertical

Chemical Romance

Paralaxe Vertical

The Chrisbox

Les superbes photos utilisées donnent toute la force au site. À voir !

Paralaxe Vertical

Unfold

Paralaxe Vertical

Yebocreative

Paralaxe Vertical

David Beckham

Paralaxe Vertical

Resolutionim

Paralaxe Vertical

Manufacturedessai

Paralaxe Vertical

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…

Paralaxe Vertical

L’agentehadichosi

Paralaxe Vertical

Wesc Footwear

Un effet intéressant sur le site de Wesc qui mélange plusieurs types de paralaxe.

Paralaxe Vertical

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

Paralaxe Vertical

Re-créer l’effet Nike Better World

Paralaxe Vertical

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.

10 commentaires

Laisser un commentaire :

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

*