Architecture narrative 6 chapitres
Pain visuel sensoriel → définition technique → origine du phénomène → preuve scientifique → chiffre clé produit → closing brand. Chaque chapitre indépendant pour permettre la navigation libre tactile.
Création de la vidéo interactive Michelin Acoustic Tire
Une vidéo corporate sur borne salon,en Flash qui plante toutes les 3 minutes ? Faisons mieux.
Une vidéo de présentation interactive pour un salon professionnel.
Michelin développe en 2013 sa technologie Acoustic Tire : un système d'absorption acoustique intégré au pneu qui réduit de 20 % le bruit de cavité (cavity noise) perçu en cabine. Pour présenter cette innovation aux acheteurs OEM auto et aux professionnels en salon international à Berlin, le studio livre une vidéo interactive HTML5 narrative en 6 chapitres, déployée sur bornes tactiles. Design intégralement réalisé par le studio en partenariat commercial avec l'agence IDE Création.
Présenter une innovation technique en salon, sans tomber dans la corporate vidéo qui endort.
En 2013, la convention pour présenter un produit complexe en salon B2B se résumait à : vidéo corporate de 8 minutes en boucle qui personne ne regarde, brochure papier qu'on emporte sans lire, ou pire un PowerPoint commercial débité par un agent. La technologie Acoustic Tire de Michelin, c'est de la science (absorption acoustique, fréquences, courbes décibels) qui doit être expliquée, pas projetée passivement.
On a une innovation. Comment on la fait comprendre à un acheteur OEM en 3 minutes sur une borne salon ?
— Michelin Acoustic Tire
Narration tactile interactive
6 chapitres
_03 Le vrai enjeu
Transformer la vidéo corporate en parcours interactif tactile.
Plutôt qu'une vidéo linéaire, le studio a conçu un dispositif HTML5 narratif en 6 chapitres tactiles : ouverture sensorielle (la roue qui sonne, ondes rouges visuelles), pédagogie (qu'est-ce qu'un cavity noise), origine technique (diagramme), preuve scientifique (graphique fréquences/décibels), chiffre clé (20 % de réduction, pneu en coupe + voiture argentée), closing brand. Le visiteur navigue à son rythme, s'arrête sur ce qui l'intéresse, repart avec la promesse mémorisée : 20 %.
- 20 % Réduction bruit cavité (chiffre produit)
- HTML5 tech Stack bleeding edge en 2013
- 2013 année Avant la généralisation tactile en salon
Narration 6 chapitres, HTML5 tactile, déploiement borne.
Direction artistique scientifique
Photographies industrielles automobiles, datavisualisation décibels, animations onde sonore (visuel rouge), schémas techniques. Palette Michelin (jaune brand + bleu technique). Standard agence design transposé sur dispositif salon.
HTML5 tactile (à l'époque, bleeding edge)
Stack HTML5 vidéo native + couche interactive custom + touch events. En 2013, Adobe venait d'annoncer la mort de Flash (2011), HTML5 commençait à peine à être généralisé sur des dispositifs tactiles bornes. Choix technique audacieux pour l'époque.
Déploiement bornes salon Berlin
Dispositif déployé sur bornes interactives lors d'un salon professionnel international à Berlin. Audience : acheteurs OEM auto, professionnels constructeurs, presse spécialisée.
Les choix techniques.
- HTML5 vidéo native Stack vidéo HTML5 standard avec couche interactive custom. Choix audacieux en 2013 quand Flash était encore l'option par défaut sur ce type de dispositif.
- Couche tactile custom Touch events natifs, navigation chapitre par chapitre, transitions fluides. Pensé pour bornes salon, pas pour souris.
- Direction artistique Photographies industrielles, datavisualisation scientifique, animations onde sonore. Palette Michelin (jaune brand + bleu technique).
- Architecture narrative 6 chapitres indépendants articulés en parcours pédagogique : pain → définition → origine → preuve → chiffre → brand.
- Design studio Conception et direction artistique intégralement réalisées par le studio. Partenariat commercial avec l'agence IDE Création pour la relation grand compte Michelin.
Un précurseur du tactile en salon B2B.
Le dispositif a tourné sur les bornes interactives du stand Michelin lors d'un salon professionnel international à Berlin. À une époque où le tactile en salon B2B était encore rare (premier iPad sorti en 2010, déploiements pro encore balbutiants), proposer une vidéo interactive HTML5 navigable au doigt sur une borne était un parti pris technique fort. Le projet a posé les bases du standard qui s'est ensuite généralisé sur tous les salons professionnels.
Et pour votre site web ?
30 minutes en visio pour regarder votre site ensemble, identifier ce qui freine, chiffrer ce qui vaut la peine d’être fait. Sans engagement, sans relance commerciale. Si on s’entend, on continue.
Projet suivant