Fr / En

Benjamin Carrier

Designer d’interactivité

De Montréal et à Nantes depuis 4 ans, je suis designer d’interactivité chez Conserto où je travaille au développement des interactions avec le robot Pepper et je complète une maîtrise en Management du design et de l’innovation à L’École de design Nantes atlantique. Je crée des visuels génératifs et des installations interactives publiées sur Instagram et travaille à l’organisation de rencontres sur le design avec le Collectif 404.

Passionné par l’art numérique, le design d’interactivité, d’interface et le prototypage, j’ai entre autres travaillé avec Lucion Média et Toboggan Design.

Spectre

Créé dans le cadre de l’appel à projets Arts et Technologies de Stereolux, la Gaîté Lyrique et Electroni[k], Spectre est une oeuvre interactive où le visiteur est amené à se promener. Lorsqu’il passe entre les tubes lumineux de l’oeuvre, il vient perturber les ondes électromagnétiques et faire fluctuer la lumière des tubes. Le but est de représenter visuellement les ondes invisibles qui sont partout autour de nous. En plus du design, nous avons aussi fait une fiche technique et établis un budget pour la production de l’oeuvre.

Outils

  • Arduino

Partenaires

Pont Jacques-Cartier

Développement de visuels pour Lucion Média, collaborateur sur le projet Connexions Vivantes de Moment Factory. Intervention au début du projet, expérimentations et propositions de visuels interactifs selon la météo, l'humeur de la ville et l'activité Twitter du #mtlmoments.

Outils

  • Processing

Partenaires

Détonacube

Projet d'objet connecté, le détonacube est un jeu à deux joueurs où le but est de désactiver la bombe (le cube) avant la fin du décompte. Chaque face du cube est un puzzle à résoudre à deux. Le premier joueur voit les instructions à l'écran et donne les indications au second joueur qui résout les énigmes sur le cube.

Outils

  • Arduino
Le Détonacube exposé à la Maker Faire Nantes

Connect'

2e place au Prix du design de service La Poste 2017. La Poste Connect’ vient répondre au problème de manque d’efficacité dans le système bancaire actuel lorsqu’on veut parler à un conseiller, tout en gardant un contact humain en proposant un service de vidéoconférence sécurisé pour communiquer avec un conseiller et effectuer des opérations actuellement indisponibles depuis le web.

Outils

  • Figma
  • InDesign

Partenaires

Mapping CASTELBAJAC

Proposition de mapping sur une maquette pour un défilé de mode pour la marque CASTELBAJAC. Projet exécuté en une semaine dans le cadre d’un workshop entre designer d’espace et designer d’interactivité.

Newton's Wars

Newton’s Wars est un jeu de tir dans l’espace où la gravité est utilisée pour changer la trajectoire des missiles. Des mécaniques de jeu aux graphismes 8-bits en passant par un mode multi joueur en ligne avec un serveur Node.js, tout a été créé à partir de zéro. L’animation au lancement du jeu a été faite avec la bibliothèque Tweenmax.js.

Jouer au jeu

Outils

  • Sketch
  • Photoshop
  • HTML/CSS
  • Phaser.js
  • Tweenmax.js
  • Node.js

Partenaires

Newton's Wars se joue à deux sur un ordinateur ou à distance en ligne

Les aventures de Franklin

Jeu conçu en une semaine (incluant graphisme et musique) au cours d’un séminaire Processing et Sound Design. Il s’agit d’un jeu multijoueur où une personne doit éviter les objets qui tombent en déplaçant le personnage de Franklin en utilisant une marionnette devant une caméra en tant que manette alors que l’autre personne doit utiliser le Leap Motion pour viser et lancer des objets vers Franklin.

Outils

  • Processing
  • Photoshop
  • Leap Motion
  • FamiTracker

Pong

Projet scolaire dont l’objectif était de proposer une solution pour une application de points obtenus à l’achat dans des commerces locaux. Les points (pongs) sont récupérés lors d’un achat dans un commerce participant et peuvent être utilisés pour payer ultérieurement. L’application notifie les clients lorsqu’ils entrent dans un commerce où ils peuvent récupérer des points avec un système de beacon.

Outils

  • Sketch
  • Principle
Les pongs servent de monnaie local

Online Painting

Premier projet web sérieux, Online Painting est une application web créée en 2013 utilisant seulement du JavaScript pour dessiner. Les dessins sont sauvegardés grâce au HTML offline storage et une sauvegarde PHP prend le relais dans le cas ou le HTML offline storage est désactivé.

Tester l'application

Outils

  • HTML/CSS
  • JavaScript
  • PHP
Online Painting est une application web simple de dessin en ligne

Traceur

Projet scolaire dont le but était de créer un jeu pervasif avec comme contraintes l’utilisation d’un sport urbain et la découverte de la ville. Traceur est un jeu basé sur la pratique du parkour. Les utilisateurs se filment en faisant du parkour dans différents points sur la carte et les autres utilisateurs notent leurs performances. Cette note s’ajoute à leur pointage. L’utilisateur ayant le meilleur score sur un point donné est le champion de celui-ci. Les utilisateurs peuvent aussi accumuler des badges pour les actions qu’ils complètent dans l’application.

Outils

  • Figma
  • HTML/CSS
  • JavaScript
  • Node.js
