Showreel

Résultats

    111 021
    joueurs

    486 407
    parties jouées en 1 mois

Stratégie & Idée

Nous avons créé de faux-clips dont l’image est totalement décalée par rapport aux sous-titres. L’internaute se rend compte qu’il s’agit d’une vidéo lue par le très gauche ingénieur du son présent dans le film, qui est tout simplement en train d’effacer ses fichiers ! Les internautes sont ainsi invités à les retrouver, via un blind test musical.

Médiatisés sur Facebook, ces mini capsules servaient à affirmer le ton de la campagne. À la clé : un voyage pour aller voir un concert de rêve et des abonnements à Deezer.

UX & Design

Le design a été pensé pour permettre à l’univers de marque de cohabiter avec le jeu. Chaque action du joueur déclenche de courtes vidéos qui ont été pensé et réalisé dans le but d’être le plus fidèle possible à la publicité TV. D’un autre côté, le parcours utilisateur a été simplifié au maximum pour rendre le jeu addictif et viral. Une grande partie du travail a été de penser l’enchainement des différents écrans comme une grande boucle d’animation: chaque mouvements guide le regard et permet donc d’orienter l’utilisateur dans son parcours. De cette façon, on retrouve une expérience de jeu à la fois riche, originale et esthétique en complète cohérence avec le lancement du produit.

Code

Nous utilisons la bibliothèque Deezer pour proposer une grande varieté de playlists. Tout est automatisé, que ce soit la récupération des playlists, des musiques, des artistes ou même la création des différentes propositions pour chaque musique à partir des artistes associés. Un import régulier en NodeJS via l’API Deezer nous permet de rester à jour et de faire vivre les playlists en ajoutant de nouvelles chansons dedans.

Le plus gros défi de ce projet était de proposer une expérience vidéo et musicale sur tout les devices. Avoir une expérience fluide et engageante sur desktop, avec de la vidéo, de l’animation, du sound design. Mais aussi fluide sur n’importe quelle tablette et smartphone, en s’adaptant selon les contraintes du device, (possibilité d’autoplay de la vidéo / de l’audio ou non par exemple). Le tout en réduisant au maximum les temps de chargement, via notamment du ghosts loading, qui pre-charge les médias dont vous aurez besoin plus tard pendant que vous naviguez sur une page. Ces différents médias sont aussi sélectionnés selon la vitesse de votre connexion internet, toujours dans l’optique de réduire les temps de chargement.

voir le site