Project

Une expertise unique dont il faut tirer partie dans vos projets!

Programmation web

(Drupal / jQuery / AngularJS / CakePHP)

Installations interactives

(ThreeJS, NodeJS, Javascript, OpenGL)

A More Better Life

More information
Gentilhomme

Programmation d'un court métrage interactif inspiré par la musique de Young Empire. Vous êtes invité à vivre un seul et même moment à travers les points de vue très distincts des deux protagonistes. Pour changer de perspective, il suffit de vous déplacer de gauche à droite devant votre caméra.

Afin de mener à bien la réalisation de ce projet, nous avons dû faire de multiples tests et choisir les technologies adéquates afin de supporter les besoins spécifiques de ce projet : détection de visage, détection du clignement des yeux et altération en temps réel du vidéo (ThreeJS et GLSL). Déploiement intégral sur AWS (Amazon Web Services).

En collaboration avec Thibaut Duverneix (réalisation) et Marc-Antoine Brodeur (programmation). Produit par Revolver Films.

Récipiendaire d'un FWA of the day (thefwa.com/cases/a-more-better-life).

amorebetterlife.com

Chargement...

Vélos connectés

More information
TKNL / Servier

Développement d'écrans connectés en temps réel aux cyclomètres de vélos. L'idée est simple : ensemble, parcourons virtuellement la distance qui relie Montréal à Vancouver. Réalisé dans le cadre du «Cardio Cyclothon Challenge» par Servier.

Sur les écrans, nous pouvons voir le nom de chaque participant et leur vitesse de croisière en temps réel.

Des iPads sont utilisés par les agents sur place afin de faire l'inscription des participants (inscription de leur nom et leur courriel) et de les associer à une université.

Pour chaque kilomètre parcouru, l'entreprise remettait 1$ à la recherche sur la santé cardio-vasculaire. L'événement a duré trois jours et a permis d'amasser 10 000$.

  • Production et réalisation TKNL
  • Design graphique TKNL
  • Programmation Jean-Maxime Couillard Marc-Antoine Brodeur

Chargement...

Mur interactif et visualisation de données

More information
Float4

eBay a inauguré un nouvel espace corporatif de 20,000 pieds carrés. Dans cet espace fait sur mesure appelé Main Street, un écran de 165 pouces (4K) et six colonnes LEDs de haute résolution occupent l'espace d'un vaste hall d'entrée. Tous synchronisés, ils diffusent des statistiques provenant des données en temps réel du service de vente en ligne.

Selon le mode actif, les écrans affichent des statistiques en temps réel des ventes d'une catégorie de produit pour l'heure et la journée sélectionnées.

Mon rôle a été de développer les modules (ou widgets) qui affichent les données de vente. Les défis du projet s'organisent autour de 3 axes :

  1. Connexions à différents APIs : afin d'afficher correctement les données, la connexion précise et la gestion d'erreur (graceful degradation) à différents APIs a été mise en place.
  2. Animation orientée autour des données : afin de rendre ces données numériques attrayantes, une excellente connaissance des technologies web a été requise afin de créer des animations agréables et fidèles au design.
  3. Utilisation de plusieurs technologies combinées : la gestion d'un écran de cette taille et d'un système de particules complexe a nécessité l'utilisation de différentes technologies. La mise en cache des éléments, la création d'animations en conséquence et une bonne communication entre les équipes responsables de chacune de ces technologies a permis d'en faire un produit unifié et de haute qualité sans laisser percevoir les différentes composantes de l'installation.

Le produit final a été déployé à San José et a été très bien accueilli par le client et le public.

visite guidée

  • Production Float4
  • Design ESI Design
  • Programmation - particules et systèmes Ariel Gamelin Float4
  • Programmation - UI et visualisation de données Jean-Maxime Couillard

Chargement...

Biosphère - Ceci n'est pas un parapluie

More information
TKNL

Programmation de l'installation permanente « Ceci n'est pas un parapluie » pour la Biosphère de Montréal. On y découvre l'influence de la météo sur tout ce qui nous entoure et la science derrière le temps qu'il fait.

Le projet est composé de deux parties distinctes. En première partie, la programmation de 3 écrans tactiles interactifs qui affichent de l'information de manière classique, mais présentée élégamment avec un souci du respect du design et d'animations subtiles et bien exécutées.

La deuxième partie du mandat est sans aucun doute la plus excitante : il s'agit d'une grande table tactile qu'on utilise afin d'altérer le climat de la planète en contrôlant le rayonnement solaire et les gaz à effet de serre. Quatre personnes peuvent utiliser la table simultanément. Propulsé par une projection from-top, la table est composé de 4 pellicules tactiles (touchfoil) ce qui permet un excellent temps de réponse et une bonne précision.