Les utilisateurs mettent en ligne leurs vidéos
Prototype de l'installation

Spectre

InstallationArduino
Le pont illuminé

Pont Jacques-Cartier

InstallationProcessing
Le Détonacube exposé à la Maker Faire Nantes

Détonacube

IOTArduinoJeu
L'interface de La Poste Connect

Connect'

ServiceAppWeb
Mapping

Mapping CASTELBAJAC

Mapping
Newton's Wars se joue à deux sur un ordinateur ou à distance en ligne

Newton's Wars

WebJeu
Interface du jeu

Les aventures de Franklin

Jeu
Les pongs servent de monnaie local

Pong

ServiceApp
Online Painting est une application web simple de dessin en ligne

Online Painting

Web
Les utilisateurs mettent en ligne leurs vidéos

Traceur

AppJeuService

Audio Reactive 01

Première création d’image réagissant au son avec la bibliothèque Sound de p5.js. L’image change en fonction du son grâce à une transformation de Fourier rapide. Crédit musical “Copycat Feat Fashawn” par 20syl.

Outils

  • p5.js

Robots en éducation

Créé pour la participation au concours IxDA Student Challenge sur le thème de l’éducation de qualité. Le projet consiste à utiliser un robot comme appareil de téléprésence pour offrir des cours variés et de qualité à des étudiants, peu importe où ils sont dans le monde. Le robot offre une alternative aux cours à distance en captivant davantage l’attention par ses mouvements, en permettant des interactions à distance avec l’enseignant et en offrant la possibilité de suivre les cours en groupe.

Outils

  • Nao
  • Framer

Visuels pour Harp_2

Visuels développés pour le projet Harp_2 présenté lors d'un appel à projet pour le festival Maintenant à Rennes. Le bruit de Perlin en deux dimension est utilisé pour créer des lignes de couleurs de manière aléatoire.

Outils

  • Processing

Expérience de mapping

Premier essaie de mapping à partir d'une musique sur une maquette.

Outils

  • Millumin
  • After Effects
  • Resolume

Musique p5.js

Expérience sonore et visuelle pour tester la bilbiothèque p5.js. Les cercles changent de taille et de couleur selon la musique.

Tester l'expérience

Outils

  • p5.js
Les cercles changent selon la musique
Design audio réactif

Audio Reactive 01

GénératifAudio
Robot Nao

Robots en éducation

RobotPrototype
Bruit de Perlin

Visuels pour Harp_2

GénératifInstallation
Mapping

Expérience de mapping

Mapping
Les cercles changent selon la musique

Musique p5.js

GénératifAudio

Framer imageFill

Framer imageFill est un outils qui permet d'ajouter directement des images du service Unsplash dans un prototype Framer.

Voir sur Github

Outils

  • Framer
Framer imageFill en action

Framer app-base

Framer app-base est un module qui cré une base d'application avec pages et naviguation 'tab bar'.

Voir sur Github

Outils

  • Framer
Framer imageFill en action
Framer imageFill en action

Framer imageFill

FramerGithub
Framer imageFill en action

Framer app-base

FramerGithub

Entrevue

Entrevue pour l’École de Design Nantes Atlantique au sujet de mon parcours à l’école.

Voir l'entrevue
Entrevue pour l'École de Design Nantes Atlantique

Le design comme valeur ajoutée à l’économie

Les designers sont généralement à l'aise avec la dimension technique d'un projet, mais le sont beaucoup moins avec la dimension économique. Le design s'inscrit dans la démarche de conception de nombreux produits et services, mais comment en calculer l'impact économique ? Dans quelle mesure l'investissement dans le design peut-il rapporter à une entreprise ? Finalement, comment le fait de connaître ces informations peut élargir le champ d'action du design ?

Lire l'article
Design Value Index - dmi.org

Une énième raison d'apprendre à coder pour les designers

Les designers sont encouragés à coder pour différentes raisons, mais une reste trop souvent oubliée: pour maîtriser ses outils de travail. Modifier pour améliorer nos outils en design est un excellent exercice de design en soi, mais aussi une excellente motivation pour apprendre à coder.

Lire l'article (en anglais)
Module imageFill

La 3D sur le web

La 3D sur le web a évolué depuis VRML et Flash, il est désormais possible d'obtenir des résultats qui se rapprochent de ceux produits par une application native. Retour sur l'historique de la 3D sur le web et sur ce qui se fait aujourd'hui avec plusieurs exemples et démonstrations.

Lire l'article
World Population par Data Arts - globe.chromeexperiments.com

Signalétique connectée

La signalétique connectée prend différentes formes plus ou moins abstraites pour informer les utilisateurs. Une chose est certaine, elle remplace de plus en plus la signalétique traditionnelle en offrant de l'information plus personnelle et spécifique aux utilisateurs.

Lire l'article
Pont Chaban-Delmas - ykersale.com
Entrevue pour l'École de Design Nantes Atlantique

Entrevue

EntrevueExpérience
Design Value Index - dmi.org

Le design comme valeur ajoutée à l’économie

ArticleÉconomie
Module imageFill

Une énième raison d'apprendre à coder pour les designers

ArticleOutils
World Population par Data Arts - globe.chromeexperiments.com

La 3D sur le web

Article3D
Pont Chaban-Delmas - ykersale.com

Signalétique connectée

ArticleSignalétique