Les Ateliers 
Nous soutenir
Présentation
“ Programmer la création interactive ”
Le développeur web et mobile travaille et collabore à la conception de produits ou de services, en se basant sur sa connaissance des technologies pour proposer de nouveaux usages et une expérience digitale. Son métier est technique et fortement tourné vers le développement informatique. GOBELINS est la seule école à permettre aux développeurs et designers d’apprendre à travailler ensemble.
Galerie des projets
Retrouvez la sélection de travaux d'étudiants, découvrez les interviews des élèves, des intervenants et des anciens.
Voir les projetsUNANIME
Application sociale, hédoniste qui surfe sur le mouvement actuel du Slow down. L’expérience qu'elle propose s'adresse à des groupes de personnes qui se connaissent (amis, famille, copains, collègues ...) et qui vont devoir se rassembler physiquement dans un même lieu, le temps de lire un message collectif qui leur est adressé
Design interactif / Web
LANTERN
Lantern est une veilleuse qui s’active à la lecture d’un conte intégrant des interactions sonores et visuelles. Lantern est donc à la fois le prolongement d’une histoire, le lien entre enfant et parent au moment du couché et la veilleuse bienveillante qu’il suffit de toucher pour la rallumer si l’enfant se réveille ou cauchemarde.
Design interactif / Web
WAYZ
En mixant savamment les livres-jeu - plus communément appelés “Livre dont vous êtes le héros” - et les codes du jeu vidéo, l’application tablette Wayz va leur offrir une nouvelle expérience de lecture plus attractive afin de les réconcilier avec celle-ci.
L’enfant pourra choisir une quête parmi toutes celles proposées, devra faire les bons choix, et user de sa dextérité et sa ruse pour en venir à bout.
Mais ce n’est pas si facile, les pires ennemis se mettront en travers de son chemin afin de le faire échouer dans son aventure !
Bien heureusement, il ne sera pas seul : il pourra créer une équipe avec ses amis et faire appel à eux pour terrasser ses adversaires les plus terribles !
Une fois la mission réussie ? … pas de repos pour les braves : une nouvelle quête l’attend déjà !
Design interactif / Web
MIRAGE
Film interactif qui surfe le thème du Transhumanisme et qui place le spectateur-utilisateur en situation de participer aux rêve d’Edouard, lequel s’est doté d’une technologie lui permettant d’avoir une perception augmentée de la réalité. Cette technologie « IO » permet à Edouard de se rêver plus grand, plus fort, plus juste et d’augmenter ses possibilités d’analyse et d’action.
Design interactif / Web
CAPSULE
Application sociale qui se charge de nous mettre en contact avec nos amis FB avec lesquels nous n'entretenons plus de relation quotidienne. En jouant sur la curiosité et l'envie de reconnaître qui se cache derrière CAPSULE, l'application nous entraîne dans un jeu de clair-obscur, de visualisation de photos, de souvenirs partagés qui finira par une vraie rencontre physique qui aura été déclenchée par un désir, un projet commun. Celui de faire quelque chose ensemble dans la vie réelle.
Design interactif / Web
DREAMY
Dreamy est un jeu sur tablette qui vise à ré-enchanter le séjour des enfants à l'hôpital à travers un univers de super-héros. Il propose une exploration au sein de l'hôpital. Cette aventure va permettre à l'enfant de sortir de sa chambre et de rencontrer d'autres enfants. Grâce à un objet appelé "totem" reconnu par la tablette, il pourra résoudre des mini jeux seul ou à deux.
Design interactif / Web
Omnisense Featuring O+
Expérience de jeu combinant smartphone et ordinateur desktop, construite autour des données sociales personnelle et mettant l’utilisateur en situation de résoudre des dilemmes. La question que pose Omnisense est : dans des situations problématiques découchant sur des dilemmes moraux (oui ou non vais-je prendre la décision de …), l’accès aux données sociales personnelles va-t-il changer les prises de décisions ?
Design interactif / Web
ULYSSE
Proposés aux enseignants du primaire, Ulysse est un outil pédagogique permettant la mise en place de plusieurs parcours d’exposition au sein même d’une classe, et ce tout au long de l’année
scolaire.
Cette activité intervient en introduction à une leçon, permettant à l’enfant de découvrir et d’assimiler les notions du
cours à venir.
Munis d‘une tablette tactile et d’un casque audio, l’enfant rencontre Ulysse, un hiboux qui sera son guide tout au long de l’exposition.
L’élève est alors invité à se déplacer dans l’espace. Avec Ulysse, il part à la rencontre d’oeuvres picturales, de photographies, de documents d’archives, ... en liens avec un thème inscrit au programme scolaire, et que l’enseignant aura pris soin de choisir.
Design interactif / Web
ÉNIGMARIUM
DES EXERCICES DANS UNE HISTOIRE :
Énigmarium se construit comme une série d’énigmes et d’exercices de francais inscrits dans du storytelling illustré.
Il exploite les apports du numérique : animation, son, parcours interactif.
L’ASSOCIATION DES MATIÈRES :
En plus de travailler le français, Énigmarium a pour ambition de développer la culture générale à travers un voyage dans le temps et les cultures.
Les élèves évoluent dans des époques et cultures différentes par le biais de personnages inspirés ou non de caractères réels.
UN NIVEAU, UN PERSONNAGE :
À chaque niveau, composé d’une série d’énigmes, correspond un personnage inscrit dans un lieu, une culture et une époque.
Le personnage de chaque niveau possède un problème de language que l’enfant doit corriger (conjugaison, grammaire, orthographe...).
Design interactif / Web
Application SISLEY - NTMY
Un projet d'application pour Sisley imaginé et développé par les étudiants de la filière "Design interactif" de GOBELINS (cycle 2 - Design et management de l'innovation interactive).
Auteurs : Diana MARCHAL, Nathalie MARCHAL, Imane BAHOUSS, Mathis BIABIANY, Alexis PINEAU
Design interactif / Web
Application SISLEY - MORI
Un projet d'application pour Sisley imaginé et développé par les étudiants en Bachelor "Designer & Développeur Interactif " Option Graphisme ou Développement de GOBELINS.
Auteurs : Tony TRAN, Philippe NEVEU, Robin DELAPORTE, Jordan MACHADO
Design interactif / Web
Application SISLEY - Héritage
Un projet d'application pour Sisley imaginé et développé par les étudiants de la filière "Design interactif" de GOBELINS (cycle 2 - Design et management de l'innovation interactive).
Design interactif / Web
Application SISLEY - Shake it up
Un projet d'application pour Sisley imaginé et développé par les étudiants de la filière "Design interactif" de GOBELINS (cycle 2 - Design et management de l'innovation interactive)
Design interactif / Web
Application SISLEY - Florilège
Un projet d'application pour Sisley imaginé et développé par les étudiants de la filière "Design interactif" de GOBELINS (cycle 2 - Design et management de l'innovation interactive).
Design interactif / Web
Application SISLEY - Inoui
Un projet d'application pour Sisley imaginé et développé par les étudiants de la filière "Design interactif" de GOBELINS (cycle 2 - Design et management de l'innovation interactive).
Auteurs : Cédrine PRADIER, Célia NOËL, Chloé HENAUT, Madjid TAHA
Design interactif / Web
Application SISLEY - L'O de Sisley
Un projet d'application pour Sisley imaginé et développé par les étudiants en Bachelor "Designer & Développeur Interactif " Option Graphisme ou Développement de GOBELINS.
Auteurs : Alexandre LARTIQUE, Sarah LEPREUX, Soufiane LASRI, Jérémie BOULAY
Design interactif / Web
SOUND EXPERIMENTS
Un projet de site internet qui propose 19 expériences sonores, réalisé à l'occasion d'un workshop de quatre jours :
Design interactif / Web
Objets connectés, Arduino
Réalisation d'objets connectés par les étudiants de la formation Design et management de l'innovation interactive (cycle 2), avec utilisation de la puce Arduino.
Design interactif / Web
Brainside
Brainside est une plateforme web proposant des expériences interactives aux utilisateurs à travers la pensée créatrice des artistes contemporains. Dans un monde où la majorité des personnes semble de plus en plus résistante à cette forme d'art, Brainside rend la pensée créatrice d'un artiste plus accessible aux utilisateurs...
http://experience.brainside.io/
Design interactif / Web
BOULEVARD
Design interactif / Web
DISKULT
Design interactif / Web
JIYUWAZA
- une application pédagogique
- un magazine numérique trimestriel payant sur abonnement
- un réseau social
Design interactif / Web
MUMM
Design interactif / Web
SANG POUR SANG
Sang pour sang est une revue digitale qui aborde, de manière décalée, des sujets de société. Cette revue n’obéit à aucune logique si ce n’est qu’elle fustige le politiquement correct et la bonne conscience. Conçu par des énervés, c’est un magazine qui voit rouges : rouge de colère, de révolte mais aussi rouge de honte, de jalousie, de confusion…
Design interactif / Web
SPOOF
SPOOF c'est :
- une affiche sérigraphiée trimestrielle à 20 euros tirée à 500 exemplaires et numérotée
- un magazine interactif numérique trimestriel gratuit (stocké dans une appli kiosque gratuite)
- une expérience de réalité augmentée 3D qui ouvre une porte secrète entre le papier et le numérique
- des partenariats qui permettent aux possesseurs de l'affiche de bénéficier de réductions sur des produits graphiques comme par exemple des impressions, des livres, des visites d'ateliers etc.
- un site web communautaire et riche en contenu
Définition du mot « spoof » : parodie, satire, simulacre.
SPOOF c'est une revue numérique qui raconte des histoires avec des images. Ces histoires sont basées sur des faits réels mais abordés par ce qu'ils détiennent d'irréel, d'absurde. Flirt entre le sérieux et la plaisanterie. SPOOF rend hommage à la contemplation, au plaisir de se laisser emporter... pour rien ou simplement pour s'étonner.
Design interactif / Web
TEMPUS
Kiosque proposant plusieurs livres interactifs traitant chacun d’une période historique clef, comme l’Egypte, la Grèce antique ou encore la renaissance Italienne. Le livre interatif proposera une charte graphique moderne et stylisée destinée à un public adulte qui souhaite découvrir ou redécouvrir l’Histoire du monde. Pour notre projet nous développerons le livre sur l'Egypte Antique comme exemple.
Design interactif / Web
Le numérique au service de la nature : Luxoperon
Ce projet a été réalisé dans le cadre du projet de fin d'année des élèves du Bachelor Designers et développeurs Interactif 2016 sur la période de 6 mois environ.
Le groupe était constitué de 2 designers et 2 développeurs.
Chacun a travaillé sur sa spécialité mais toutes les étapes de conceptions (concept -> wireframes) ont étaient élaborées en groupe.
"Your mission is tot go into deep seas and discover the biosphere mysteries"
Design interactif / Web
Le numérique au service de la nature : Olo
Ce projet a été réalisé dans le cadre du projet de fin d'année des élèves du Bachelor Designers et développeurs Interactif 2016 sur la période de 6 mois environ.
Le groupe était constitué de 2 designers et 2 développeurs.
Chacun a travaillé sur sa spécialité mais toutes les étapes de conceptions (concept -> wireframes) ont étaient élaborées en groupe.
"OLO est un jeu de résolution d’énigmes. Il vise à proposer une expérience de détente inédite, tout en sensibilisant les joueurs à de nouvelles alternatives énergetiques. Et ce, de façon métaphorique."
Design interactif / Web
Le numérique au service de la nature : Ephemere
Ce projet a été réalisé dans le cadre du projet de fin d'année des élèves du Bachelor Designers et développeurs Interactif 2016 sur la période de 6 mois environ.
Le groupe était constitué de 2 designers et 2 développeurs.
Chacun a travaillé sur sa spécialité mais toutes les étapes de conceptions (concept -> wireframes) ont étaient élaborées en groupe.
"Between a game and an experience is an 360° iPad application that will immerse you in a wild hunt, in pursuit of the last deer on earth. During your journey, you will progress in the deep Siberia trying to find clues thanks to the sound and the atmosphere around you, alone, surrounding by the nature and its beauty".
Design interactif / Web
Le numérique au service de la nature : Révélarium
Ce projet a été réalisé dans le cadre du projet de fin d'année des élèves du Bachelor Designers et développeurs Interactif 2016 sur la période de 6 mois environ.
Le groupe était constitué de 2 designers et 2 développeurs.
Chacun a travaillé sur sa spécialité mais toutes les étapes de conceptions (concept -> wireframes) ont étaient élaborées en groupe.
"Revelarium est une expérience interactive, qui sensibilise vos enfants à la diversité animale à travers le temps."
Design interactif / Web
Le numérique au service de la nature : Rimba
Ce projet a été réalisé dans le cadre du projet de fin d'année des élèves du Bachelor Designers et développeurs Interactif 2016 sur la période de 6 mois environ.
Le groupe était constitué de 2 designers et 2 développeurs.
Chacun a travaillé sur sa spécialité mais toutes les étapes de conceptions (concept -> wireframes) ont étaient élaborées en groupe.
"Plonge au cœur de la jungle dans un univers incroyable ! Découvre de nombreux animaux et interagis avec eux. Un voyage interactif ludique destiné aux enfants à partir de 5 ans."
Design interactif / Web
Terraforma
TErraforma is a school project made in 2016 by for GOBELINS' students. It is a prototype, only 2 experiences were developed but they imagined more, treating about other environmental issues.
In a post- acpocalyptic future where even access to natural resources is limited, the planet is now empty of nature. Your mission is to naturalize its environment and survive by buying essential resources. Throughout your journey, you will discover humanity's past environmental mistakes.
Discover the experience TERRAFORMA
Design interactif / Web
3D MUSIC EXPERIMENTS
Durant un workshop de cinq jours, les Bachelors de GOBELINS - promotion 2018, ont conçu et réalisé ces créations en three.js.
Ces animations et mouvements sont le résultat de lignes de codes qui s’exécutent !
Découvrez 3D Music Experiments
Discover 3D Music Experiments created by Interactive Designer & Developer Bachelor students from GOBELINS school during a three.js 5 days workshop.
Design interactif / Web
Contenu de la formation
CONTENU :
Chaque année est rythmée par des enseignements fondamentaux, des enseignements techniques propres aux métiers, des sujets de recherche et la réalisation de projets en équipe.
Enseignements fondamentaux
- Culture fondamentale générale, visuelle, audiovisuelle et du design, PAO, sciences et technologie appliquées, méthodologie de projet
- Professionnalisation (posture et positionnement, promotion et exposition projets, prise de parole, droit et gestion)
Communs aux 4 Bachelors GOBELINS, ces enseignements favorisent les échanges et la collaboration pluridisciplinaire entre les étudiants et permettent d’acquérir les fondamentaux du domaine créatif.
Enseignements métiers
- Apprentissages sectoriels : histoire, culture et veille sur le design d’interaction et les technologies associées aux interfaces hommes-machines, initiation à l’UX Design et aux techniques de narration interactive, veille sectorielle, promotion et communication projet. Il s’agit d’apprentissages communs avec le Bachelor designer web et mobile.
- Apprentissages techniques algorithmiques et méthodologiques spécifiques au Bachelor développeut web et mobile : maîtrise des langages web, logiciels, méthodes et pratiques en vigueur sur le marché, conception technique, développement front-end, Node.js, Three.js et WebGL, développement d'applications mobile, Sécurité & Optimisation, bases Symfony 4, outils pour la Datavisualisation.
PROJETS :
La pédagogie par projet permet la mise en situation réelle ainsi que la constitution d’un book de références qui s’appuie sur des :
- Ateliers transversaux communs aux 4 bachelors de GOBELINS, permettant aux étudiants d’individualiser leur parcours et d’affiner leur pratique créative en choisissant 3 workshops parmi les thématiques proposées
- Projets de spécialisation en programmation interactive pour se professionnaliser dans les différentes facettes des métiers, en équipe avec les étudiants du Bachelor ‘‘Designer web et mobile’’
- Année 1 : création d’un site avec les languages HTML, CSS, JavaScript et PHP
- Année 2 : création de projets en Arduino, Processing, JS et Front avancé, Python et Angular
- Année 3 : création d’une application mobile et/ou d’un objet connecté (IOT)
STAGES :
6 à 8 semaines en fin de 1ère année à faciliter l’insertion en entreprise pour une entrée en apprentissage à partir de la 2ème année.
- Maîtriser les techniques de conception et de développement de projets web, mobiles et multi-écrans
- Programmer des interfaces, des animations et des interactions d’un site web ou d’une application mobile
- Concevoir des scénarios de navigation, de consultation de contenus et d’interactions principalement animés, immersifs et contemporains (UX design)
- Concevoir des expériences immersives, créatives et techniques
- Une formation mixant Développeur Web/Mobile et Designer Web/Mobile
- Suivi personnalisé des élèves tout au long de l’année (construction du projet de formation)
- Intervenants professionnels en activité
- Apprentissage par la pratique : expérimentation à travers une méthodologie de projet solide
- Immersion dans des projets innovants en lien avec le monde professionnel (nombreux partenariats)
- Atelier de maquettage et prototypage (Fablab), centre de documentation
