AllSessions

Equipe :

Marine Loth (UX designer/directrice artistique) – Mikael Hakmi (UX/game designer) – Nathalie Caroff (UX/UI designer)

Formation : Certification UX Design (2016-2017)

Durée du projet : 4 mois

Dossier de conception : dossier AllSessions

Pitch :

Faciliter et encourager la pratique du sport

AllSessions est une start-up, créée en 2016, favorisant la rencontre entre sportifs, passionnés par les sports outdoor, via une plateforme internet. Début 2017, elle élargit son offre à l’entreprise et à tous types de sport. Son concept : faciliter l’accès à la pratique sportive des salariés avec une offre sur-mesure, adaptée à leurs envies et contraintes.

Notre mission : unifier la plateforme individuelle (allsessions.club) et le site vitrine à destination des entreprises (allsessions.fr)

A la suite d’entretiens réalisés auprès de 16 utilisateurs potentiels, nous avons réalisé qu’un des freins majeurs à la pratique sportive est le manque de motivation.

La plus-value de l’offre : donner la motivation pour se bouger.

L’aspect ludique, par la gamification, et l’esprit d’équipe, par la création d’une communauté, y sont développés. La motivation est renforcée par un accompagnement personnalisé (module d’aide, messagerie et relance par email / sms).

 

Info Emploi Réfugiés

Équipe :

Seila Ly (Directeur artistique / UI) – Martin Couderc (UI/UX) – Amandine Audras (UI/UX) – Mathieu Jeune (Chef de projet)

Formation : MC11 2016-2017

Méthodologie :

  • Recherche primaire et secondaire.
  • Persona, User Journey, Card Sorting, How Might We.
  • Entretien & atelier de co-création avec des réfugiés, des travailleurs sociaux et des RH.
  • Prototypage avec Sketch, Invision et prototype web mobile.
  • Tests utilisateurs en laboratoire avec du matériel d’eye tracking

Durée du projet : 4 mois

Dossier de conception : Dossier IER

Pitch :

Comment un service peut-il aider les réfugiés à être plus autonomes pour accéder à l’emploi ?

Aujourd’hui, même si le statut de réfugié autorise à travailler, l’opacité des procédures, la multiplicité des options et le manque d’informations restent des freins majeurs à l’embauche. Destinée également aux employeurs et travailleurs sociaux qui accompagnent l’intégration des réfugiés, cette plateforme est vouée à être un véritable outil de référence qui permettra de s’informer sur les démarches à suivre pour employer une personne réfugiée.

Info Emploi Réfugiés, la plateforme pour et par les réfugiés

  • Favoriser l’autonomie par l’apprentissage
  • Être un relai entre les réfugiés et l’information
  • Refléter le côté bienveillant d’une véritable discussion
  • Dédramatiser le sujet et leur situation
  • Aider à la réalisation de soi

 

Can I Welcome You

Équipe :

Natacha GUERNIC (Directrice Artistique) – Cédric CASTANIER (Web Designer) – Elodie BOULIN (Chef de Projet)

Formation : Certification UX Design (2016-2017)

Technologie : HTML – Android – iOS

Durée du projet : 4 mois

Dossier de conceptionDossier CIWI

Lien : Prototype CIWI

Pitch : La conception de l’application CIWY (Can I Welcome You) a été réalisée dans le cadre de la formation « Certification UX Design » (promotion 2016-2017).

Contexte : Can I Welcome You (CIWY) est une association créée en 2015 qui a pour but de mettre en relation des touristes et des locaux pour partager ensemble gratuitement des loisirs, des bons plans, des sorties et échanger leurs expériences et leurs cultures.

Le site web responsive et l’application de parcours touristiques actuels sont très peu utilisés par les locaux et les touristes car ils ne répondent pas à leurs besoins.

CIWY a désormais besoin d’une plateforme d’échange global pour faire grandir et fidéliser sa communauté d’ambassadeurs (les locaux) et de touristes.

Notre réalisation :

