Interactivité : ces sites qui offrent une expérience physique
Les technologies web actuelles permettent de dépasser les limites du traditionnel site. Avec des idées ingénieuses et brillantes, nous voyons apparaître de nouvelles expériences au concept original.
Je vous l’avoue, j’ai eu du mal à choisir un titre pour qualifier les sites présentés dans cet article. Pour faire simple, il s’agit d’expériences web qui amènent les visiteurs à voyager à travers « l’espace ». Basés sur des technologies comme la vidéo ou encore le webGL, certains sites me rappellent nostalgiquement l’utilisation de Flash (le côté propriétaire en moins).
Immersion, engagement & interactivité
L’arrivée de la réalité virtuelle a poussé les concepteurs web à créer de nouveaux projets innovants, interactifs et immersifs. Cet effet se ressent également sur le web on l’on trouve de plus en plus de sites offrant une expérience « physique ». Imaginez-vous visiter un lieu, vivre une expérience dans les airs etc.
Ce type de projet interactif permet une immersion plus importante que jamais. Résultat : du pain béni pour les marques, qui peuvent ainsi laisser un impact non négligeable sur les utilisateurs et consommateurs.
Quelques exemples :
Pour inspirer vos futurs projets, je vous invite à découvrir quelques exemples de sites basés sur ce principe d’expérience physique. Vous allez constater que ce type d’approche offre de nombreuses opportunités, notamment en terme de tourisme ou même de e-commerce. Ces exemples nous montrent qu’il est possible de repenser le traditionnel site « vitrine » en quelque chose de beaucoup plus marquant.
Sonnys Showdown
Sonnys Showdown est un intéressant site d’événement. Avec son design monochrome et ses touches de couleurs il ne laisse pas le visiteur indifférent. Le menu sous forme « d’échelle » vous permet de vous guider jusqu’au lieu de l’événement.
Project 360
Basés sur plusieurs scènes à 360°, ce projet vous permet de vivre une inoubliable sortie à ski. Une opération de communication rondement menée pour une célèbre chaine de magasin Suisse.
Local Eyes Project
Local Eyes Project vous permet de vivre une intéressante expérience en vidéo. Explorez l’environnement à travers les yeux de la population locale en Amérique du Nord et du Sud. Un vrai travail de fourmi, recomposé dans ce site incroyablement riche.
Well Storied
Impressionnant ! C’est le premier mot qui m’est venu à la bouche à la découverte de ce site. Créer pour Land Rover, Well Storied vous permet de suivre plus de 600 histoires dans lesquelles les voitures sont en position centrale.
Flight Iberia
L’expérience de vol proposée par la compagnie Iberia, vous permet de prendre le contrôle d’un avion de ligne, avec ou sans votre smartphone. Des actions limitées, mais qui donnant une approche très intéressante de la marque.
El Bar de Antonio
Emotion positive et atmosphère détendu chez El Bar de Antonio. Ce projet met en perspective une histoire, racontée sous la forme d’un voyage mélant photos et vidéos.
My Austria
My Austria est un des premiers site à avoir exploré un principe du genre. Plutôt qu’un site de tourisme traditionnel, vous êtes ici guidés en vidéo à travers les multiples possibilités offertes par l’Autriche. L’interface est ludique et bien pensée.
Bilbao Walk
Cette promenade interactive à travers la ville doit son identité à une puissante série d’images panoramiques, accompagnés de son. Les utilisateurs peuvent facilement se déplacer dans la ville, pour explorer les rues désertes, visiter les musées et jeter un oeil à des sites populaires.
Okean Elzy
Ce site ultra original vous permet de pénétrer dans l’univers d’un des groupes de musique les plus connus en Ukraine.
Grimouville
Une expérience de navigation unique à travers Grimouville à la recherche d’un fameux mystère. Très bien réalisé, avec une bonne utilisation de la vidéo et une carte interactive.
Boligreisen
De la 3D efficace, avec du son bien calibré, les ingrédients nécessaire à la construction d’un site du genre.
Kubik Foto
Une très intéressante vidéo interactive permettant de suivre le travail d’un graffeur en timelapse.
Microsoft Building 87
Pour présenter son nouveau département, Microsoft à misé sur un site basé sur une expérience mêlant 3D et visite virtuelle.
Si vous connaissez d’autres sites du genre, n’hésitez pas à les partager !
Article traduit de Design Modo et enrichi par mes soins.
Jean Baptiste
salut arnaud, merci pour cet article, juste un truc à corriger tu as une 404 sur Bilbao
Arnaud STECKLE
Oups, merci c’est corrigé !
Interactivité : ses sites qui offrent une expérience physique - Connex-Design
[…] Interactivité – ses sites qui offrent une expérience physique […]
Jimmy Turpin
Salut Arnaud, Merci pour cet article super intéressant. Quand on est webdesigner, on est souvent à la recherche d’inspiration pour des clients toujours plus exigeants et ces sites nous montrent qu’avec le web et de l’imagination on peux quasiment tout faire, à condition de s’y mettre 😉
J’ai toutefois une mise en garde à faire : il ne faut pas perdre le but essentiel qui est normalement à la base de transmettre une information. Certains des sites présentés sont effectivement là pour nous faire rêver, pour nous faire vivre une expérience, sans conteste. Cependant, l’UX design pourrait s’avérer ravageur dans le cas où il prendrait le dessus sur la transmission d’information, ce qui est le cas à mon sens de Sonny Shotdown : C’est très bien fait, c’est propre, mais au final, arrivé au bout du site, je me suis demandé à quoi il servait (alors vous me direz certes, à transmettre une image de marque, montrer que c’est des gars high-tech, des geeks qui n’hésitent pas à utiliser les technologies dernières cris et là je serai d’accord avec vous).
Tout ça pour dire, de ne pas tomber dans ce travers d’avoir trop d’expérience au détriment de l’information et de trouver l’équilibre entre les deux (le plus gros du travail 😉
Les ressources web du lundi | Magma-studio
[…] Interactivité : ses sites qui offrent une expérience physique […]
Interactivité : ces sites qui offrent un...
[…] Les technologies web actuelles permettent de dépasser les limites du traditionnel site. […]
Ophelie
Merci beaucoup pour cet article, cela m’a donné beaucoup de références 🙂
Etude – Interactivité narrative – Web site
[…] Sources: Thenextweb / Webdesignertrends […]
Etude – Interactivité transitoire – Web site
[…] Webdesignertrends / […]