Matte-Painting de Projet Terra Nova
Retourner aux Références

CANAL+ PROJET TERRA NOVA

Créer une expérience immersive de jeu

Lorsque Canal+ nous a briefé sur la nouvelle série de Steven Spielberg, Terra Nova, nous avons immédiatement voulu dépasser le cadre du simple site de série.

Nous avons proposé www.projetterranova.fr un site qui est aussi un jeu interactif avec une interface futuriste, tout droit issue du monde post-apocalyptique de 2149.

En étendant l’univers graphique de la série, nous avons imaginé une aventure basée sur l’exploration.

Pour avancer dans le jeu et avoir une chance de s’échapper du monde en proie au chaos et recommencer sa vie dans le passé, le joueur devait débloquer les contenus du site et résoudre les jeux et énigmes mis sur son parcours.

Qu’avons nous fait ?

Design Interactif

Branding

Marketing digital

Développement

Jeux sociaux

Le cheminement du concept

De la présentation du premier prototype à la livraison finale du site, nous avons procédé à une trentaine d’itérations.
Des interactions méticuleusement étudiées, des couleurs modernes, à la typographie et aux fonctionnalités sociales : tout a été étudié avec soin pour créer une expérience utilisateur simple mais sophistiquée.

Progression de Terra Nova
Nous avons crée près de 80 éléments d’UI (matte-painting, logotypes, badges, modules, icônes)

3 sites Internet réalisés en

2 mois

Image du site Teaser
Le teasing

Projet Eden, le site au teaser alarmiste décrivant sans le nommer le monde post-apocalyptique de Terra Nova.
L’internaute s’inscrit pour rejoindre le seul projet qui peut encore sauver l’humanité.

Image du site Reveal
Image du site officiel
Le reveal

Projet Terra Nova se découvre. Les internautes enregistrés dès le début de l’aventure peuvent alors rejoindre le site et commencer à débloquer les contenus.

Le site officiel de la série

En se connectant à Facebook, le joueur peut inviter ses amis, progresser dans l’aventure et franchir différent niveaux et peut-être gagner de nombreux cadeaux. Ou alors, il peut surfer anonymement et utiliser le site comme un simple site de série !


TECHNOLOGIE : L’usage du responsive design

L’usage d’une grille fluide nous est apparue absolument nécessaire dès le début du projet.
En combinant HTML5, CSS3 et beaucoup de Javascript, nous savions que nous pouvions délivrer un site qui s’adapte à toutes les configurations et à tous les navigateurs… même IE6 !

Petit aperçu du Site
Petit aperçu du Site
237 749

visiteurs uniques

847 024

modules ouverts

130 000

réponses aux quizz

348 397 650

points accumulés