Notre application se compose de 5 rubriques principales pour que les ambassadeurs et touristes interagissent, échangent, se rencontrent autour de leur passion commune, le tourisme créatif :

    • Un accueil avec tableau de bord personnalisé : voir en temps réel les membres connectés et les sorties autour d’eux
    • Une rubrique « explorer » : rechercher des sorties, des ambassadeurs, des touristes
    • Une rubrique « mes sorties » : créer et gérer ses sorties
    • Une rubrique « messages  » : contacter et être contacté
    • Une rubrique « profil » : gérer sa disponibilité et noter les ambassadeurs et touristes

Cartel

Équipe :

Jérémie Kornobis (Webdesigner, Développeur) – Christophe Petitjean (Directeur Artistique Communication) – Juliette Temem (Développeuse Front-end) – Andréa Toutain ( Directrice Artistique Digital)

Formation : MC11 2016-2017

Méthodologie :

  • Interviews Guerilla, Shadowing, recherche primaire et secondaire, entretiens avec des professionnels du milieu muséal (professeurs du Cnam Cedric, creative technologist, sémiologue).
  • Ateliers de co-création de l’équipe projet.
  • Prototypage avec Sketch, Invision et Flinto.
  • Guerilla testing du concept en phase préliminaire.
  • Tests utilisateurs du prototype dans le musée avec des lunettes oculométriques.

Durée du projet : 3 mois

Dossier de conception : Cartel-Museum

Pitch :

Cartel, projet de dispositif muséal interactif.

Chaque visiteur de musée découvre une œuvre à sa manière et par là-même la rend unique. Et si le musée vous proposait un kit de visite pour découvrir les œuvres autrement ?

Dans les musées la culture est traditionnellement acquise de manière descendante. L’institution possède le savoir et le visiteur l’acquiert passivement. Cartel a pour ambition de faire du visiteur un acteur de son parcours, et de transformer le musée en un lieu d’échange.

Le dispositif offre tout d’abord un service de médiation universel.
Avec Cartel, il suffit de passer le smartphone ou un des badges NFC fournis sur le panneau avec le nom de l’œuvre. D’un simple geste le visiteur obtient 4 mots-clés pour la recontextualiser, et s’il le souhaite peut les approfondir.

Une fois le visiteur familiarisé avec l’interface, Cartel lui propose de répondre à des besoins identifiés par nos recherches : collectionner les œuvres pour les retrouver plus tard, les découvrir par le jeu, se repérer dans l’espace. Un processus d’engagement progressif les amène à participer et s’exprimer : consultation des réactions des autres visiteurs, micro-interactions, visite ludique, contribution.

Le point-clé est que le dispositif Cartel ne force pas la main du visiteur. Il pique la curiosité en proposant des services adaptés pour l’impliquer à l’instant T et ne pas interrompre sa visite. En focalisant son attention sur ce qui l’entoure et non sur l’interface, l’expérience de visite prime sur la technologie et l’œuvre reste au centre du parcours.

Enfin, Cartel offre la possibilité de prolonger l’expérience chez soi en permettant aux visiteurs de récupérer leurs parcours et de détailler plus précisément un objet qu’ils auraient repéré, avec un site personnalisé post-visite.

Par ailleurs, le dispositif est également bénéfique aux musées : ceux-ci disposent d’un moyen de mieux comprendre et d’optimiser l’agencement et la composition des collections grâce aux retours des visiteurs

Alors, prêt à amplifier le musée ?

Médias

Centre de Formation des Journalistes

Elisabeth Demerliac (directrice technique),
Ronan Lefrançois (directeur artistique – UI designer),
Caroline Levy-Rossant (chef de projet),
Ripa Manukyan (UX designer)
Mathilde Maufras (Architecte de l’information-UX designer)
Anne Mayeras (UX designer)

Formation : CRPL 2017

Technologies : WordPress-HTML5-CSS3-JavaScript-jQuery-PHP-Ajax

Durée du projet : 3 mois

Dossier de conception : CFJ_CRPL2017_dossier

