Tanatomie

Equipe : Alain DAMANTI (Graphiste) – Alphonse FERRARI (Graphiste) – Anne CATEL (Product Designer) – Christophe BONNICI (Chef de projet) – Justine GRAVE (Product Owner)

Formation : MC11 2020

Durée du projet : 6 mois

Prototype : Lien du prototype

Dossier de conception : DOSSIER PROJET

Affiche : Affiche du projet

Pitch : Faciliter la mise en œuvre de l’accessibilité numérique, pour un web plus inclusif et plus juste.

Tanaguru est une équipe pluridisciplinaire qui propose une offre de conseil et des outils dédiés à l’accessibilité numérique. Leur expertise s’articule autour de 4 axes : sensibiliser et former les équipes, accompagner la mise en œuvre de l’accessibilité numérique, automatiser les tests et développer des solutions accessibles. Leur projet Tanatomie a pour ambition de faciliter la prise en compte de l’accessibilité dans les projets web.

Problématique : Outre l’obligation légale imposée par la loi européenne sur l’accessibilité numérique, trois problématiques sont identifiées : le manque de formation des équipes, l’absence d’outil qui centralise les informations et le manque d’exemples d’implémentation.

Notre démarche : Pour réaliser notre projet, nous nous sommes appuyés sur une méthodologie fonctionnant par itérations inspirée du Design Thinking. Après une recherche théorique pour comprendre les problématiques autour de l’accessibilité numérique, nous avons commencé notre recherche utilisateurs par la définition de la cible avec notre commanditaire. Cette cible nous est vite apparue trop large. Pour réduire notre scope et évaluer notre première segmentation nous avons rédigé un questionnaire qui nous a permis d’obtenir des données quantitatives et de mieux connaître nos utilisateurs. Ce même questionnaire nous a également permis de recruter des utilisateurs pour la suite du projet.

Par le biais d’entretiens, de séances d’observation et de récolte d’opinions avec des utilisateurs, nous avons pu comprendre et définir le profil, l’expérience, la motivation, les méthodes et les outils utilisés, les difficultés et les facilités rencontrées. Cela nous a permis de confirmer plusieurs hypothèses : l’absence de source complète ou fiable, le fait que le sujet reste méconnu, le manque de formation sur le sujet et le fait que le problème soit beaucoup humain.

Tout au long de notre étude et au travers d’ateliers, nous avons constaté les limites de l’approche par métiers, ce qui nous a dirigé vers la création de nos personae : l’Expert, l’Ambassadrice, le Volontaire et la Sensibilisée. Par ailleurs, la recherche qualitative nous a montré qu’il existe une grande quantité d’axes de travail. Nous avons sélectionné ceux sur lesquels Tanatomie avait un pouvoir d’action et nous en avons déduit le cercle vertueux de l’accessibilité.

C’est le persona de la Sensibilisée à l’accessibilité que nous avons priorisé avec notre commanditaire pour répondre aux questions “Comment démontrer la fiabilité des informations ?” et “Comment aider à trouver les bonnes informations ?”.

À l’issue des premiers tests utilisateurs et d’un travail sur l’architecture de l’information, plusieurs enseignements nous ont permis d’améliorer notre prototype avec une deuxième version que nous avons soumise à un protocole de test.

Notre second prototype a été très bien accueilli. Quelques améliorations sont encore à apporter mais nous avons pu valider notre solution.

Pour aller plus loin dans notre démarche, nous proposons des pistes à notre commanditaire pour concevoir la solution la plus complète possible, en adéquation avec notre cercle vertueux. Selon son profil, l’utilisateur pourra :

– Apprendre par le biais d’une documentation didactique ;
– Naviguer au sein de la librairie de composants grâce à une structure atomic design ;
– Poser ses questions à une communauté d’utilisateurs pour demander les conseils d’un expert ou proposer sa contribution au projet.

Une version responsive sera requise, ainsi qu’un travail sur le ton et le choix des mots pour les mettre au service de l’expérience, en formulant de manière claire et concise les différentes informations.


Grâce à ce projet et comme nous l’a dit notre commanditaire, nous sommes maintenant rentrés dans le “cercle” et désormais nous n’en sortirons plus. Venez découvrir l’accessibilité numérique à votre tour !



Colobobo

Formation : DMII 2020 – 2ème année
Technologies : React – Phaser – Matter.js
Durée du projet : 6 mois

L’équipe :
Alix Chabagny (designer)
Iris Mangin Sokolowski (designer)
Erwann Letue (développeur)
Circé Grand (développeuse)
Justine Lenouvel (designer)
Alexandre Massé (développeur)

Colobobo, le nouveau jeu mobile collaboratif qui repense la manière de jouer à plusieurs.
Les téléphones, disposés les uns à côté des autres forment l’interface de jeu commune.
Et c’est parti pour jouer à 3, 4, 5 ou 6 joueurs !
Incarnez un moniteur de colonie qui accompagne des enfants dans une sortie légèrement périlleuse…
Votre but ? Aller le plus loin possible dans l’expédition. Collaborez, soyez réactifs et efficaces, si vous voulez limiter la casse !

Artémis

Équipe :

Juliette Sage–Aubriot (dev) | An TRUONG (dev) | Éloïse Luna (graph) | Élisa Masfrand (graph) | Seta Minassian (graph)


