Parallax, principe et exemples

Origines du parallax

L’origine du mot parallax vient de l’effet parallaxe c’est à dire le fait que le changement de position d’un observateur par rapport à un objet change aussi son angle de vision et donc la vision de cet objet.

Il s’agit de l’angle formé par les axes visuels d’une personne qui fixe un point quelconque d’un objet.Ce mot apparait au 16ème siècle et désigne déjà à l’époque un déplacement contigu.

Ce mot s’emploit aussi pour désigner un effet graphique, aujourd’hui utilisé pour le design des sites web.

Qu’est ce que le parallax?

Le parallax scrolling est utilisé dans le domaine du développement web et design. Il s’agit d’une méthode de conception pour un site web qui a tendance à se développer de plus en plus pour la création de sites web.

Il permet de créer, pour le visiteur, un sentiment de profondeur et de continuité lors du visionnage d’une page du site web. Ce procédé est permit grâce au déplacement des différentes couches d’images créées sur le site à une vitesse plus ou moins rapide.

Il s’agit d’une manière de présenter un site web sans catégories, sans avoir un grand nombre de pages. L’intérêt est de pouvoir scroller à l’infini sans avoir à changer de page. En général, ce principe est largement utilisé dans les jeux vidéos afin de permettre aux joueurs d’avoir l’impression d’avancer dans un jeu sans fin.

Pour adopter un parallax sur votre site web, il faut oublier la navigation classique, sur un parallax tout bouge, tout se module afin de créer une véritable expérience pour le visiteur.

Un parallax va vous permettre de:

  • Présenter votre produit en 3D
  • Proposer un story telling
  • Faire voyager votre visiteur dans votre univers afin qu’il y adhère
  • Attiser la curiosité et l’intéret de vos visiteurs
  • Inviter vos visiteur à l’action

Avantages

  • Valorise la créativité
  • Procédé ergonomique qui permet une navigation fluide et facile
  • Procédé interactif, expérientiel, responsive
  • Plus de rubriques
  • Proposer une autre perspective au visiteur
  • Meilleur perception de la marque et de son image
  • Différenciation des autres sites web
  • Image moderne et innovante
  • Compatible avec les smartphones

Limites

  • Doit être bien réalisé car sinon c’est une catastrophe
  • Compliqué et long à mettre en oeuvre par rapport à un site classique
  • Peut être long pour le chargement

Quelques exemples de parallax créatifs

ALUFORM

UNFOLD

HTC

TELETON

Si cet article vous a plu, nous vous invitons à découvrir notre agence developpement web et à télécharger notre livre blanc « Les 11 commandements d’un site internet qui convertit vos visiteurs en clients »

Gabriel Dabi-Schwebel

Ingénieur de formation j’ai commencé ma carrière dans le conseil en télécom et en média. J’ai aussi monté de multiples projets entrepreneuriaux, marque de bijoux, bar à jus de fruits, éditeurs de logiciel avant de créer 1min30 en 2012, la première agence en Inbound Marketing en France. Avec 1min30, nous avons piloté les stratégies digitales de centaines d’entreprises mais aussi développé un blog qui a plus de 300K lecteurs par mois, une communauté de plus de 100K abonnés sur l’ensemble des nos réseaux sociaux et une maison d’édition dans laquelle nous publions nos livres et ceux de nos clients. Depuis 2017, je suis ainsi l’auteur et coauteur de 8 livres sur le marketing et la vente, dont 5 de méthodes basées sur l’intelligence collective : Acquisition Strategy Design, Customer eXperience ReDesign, Brand Strategy Design, Q2C Selling et 3 méthodes marketing pour les RHs Aujourd’hui, 1min30 fait partie des 3 plus grandes agences HubSpot en France. Nous avons fait des intégrations les plus complexes notre spécialité et proposons à nos clients un accompagnement complet sur la solution alliant conseil, intégration, formation et agence. Contactez moi si vous souhaitez dépasser les objectifs de leur investissement CRM.

Voir les commentaires