Lien : http://dev.cfjparis.com
Le site est toujours en pre-prod et sera migré en production fin mai.

Pitch : Le site du CFJ a été réalisé dans le cadre de la formation « Conception et réalisation de produits en ligne » (promotion 2017).

Le contexte :
La refonte de son site internet « www.cfjparis.com » devait répondre à la problématique suivante  :  comment dynamiser le site du CFJ
tout en gardant son image statutaire et institutionnelle ?

Pour revisiter le site du CFJ afin qu’il devienne le reflet de la modernité et du dynamisme de l’école, c’est à dire une institution qui place la pédagogie de terrain au centre de l’accompagnement de ses élèves, il a été nécessaire de :
• travailler sur le contenu existant du site en réalisant son inventaire pour concevoir une navigation adaptée aux besoins des utilisateurs ;
• intégrer le site de l’école W – tout en minimisant sa place actuelle sur la page d’accueil- pour valoriser la dimension digitale de votre offre de formation et fluidifier la navigation ;
• imaginer une charte graphique qui s’inscrive dans les tendances actuelles ;
• simplifier la mise à jour du contenu du site en créant une interface «back-office» simple et intuitive ;
• imaginer une navigation différente selon le profil de l’utilisateur : le CFJ s’adresse à ses publics, nombreux et aux objectifs différents.

Le nouveau site du CFJ se présente comme une visite immersive dans une maison-laboratoire, vivante et créative, où les futurs journalistes expérimentent les nouvelles techniques de médias en pleine mutation.
Des séquences vidéo accompagnent le visiteur dans les principales rubriques de l’arborescence, notamment dans les pages destinées aux candidats, à leurs parents et aux professionnels. Dès la page d’accueil, une visite guidée, reprenant l’ensemble de ces vidéos, fait découvrir les lieux emblématiques de l’école. Elle est calquée sur le parcours de l’étudiant, depuis son entrée dans l’école jusqu’à son insertion professionnelle.

 

 

 

DR SKETCHY Paris

Anne Morel (Directrice artistique/UI Designer) – Olivia Houbert (UX Designer) – Nicolas Serginsky (Directeur technique) – Laurent Debouit (Chef de projet)

Formation : CRPL 2017

Technologies : WordPress-HTML5-CSS3-JavaScript-jQuery-PHP

Durée du projet : 3 mois

Dossier de conception :  Télécharger (62mo)

Lien : www.drsketchy.fr

 

Pitch : Le site de Dr Sketchy a été réalisé dans le cadre de la formation « Conception et réalisation de produits en ligne » (promotion 2017).

Le contexte : Dr Skecthy’s Anti Art School Paris est une société américaine créée à New York en 2005. En 2011, le concept s’est importé en France en créant la branche parisienne Dr Sketchy Paris. L’activité de Dr Sketchy Paris consiste à organiser des ateliers éphémères de dessin de modèles vivants. Dans le but de dépoussiérer les cours de dessin classiques jugés ennuyeux, les modèles sont en costumes historiques et chaque séance de dessin se déroule dans un lieu atypique (un cabaret, un musée…).

Suite à des problèmes techniques, le site de la branche parisienne a été perdu ainsi qu’une partie des images liées aux événements. De ce fait, et dans le but de poursuivre son activité, Dr Sketchy a besoin d’un nouveau site web.

Notre réalisation : le site tourne autour de deux fonctionnalités majeures qui sont l’inscription aux événements et le partage de dessins réalisés. Il contient un espace membre ou chacun peut partager ses réalisations, ses infos et sites personnels et une galerie photo par événement. Beaucoup d’automatisations ont été mises en place afin de faciliter la gestion du site et de limiter les contributions de l’équipe gérante. Le graphisme du site est centré sur les notions de dessin et de mystère, tout en restant intemporel.

KCRAFT&CO

Lionel Mallet (Directeur technique) – Lara Huberfeld (Directrice artistique/UI Designer) – Maureen Cros (UX Designer) – Frédéric Weill (Concepteur/Réalisateur multimédia) – Marie-Hélène Bougeret (Chef de projet)

