World Wide Scope
Expertise
Partenaires et crédits
Porteurs de projets / Réalisation
Boucan Production ↗︎
Direction Artistique / Design
Arthur Francietta ↗︎
Réalisation / Montage Vidéo
Fabien L'Heureux ↗︎
Stratégie Digitale & Communication
Priscillia Goeury ↗︎
Écrans / Équipements
Caritel ↗︎
Aperçu
Création d'une expérience interactive appelée WorldWideScope
Objectif
L'objectif était de rendre l'expérience la plus intuitive et accessible possible en créant un site web original avec une map monde interactive qui permet de découvrir les recettes de cocktails uniques des barmen.
Contexte
Cette expérience se déroule au sein de l’habitation elle-même, dans le contexte d’une exposition permanente. L'objectif était de mettre en avant l'excellence des rhums Clément à travers le visionnement de shorts vidéos montrant la préparation de cocktails présentés par des barmen du monde entier.
Ils ont cherché l'aide d'un expert UI/UX pour mettre en place cette expérience.
Solution
Développement + optimisation d'une map monde interactive qui permettrait aux visiteurs de découvrir les barmen et leurs cocktails uniques à travers des vidéos réalisées pour l’occasion. L’expérience a été créée afin de rendre l’expérience la plus intuitive et accessible possible.
Problématique
L'une des principales préoccupations était de rendre l'expérience utilisateur aussi intuitive et accessible que possible lors de cette exposition.
Ils devaient également trouver un moyen de présenter de manière interactive les barmen et leurs cocktails uniques utilisant les rhums Clément.
De plus, ils devaient relever des défis techniques tels que l'accès à Internet dans une structure étanches aux ondes (vieux bâtiment en pierre) et la configuration multi-écran nécessaire pour l'expérience.
Construire une expérience ludique
Cette approche nous donne l'opportunité de piquer la curiosité, par l'exploration. La curiosité étant un levier important, nous avons donc :
- Arthur Francietta à créé une map monde en respectant la charte graphique de Clément
- Créé une carte interactive via Webflow, une plateforme de création no-code.
- Confié gestion de la configuration multi-écran à Caritel, un fournisseur spécialisé.
- Intégré du code pour construire l’interactivité de l’écran tactile et la communication avec l’écran vertical diffusant les vidéos.
Expérience in-situ
L'expérience se compose une map monde affichée sur un écran tactile de 13 pouces posé sur un socle fixe dans l'une des nouvelles salles dédiée à l'exposition permanente.
Les vidéos des barmen s'affiche sur un écran vertical 9:16 placé en face de la tablette, et sont déclenchées par l'utilisateur lorqu'il appuie sur le bouton dédié de la map monde.
Webflow comme outil no‑code efficace
Cette outil offre une incroyable flexibilité en terme de design, de performance et de sécurité. La carte à été construite sur Webflow, et n'est rien d'autre qu'un site web.
À l'aide d'un peu de custom code et de l'équipe Caritel nous avons pu dissocier les actions menées par l'utilisateur en affichant uniquement la map monde sur l'écran tactile et les vidéos des barmens sur l'écran vertical situé en face.
Conclusion
Grâce au formidable travail menée par Boucan Production et Arthur Francietta nous avons pu construire cette expérience interactive peu commune sur le territoire. Il a fallut relevé plusieurs défi comme l'accès à internet et ou le multi-écran requis pour l'expérience.
C'est sans compter l'expertise de Caritel et des écrans mis à disposition que tout ceci à été possible.
Webflow à été un outil particulièrement interessant dans la personnalisation de cette expérience et dans la rapidité de son implémentation.