Le storytelling porté par la mécanique de collection

Hors-Jeu est un documentaire en ligne imaginé par David Dufresne et Patrick Oberli sur les dérives du football moderne. Inspiré des collections Panini, le projet transforme la narration classique en un jeu d’exploration et de partage.

 

RÔLE
Direction artistique UX  UI

Durée
1 an

CLIENTS
Upian & Arte


Mon rôle

Pendant plus d’un an, j’ai entièrement repensé le dispositif interactif avec une ambition claire : faire du gameplay un moteur narratif et viral.

Prototypage complet du dispositif (low, medium, high fidelity), animations et micro-interactions.

UX sociale centrée sur le partage, la rareté, la découverteCo-conception avec auteurs, vidéastes, designers sonores, développeurs, producteurs & annonceurs.

Définir et documenter

Avant de lancer la production de l’interface, il a fallu spécifier et affiner le concept d’un “documentaire a collectionner”, imaginer comment les internautes allaient pouvoir progresser dans le documentaire, trouver des principes de gamification suffisamment simples pour donner envie à l’utilisateur de s’investir, mettre en place des règles de rareté afin de pousser l’utilisateur à partager un maximum et ainsi débloquer certains contenus rares mais aussi participer naturellement à la diffusion du programme sur les réseaux sociaux.

Définition des templates

Une fois le concept défini, l’ensemble des assets et templates nécessaires à la vie du projet ont été listés et crobardés afin d’en définir son squelette.

Prototyper, designer, itérer

Les prototypes ont été produits en 3 étapes :

Low fidelity

Version simplifiée de l’interface sans contenu afin de pouvoir rapidement ajuster les parcours proposés.

Medium fidelity

Une version plus évoluée de l’interface intégrant du vrai contenu et permettant ainsi d’anticiper les formats d’images à produire comme les problématiques mobile et tablette.

High fidelity

Une version finalisée des parcours retenus intégrant un design avancé ainsi que des assets réels.

Storyboarder & animer

Chaque transition du projet a été storyboardée puis animée afin de fluidifier l’expérience et permettre une intégration des éléments aux développeurs de façon fluide.

 

 

 

Charte graphique

Une charte graphique a été produite permettant à chaque intervenant (graphistes, développeurs, partenaires) du projet d’avoir un kit graphique clair et de donner de la cohérence à l’identité globale du programme.

 

 

 

 

Les packs

C’est le point d’entrée du documentaire : chaque jour l’utilisateur reçoit un pack contenant 10 cartes tirées au hasard lui permettant d’accéder au contenu documentaire et ainsi débuter sa collection.

 

 

 

 

Les cartes

Chaque carte cache un contenu vidéo d’environ 5 minutes classé par thématique. Plus d’une centaine de cartes ont été créées et illustrées (illustrations par Grégory Mardon).
Certaines plus rares que d’autres (bronze, argent et or) débloquent des contenus exclusifs.

 

 

 

 

 

Les albums

La collection totale est composée de 9 albums correspondant aux 9 thématiques abordées dans le documentaire. Chaque album est composé de 11 cartes permettant ainsi à l’utilisateur de connaître l’étendu du documentaire qu’il a parcouru ou de se mettre à la recherche de cartes qu’il n’a pas encore à sa disposition.

 

 

 

 

Les trophées

Dans un élan de gamification et d’accompagnement, une série de trophées peut-être débloquée par l’utilisateur lui permettant de gagner plus de packs ou des contenus spécifiques.

 

 

 

 

Bilan

Un projet ambitieux faisant appel à un large spectre de savoir-faire et une enquête exclusive passionnante réalisée au fil du partage de milliers de cartes.

Back

This is a unique website which will require a more modern browser to work!

Please upgrade today!

Share