Formation : BDDI 2020
Technologies : HTML5 / SCSS / GSAP / Parcel
Durée du projet : 1 semaine et demie
Lien du site : https://artemis-demo.surge.sh
Pitch : La Déesse de la nature sauvage, Artémis, se retrouve emprisonnée dans les peintures d’une poterie de l’artiste Nicosthénès. La Déesse ressent un sentiment d’impuissance qui se transforme en un désir d’évasion proclamant l’émancipation féminine dans un univers antique comme mythologique. Avec de petits objets, nous pouvons faire de grandes histoires.

L’Envers du décor

L’Envers du décor est une web app qui propose un parcours d’oeuvres urbaines dans les rues parisiennes pour militer contre les dispositifs anti-SDF. L’objectif de ce projet est de rendre visible et de faire prendre conscience qu’il existe des dispositifs destinés à chasser les sans-abris afin de les dénoncer.

Le passant est amené à se déplacer devant les oeuvres pour découvrir leur contenu grâce à notre webapp. Le ton est sarcastique dans la description des oeuvres pour mieux tromper le passant et tourner au ridicule ces dispositifs ainsi que les personnes qui les mettent en place. Nous tournons en dérision le design hostile en créant un décalage entre le fond et la forme dont la rupture va permettre de décontenancer l’utilisateur et ainsi le faire réagir.

On demande à l’utilisateur de se prendre en photo pour mettre en évidence la non-ergonomie de l’assise. Afin de créer un effet de masse autour de ces actions isolées, la photo est directement postée sur Twitter.  Chaque tweet fait office de pétition pour permettre de retirer ces dispositifs sous la pression sociale.




Équipe :

Manon Carrour (designer)
Clara Vigourous (designer)
Alexandre Massé (développeur)
Robin Minervini (développeur)

Formation : DMII 2019 – 1ère année

En savoir plus → consulter le dossier de conception

PRISM

« Dans un futur imaginé, l’entreprise PRISM (Programme de Régulation des Infractions et de Surveillance Mondiale) propose un dispositif qui récolte toutes les données personnelles des utilisateurs. Ces données sont  utilisées pour résoudre des délits, et faire de la société un havre de paix. »

Équipe :
Robin Blanc–Beyne (designer)
Bastien Cornier (développeur)
Mathilde Herard (designer)
Jean Ndoulou (développeur)

Formation : DMII 2019 – 1ère année

PRISM est un jeu mobile (PWA) dans lequel le joueur incarne un salarié du PRISM et doit innocenter ou condamner des suspects qui lui sont présentés.

Aujourd’hui, les entreprises de l’internet convoitent nos données personnelles.  Elles sont récoltées, achetées, échangées et parfois volées. Les GAFAM sont particulièrement sous le feu des projecteurs quant à leur utilisation des data qu’ils amassent. Ces mêmes entreprises investissent massivement dans les domaines de la santé et la recherche en transhumanisme, désirant ainsi gagner accès à nos corps, et nos données les plus intimes. 

Dossier de Conception

Toi, Permafrost — Un voyage au cœur de la nature

Scène 2


Équipe :
Eliott Pincemaille (développeur)
Pauline Stichelbaut (développeur)
Olivier Anani (designer)
Cassandre Leguay (designer)

Formation : DMII 2019 – 1ère année

Technologies : Three.js – Vue.js

Brief :
Réaliser une expérience narrative, immersive et impactante autour d’un fait contemporain dans un format court. Le public visé est très présent sur les réseaux sociaux. Il est plutôt du genre volatile et exigeant.

Objectif :
Notre objectif est de mettre en lumière le travail de chercheurs, les solutions des scientifiques et l’approche des populations locales sur le dégel du permafrost. En donnant à l’utilisateur les bases de connaissances sur le sujet nous lui montrons l’étendue du permafrost dans le contexte de la menace climatique actuelle.

Pitch :
On s’intéresse à toi, Permafrost, car tu existes depuis des milliers d’années.
Tes steppes gelées couvrent un cinquième de la surface terrestre.
Tu es immense.
Ta fonte a commencé pour la première fois depuis l’âge de glace,
pourtant on ne t’écoute pas.
Ton dégel libère dans l’atmosphère des gaz à effet de serre,
Si tu te consumais entièrement cela reviendrait à brûler toutes les forêts du monde,
Deux fois.

Quelque-part sur notre Terre, il se réveille. Oserez-vous le rencontrer?

« Toi, Permafrost », un voyage au cœur de la nature.

Durée du projet : 3 mois

Behance : Par ici!

HYPPIER! — Le bonheur est dans ton prochain achat…

Équipe :

Rémi Caillot (développeur)
Mélanie Ngo (développeur)
Camille Rostoucher (designer)
Xindi Yang (designer)

Formation : DMII 2019 – 1ère année

Technologie :  ReactJS – BabylonJS

Pitch :

Hyppier! (fusion de hype & happier), c’est la fabuleuse histoire du consumérisme à l’ère 2.0, où la fast-fashion fait déborder nos armoires, où l’obsolescence programmée dézingue nos appareils électroménagers et où les pop-ups par milliers nous poussent à une frénésie d’achat incontrôlée.

Bref, l’histoire d’une époque caricaturée à l’extrême où l’épanouissement personnel est à portée de clics sur un panier. 

Découvrir l’expérience en ligne 

Pour plus d’informations, découvrez notre dossier de conception

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