La programmation est basée sur des technologies web qui ont encore une fois été poussées à leurs limites afin d'offrir une expérience inoubliable aux visiteurs de l'exposition.

Réalisé en collaboration avec Marc-Antoine Brodeur.

  • Production, réalisation et scénographie TKNL
  • Design graphique François Joron (TKNL)
  • Programmation Jean-Maxime Couillard Marc-Antoine Brodeur

Chargement...

Cats craddle

More information
ONF / Gentilhomme

Découvrez «Le berceau du chat», un haïku interactif réalisé pour l'ONF qui vous transporte dans un univers sonore génératif.

Adapté pour les plateformes mobiles et pour les ordinateurs, il s'agit d'une expérience hors de l'ordinaire réalisée avec ThreeJS, WebGL et WebAudio.

haikusinteractifs.com/cats

Chargement...

T2Inc

More information
Fiscalité FRG

Préparez vos rapports d’impôts d’entreprise T2, CO-17 avec un comptable fiscaliste en ligne. À l’aide de cet outil, les utilisateurs peuvent rentrer des données fiscales liées à leur compagnie eux-mêmes. Ces informations seront ensuite validés par un expert fiscaliste afin de produire des rapports d’impôts. L’interface est simple et les utilisateurs peuvent sauver temps et argent.

Développé en PHP et basé sur Drupal 7.

  • Programmation web Jean-Maxime Couillard
  • Design web Alexandre Deschamps

Chargement...

Planétarium - Tables interactives

More information
Techni-logique

Création de 4 tables interactives de type reactable pour le nouveau Planétarium Rio Tinto Alcan.

Chaque table, d'une grandeur de 30 pouces de diamètre, nécessite deux ordinateurs : le premier pour la détection (CCV) et le deuxième pour la génération du visuel. Les deux ordinateurs sont reliés par UDP/Tuio.

Les thèmes abordés étaient aussi vastes qu'intéressants : formation de la planète Terre, molécules essentielles à la vie, inventions de la vie et la terraformation de Mars.

Projet réalisé en Processing 2, openFramework et OpenGL.

  • Production Chaos Création
  • Scénarisation David Murphy
  • Programmation Jean-Maxime Couillard

Chargement...

NBA Social Sphere

More information
Float4

Création d'une sphère interactive dans le cadre du NBA All-Star 2014. La sphère, projetée du haut, illustrait en temps réel d'où provenait l'activité sur les réseaux sociaux à propos de l'événement. Intégré dans un environnement interactif créé par Float4.

  • Production / client Float4
  • Programmation Jean-Maxime Couillard
  • Vidéo Boogie studio

Chargement...

MOM industries

More information
Main website

Réalisation du nouveau site de Mom industries. Le contenu est propulsé par un CMS flexible et facile à utiliser basé sur Drupal. Les photographes peuvent eux-mêmes modifier leur propre contenu, ce qui les rend indépendants du webmestre.

Le site est aussi adapté pour les différents appareils mobiles.

  • Design Gilles Roisan
  • Programmation
    (back-end et front-end)
    Jean-Maxime Couillard

Chargement...

Musicothérapie - Aurore

More information
Eraylik

La technologie est plus que jamais jointe à des domaines d'application variés. Et c'est d'autant plus intéressant lorsque la créativité y est mêlée. La musicothérapie s'inscrit dans cette tendance et allie la musique à l'art visuel afin de venir en aide à ses patients.

Pour réaliser son nouveau projet et explorer de nouvelles possibilités, le musicothérapeutre a opté pour un logiciel multimédia génératif. À l'aide d'un piano, le patient compose littéralement un tableau audiovisuel. C'est-à-dire qu'à chaque note émise, une aurore boréale est générée par le logiciel, puis projetée sur un écran géant. Parallèlement, une ambiance sonore est générée en temps réel, toujours en réaction avec les actions du patient.

Développé en Java/Processing avec la librairie MSA Fluids.

  • Production Eraylik
  • Programmation visuelle Jean-Maxime Couillard

Chargement...

BLVD

More information
BLVD / Byhaus

Programmation front-end de BLVD-MTL.com : un studio de réalisateurs, de compositeurs, de designers sonore et de producteurs.

Développement de l'ensemble de la partie front-end en AngularJS et connexion à l'API développé en CakePHP.

  • PROGRAMMATION FRONT-END Jean-Maxime Couillard
  • PROGRAMMATION BACK-END BLVD / Sébastien Galarneau
  • DESIGN GRAPHIQUE HAUS

Chargement...

Racines de Mer - Tablettes interactives

More information
LM Tremblay

Le Musée maritime du Québec à L’Islet lance une nouvelle exposition permanente où le Saint-Laurent se pose en figure de proue de l’identité québécoise.

L'exposition comporte quatre tablettes interactives, qui affichent des images et des vidéos sur les différents thèmes maritimes abordés par le Musée.

Chargement...