6 millions de morts

Intégration et programmation d’un site expérientiel

SAGA souhaite créer un site Web expérientiel et transmédia pour la sixième campagne De Facto contre le tabagisme. Basé sur le concept d’un film dont vous êtes le héros, le site doit intégrer des fonctionnalités interactives engageantes.

Retour
Capture d'écran du projet #1 Capture d'écran du projet #2 Capture d'écran du projet #3 Capture d'écran du projet #4 Capture d'écran du projet #5 Capture d'écran du projet #6 Capture d'écran du projet #7

Enjeux

Un film interactif

Pour passer son message, SAGA a créé un film de 20 minutes dans lequel un espion s’infiltre dans les coulisses de l’industrie du tabac. Le visiteur doit guider le héros à certains moments et récolter des objets pour progresser dans son enquête. Au fil du récit, divers éléments interactifs viennent intégrer des informations personnelles du visiteur dans l’histoire grâce à une connexion Facebook.

Étapes du projet

Découvrez quelles étapes de notre processus ont assuré la qualité et le succès de ce projets.
Notre approche
    • Définir les objectifs
    • Planifier les livrables
    • Partager les attentes
  • Stratégie numérique Bouton activé, consultez les détails ci-après
    • Analyser le contexte
    • Recommander des approches
    • Concevoir la solution
  • Architecture des contenus Bouton activé, consultez les détails ci-après
    • Analyser les contenus
    • Structurer les données
    • Construire l'arborescence
  • Maquettes filaires Bouton activé, consultez les détails ci-après
    • Prioriser les éléments
    • Organiser l'interface
    • Optimiser la grille graphique
    • Créer de l’impact
    • Guider l’oeil du visiteur
    • Appliquer l’image de marque
  • Intégration Bouton activé, consultez les détails ci-après
    • Créer les interactions
    • Intégrer le design au CMS
    • Assurer la compatibilité
  • Programmation Bouton activé, consultez les détails ci-après
    • Configurer le CMS
    • Développer les fonctionnalités
    • Relier les technologies ensemble
  • Hébergement Bouton activé, consultez les détails ci-après
    • Mettre en place le serveur
    • Déployer le site
    • Optimiser les performances du site
  • Support Bouton activé, consultez les détails ci-après
    • Surveiller les performances
    • Répondre aux urgences
    • Effectuer les ajustements
    • Effectuer les mises à jour
    • Optimiser les solutions
    • Planifier les évolutions

Mot de la direction

Travailler avec les créateurs de SAGA et les impressionner par ce que nous avons pu programmer : ça fait sourire! Mon équipe s’est donnée à 100 % pour livrer ce site en... 1 mois!
Stéphanie Salman Chargée de projet, Libéo

Résultats

Entièrement en technologies libres, sans Flash

Le film interactif est mis en ligne à l’automne 2012 et a depuis remporté 5 prix de calibre internationaux, dont deux Octas en 2013. Réelle expérience transmédia, le site utilise Facebook pour intégrer des éléments personnalisés pour chaque visiteur, notamment les photos et dates de naissance de ses amis pour augmenter l’impact du message.

Libéo a intégré et développé le film interactif en HTML5, CSS3, jQuery et JavaScript. Adapté pour les navigateurs Web de nouvelle génération, il fonctionne même sur téléphones intelligents.

Résultats du projet

Pour en savoir plus sur ce projet

Contactez Joé Bussière à joe.bussiere@libeo.com