Formation : CRPL 2017

Technologies : WordPress-HTML5-CSS3-JavaScript-jQuery-Ajax-JSON-PHP

Durée du projet : 3 mois

Dossier de conception : télécharger (PDF 64 Mo)

Lien : www.kcraftco.fr

Pitch : Le site de KCRAFT&CO a été réalisé dans le cadre de la formation « Conception et réalisation de produits en ligne » (promotion 2017).

KCRAFT&CO est une société de production indépendante qui fait à la fois de la télévision, du cinéma et du conseil.

Pour KCRAFT&CO, il est aujourd’hui indispensable d’avoir un site web pour exposer son travail, ses productions, les diffuseurs qui lui ont fait confiance mais aussi les sociétés qui ont fait appel à elle pour une activité de conseil.

Le site de KCRAFT&CO est le reflet de cette citation d’Egdar Degas « Je voudrais être illustre et inconnu ». Les deux producteurs, Maryvonne Le Meur et Guillaume Godard, entendent, à titre personnel, rester discrets. Être présents sur le web pour exposer uniquement les productions réalisées et donner l’occasion d’éclairer ceux qui travaillent avec eux (comédiens, techniciens, auteurs…).

C’est dans cet esprit qu’est conçu le site, sans superflu, la conception graphique devant toujours servir la fonction.

 

Centre international du photojournalisme

Roland de Courson (chef de projet) – Silvia Cereijo (graphisme et UX design) – Anne Pichon (directrice artistique et UX design) – Anne-Claire Onillon (directrice technique)

Formation : CRPL 2017

Technologies : HTML – CSS – JS – PHP

Durée du projet : 3 mois

Dossier de conception : télécharger (PDF 14 Mo)

Lien : http://photo-journalisme.org

Pitch : le site du nouveau Centre international du photojournalisme (CIP) de Perpignan, institution unique au monde dont la mission est de conserver et de valoriser les photos d’actualité historiques.

Il s’agit d’un des projets de fin d’année de la formation « Conception et réalisation de produits en ligne » (devenue par la suite « Designer et développeur interactif »). Il s’est déroulé de janvier à avril 2017.

L’équipe était constituée de deux graphistes et UX designers travaillant en tandem et d’une directrice technique, provenant toutes trois du milieu artistique et graphique, et d’un chef de projet provenant du monde du journalisme. Cette équipe a tout d’abord revu de fond en comble l’identité graphique du CIP, réalisant un nouveau logo et une charte graphique complète. Le site consiste en un thème blanc WordPress, conçu sur mesure pour le CIP, enrichi de plusieurs extensions telles que Polylang, ACF, Carousel Slider, etc. Des mini-webdocumentaires interactifs, conçus à l’aide de l’application Klynt, présentent les expositions photographiques du CIP.

Le CIP a été créé en 2015 par les organisateurs du célèbre festival de photojournalisme Visa pour l’Image de Perpignan. Il disposait depuis l’été 2016 d’une base de données dans laquelle il stocke peu à peu son fonds photographique. Il souhaitait réaliser, en complément, un site-vitrine pour encourager les photojournalistes à lui confier leurs archives historiques et faire connaître ses activités auprès du public.

 

 

 

 

Bienvenue sur le Blog du département Design Interactif de GOBELINS

Bonjour à tous,

Le département Design Interactif de « GOBELINS, l’école de l’image » produit chaque année de très nombreux projets et il est temps que nous vous présentions ces réalisations.

C’est pourquoi toute l’équipe du département vous présentera, dès que des projets auront été présentés en jury, les réalisations des étudiants des formations en Design Interactif de l’école.

Notre blog est susceptible d’évoluer à n’importe quel moment, alors surveillez l’actualité du département à travers les posts de designinteratif.gobelins.fr ou directement via notre compte Twitter (@gobelinsdi).

Equipe Gobelins Design Interactif