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.

Vous aimerez aussi :

Cette entrée a été publiée dans Webdesign, avec comme mot(s)-clef(s) , , , , . Vous pouvez la mettre en favoris avec ce permalien.

9 commentaires sur 11 sites avec effet de paralaxe vertical

  1. Waym dit :

    Vraiment sympa ce principe ! Merci pour l’article et les liens !

  2. Dylan dit :

    Bonjour,
    Je voud invite à voir un exemple d’autre site en paralaxe horizontale cette fois-ci.
    http://www.terredevenements.com

  3. J’aime beaucoup ce principe, daftcoke je connaissais.

  4. Ju' dit :

    J’ai bien aimé celui là aussi, il est interessant

    http://tedxportland.com/

  5. WDTrends dit :

    Effectivement c’est intéressant :) Merci pour vos soumissions. Je rajouterai encore http://agora.art.br

  6. calixweb dit :

    super sympa comme effet, le site Resolutionim est plutôt cool.

  7. Ping : Tendance du webdesign : sticky navigation | WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels

  8. Ping : La boite à outils de la parallaxe | WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels

  9. Ping : Parallaxe | Pearltrees

Laissez votre impression, réagissez à l'article !

L'adresse de contact ne sera pas publiée.

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>