Parallax scrolling : 4 exemples de sites web dans le tourisme

Parallax scrolling : 4 exemples de sites web dans le tourisme

Pour ce premier article de l’année 2013 sur LeWeboskop, je vais vous présenter une tendance graphique à suivre de près : le parallax scrolling.
Si l’on en croit cet article très complet de Webdesigner Trends présentant les tendances webdesign pour 2013, le parallax scrolling a de beaux jours devant lui.

Le parallax scrolling : une expérience graphique originale pour l’utilisateur

Dans la conception web, l’effet de parallax est une technique qui permet de faire se déplacer des images disposées sous différentes couches.
L’interaction se fait à partir de la souris ou du scroll afin de créer un effet de vitesse/perspective donnant une illusion agréable et intéressante de profondeur et de relief aux interfaces habituellement assez plates.
Utilisé de façon intelligente, le parallax scrolling permet de scénariser l’apparition d’éléments sur la page, lui conférant ainsi une cinématique de type “storytelling” sans pour autant avoir recours à Flash.

Les sites web de tourisme utilisant le parallax scrolling

Official website of  Tourism Malaysia

malaysia

 NH Hoteles

NHHoteles

Savoie Mont Blancsavoie mont blanc

Adventure World

Adventure World

Pertinence du parallax scrolling ?

A noter tout de même que certaines destinations touristiques sont revenues de cette tendance. La Nouvelle-Zelande avait misé sur l’immersion via le parallax scrolling mais a depuis peu fait machine arrière en optant pour un design plus classique…

On peut dès lors se poser la question de l’usabilité ergonomique parfois déroutante du parallax plus particulièrement pour les sites web ayant beaucoup de contenu et de fonctionnalités (ce qui est souvent le cas dans le tourisme).

J’ai tout de même déniché pour vous une vidéo où l’on peut encore voir l’effet parallax de l’ancienne version du site 100% Pure New Zealand.

– Le parallax serait-il uniquement pertinent pour les sites à page unique en quête de Wow Effect ?
Parallax et Responsive design sont ils compatibles ?

J’attends vos réactions et commentaires en bas de l’article  !

Quelques liens intéressants sur le Parallax scrolling

Est-ce la mode des sites en parallax scrolling vertical ?
15 reasons why parallax scrolling in webdesign is awesome
30 great websites with parallax scrolling
En Savoie Mont Blanc on surfe en parallaxe
Behind The Scenes Of Tourism New Zealand (Case Study)