Ce site utilise des cookies

En cliquant sur "oui", vous acceptez l'utilisation de cookies pour améliorer votre navigation, analyser son utilisation et à des fins marketing. Vous pouvez modifier vos choix à tout moment via le lien "Gestion des Cookies" en pied de page.

World Wide Scope

Date

14 février 2023

Client

Fondation Clément

Pour

Boucan Production

World Wide Scope
Webflow
Animation
À partir de zéro
Options avancées
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

Boucan Production, une société de production audiovisuelle et cinématographique basée au Lamentin en Martinique, a été mandatée par la Fondation Clément, une Habitation de rhum agricole pour créer une expérience interactive appelée WorldWideScope.

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.

de
vue de la tablette tactile à la fondation Clément

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.

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.

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.

vue in-situ

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.