Une designer d'interactivité qui aime créer des expériences sensibles et sensées. Après avoir travaillé à Montréal et à Munich, je vis maintenant à Paris où je suis UX UI Designer chez vNext à l'occasion de mon stage de fin d'études.
À propos
Je suis diplômée d'un Bachelor en Design d'interactivité et d'un double diplôme Master User Experience à L'Ecole de Design Nantes Atlantique et Management de l'innovation à l'IAE. J'ai ainsi acquis une double compétence Expérience Utilisateur - Stratégie d'entreprise lors de mon cursus scolaire. Pourquoi l'User Experience ? Cette citation d'Emelyn Baker le résume très bien:
“If your design doesn’t improve
the user’s experience, it is purely decorative and useless.”
J'ai effectivement choisi de me spécialiser en User Experience car je souhaite réaliser des produits et des services agréables, centrés sur l'utilisateur. Le processus de création pour mettre au point des produits et des expériences pertinents et sensés est ma passion.
J'ai commencé dès ma deuxième année de Bachelor à voyager pour découvrir les différentes méthodologies que pouvaient offrir le Design. J'ai beaucoup appris en terme non seulement de compétences techniques mais également en terme de relations humaines.
Il m'arrive de publier des articles sur Medium mais la légende raconte que cela se passe une fois tout les 478 jours.
Outils: Ideation, Photoshop, Illustrator, HTML5, CSS3, JavaScript, Premiere Pro
Date: Février 2016
Durée: 4 semaines
En groupe de deux, nous devions créer un projet court sur le thème du Time-Banking; Il s'agit d'un concept où la monnaie est le temps. 1 heure de cours informatique équivaut à une heure de leçon de guitare par exemple. Nous avons eu l'idée d'un service de potagers partagés.
Un avec la connaissance et possédant un potager peut donner des fruits et des légumes de son jardin à une personne qui travaille au sein de son potager.
Process
Après une étape de brainstorming et de la veille, nous avons rapidement décidé de travailler sur le potager. Alexandre et moi-même sommes devenons de plus en plus sensible face à ce que nous mangeons et nous avons pris notre exemple: deux étudiants qui ne mangeaient jamais de fruits et de légumes frais de notre région à cause notre budget. Comment répondre à ce besoin ? Nous avons pensé que le principe du time-banking fonctionnait très bien en le mettant en lien avec le concept du potager partagé.
Après avoir listé les fonctionnalités principales que nous souhaitions présenter comme la page d'accueil, le profil d'un jardinier et le profil d'un interessé; nous avons réalisé les maquettes sur Photoshop. Il fallait que ce soit un prototype fonctionnel, nous l'avons donc codé en HTML5, CSS3 et JavaScript.
Une consigne est apparue à la fin du projet: il fallait réaliser un scénario d'usage expliquant le principe de notre concept. Avec Alexandre, nous avons ainsi réalisé un StopMotion avec du papier, réalisé sur Premiere Pro. Regardez la juste ici:
TD TREE
Notre participation au concours 2019 de TD Assurance
Equipe: Cécile Tijou, Solène Herrgott et Louise Gazeau
Outils: Ideation, Conceptualisation, Illustration, Illustrator, After Effects, Premiere
Date: Septembre 2018 - Janvier 2019
Durée: 7 mois
TD Assurance a lancé un concours à destination des étudiants, dont l'objectif est d'aider cette entreprise à rehausser son impact positif sur la société et à améliorer la vie de ses collectivités. Nous avons choisi deux thèmes parmis les quatre proposés: un environnement de travail idéal et contribuer à réduire l'empreinte écologique.
Notre réponse est TD Tree. Il s'agit d'un arbre connecté qui représente de la data concernant la consommations des employés de TD Assurance sur leur lieu de travail. L'arbre est accompagné d'une interface disponible sur tablette et ordinateur qui permet aux employés de consulter l'état de l'arbre, de réaliser des challenges hebdomadaires ainsi que de lire des conseils pour réduire son impact écologique. Chaque agence de TD Assurance possède son propre arbre au niveau de l'accueil et également sa propre data. Consommation d'eau, nombre de déchets recyclés peuvent être affichés sur l'arbre par exemple.
Processus
Après avoir pris compte des consignes, nous avons réalisé un atelier d'idéation. Des idées se sont rapidement dessinées. Nous souhaitions rendre tangible des informations intangibles, difficiles à voir et à réaliser pour la population. Nous nous sommes imposées de réaliser un produit à destination des employés de TD Assurance afin d'avoir une cible concrète.
Quelques résultats de nos séances de brainstorming avec des questions telles que "Que consommons-nous au travail ?"
Nous aimions beaucoup le concept d'un arbre, vivant, qui afficherait en temps réel des informations sur la consommation. Pour que les employés de TD puissent suivre facilement l'état de l'arbre et pour rajouter des fonctionnalités pertinentes, nous avons décidé de créer une interface.
Solène a travaillé avec brio sur la maquette de TD Tree
J'ai été en charge de la conception de celle-ci. J'ai repris la charte graphique de TD Assurance pour réaliser des écrans simples et facile d'utilisation. L'interface à 4 fonctionnalités principales: les challenges, les conseils, l'actualité de TD Assurance et l'état de l'arbre en temps réel.
Chaque employé peut voir sur son plug-in l'état de l'arbre de l'agence
Nous avons envoyé pour la première étape, le 29 Octobre, une présentation de notre projet. Nous y avons inclu deux scénarios d'usage illustrés. Nous avons eu la chance d'être selectionné parmis plus de 100 équipes. Nous avons retravaillé les interfaces, la 3D de l'arbre, et j'ai réalisé les scénarios en vidéo grâce à Illustrator, After Effect et Premiere. Nous avons été selectionné parmis les finalistes et nous avons pu présenter notre travail dans les locaux de TD à Toronto en Février. Après une journée de préparation et pitch, nous avons été les gagnantes du concours. Ce fut une expérience incroyable et très enrichissante, autant humainement que professionnellement parlant !
Solène, Cécile et moi-même à Toronto
RATP
Un service innovant en collaboration avec la RATP
Equipe: Cécile Tijou & Louise Gazeau
Outils: Ideation, Conceptualisation, Illustration, Illustrator, After Effects, Premiere
Date: Mai à Juin 2018
Durée: 1 semaine
La RATP nous a demandé de proposer un nouveau service afin de permettre à un agent d'être plus autonome dans sa station de métro. Avec Cécile, nous avons répondu à cette demande avec Spoti. Nous avons crée un dispositif qui favorise le contact client / agent en dehors du guichet. Pour les clients, un écran qui permet de rentrer en contact avec l'agent. Pour l'agent, un espace agile pour l'encourager à être mobile. Il peut signaler son indisponibilité ou rencontrer le client sur un lieu de rendez-vous. Il y a une signalétique claire à l'intérieur de la station pour que les clients puissent trouver facilement ce point de rencontre.
Processus
Nous devions tout d'abord proposer trois concepts pour le mercredi avec une présentation. Pendant ces trois premiers jours, nous avons réalisé des ateliers d'idéation et de créations. Nous avons recherché des concepts et des projets existants. Le mercredi, nous avons ainsi présenté à la RATP trois projets. Nous avons par la suite continué de travailler sur celui qui a été sélectionné. Nous avons donc retravaillé le concept et mis en situation le service au sein d'une station de métro. Cécile a ainsi eu la charge de réaliser les espaces en 3D. J'ai pour ma part travaillé sur les interfaces de l'écran et de la tablette, ainsi que sur le scénario d'usage animé, qui était le livrable pour le vendredi matin.
La RATP fut très satisfaite de notre travail et nous avons eu l'occasion de le présenter au siège de la RATP, à Paris, en Septembre.
Trois concepts proposés le mardi à la RATP, celui selectionné est le point de rendez-vous dans la station.
Rhoo
A l'occasion du festival de réalité virtuelle Laval Virtual, l'Ecole de Design nous a demandé de produire un objet connecté qui puisse intriguer les visiteurs.
Equipe: Solène Herrgott & Louise Gazeau
Outils: Ideation, SolidWorks, Arduino
Date: Février 2018
Durée: 1 semaine
Rhoo est robot introverti: lorsqu'il n'y a personne aux alentours, il est bleu et heureux.Lorsqu'il y a quelqu'un devant lui, il devient rouge et est en colère. Il est possible de le calmer en lui caressant les cheveux.
Processus
Lorsque le Workshop a commencé, nous avons fait une longue session de brainstorming et de dessins, pour trouver ainsi différentes idées. Comme le temps nous était compté, nous avons choisi un concept et une technologie simple. A la fin de la première journée, nous avons décidé de travailler sur un personnage introverti. Nous nous sommes mises d'accord sur les matériaux et les fonctionnalités. J'ai décidé de prototyper dès le deuxième jour sur Arduino. Solène a fabriqué les composants de Rhoo tout au long de la semaine. Rhoo est en bois et a une coque transparente sablée, réalisée grâce à du thermoformage. Je me suis focalisée sur le côté électronique. A l'intérieur de Rhoo, il y a une Arduino Uno, un télemètre, un touch sensor (piezo dans la première version) et enfin des leds.
Nous avons pu l'améliorer après le workshop pour enfin le présenter au salon Laval Virtual en Avril 2018.
Après Laval, nous avons décidé avec Solène de fabriquer un deuxième Rhoo, "Trhoo". Il possède les mêmes fonctionnalités, mais il est composé de matériaux différents de son grand frère.
Et Si ?
Une expérience interactive basée sur le cyber harcèlement
A l'occasion de mon projet de fin de troisième année, j'ai décidé de travailler sur le thème "Féminisme et datavisualisation interactive" avec comme problématique: Comment mettre en lumière de manière intuitive et ludique les différents combats du féminisme aujourd'hui ? J'ai choisi pour cela de réaliser un projet sur le cyber-sexisme et le cyber-harcèlement pendant la période de l'adolescence.
Le résultat final est: Et Si ? Il s'agit d'un site internet où l'on peut incarner soit Julien, soit Claire, deux adolescents. Dès lors que l'on rentre dans le chat fictif, la fin dépend des choix réalisés lors de l'expérience.
Différentes réponses sont disponibles et il peut y avoir trois fins. Etre harcelé.e, faire partie du harcèlement ou défendre celui ou celle qui est harcelé.e. A la fin de l'expérience, une datavisualisation interactive personnalisée sur le cyber-harcèlement et le cyber-sexisme.
Processus
J'ai tout d'abord réalisé des recherches sur le féminisme et j'ai eu l'occasion d'interviewer des associations féministes. Amandine Berton-Schmitt, du Centre Hubertine Auclert à Paris, m'a donné beaucoup d'informations sur le cyber-sexisme à l'école. J'ai pu constater que le nombre d'enfants harcelés en France était gigantesque, et que le sexisme est fortement lié avec cet harcèlement. En effet, les insultes sont souvents sexuelles et les rumeurs également, tout particulièrement si il s'agit d'une fille.
J'ai refléchis à différentes idées sur comment je pourrais informer de manière intuitive et réaliste les parents sur ce qui se passe à l'école. Je souhaitais également que l'adulte est la possibilité de découvrir tout ceci avec leur enfant, donc il fallait proposer une expérience ludique.
C'est à partir de ce moment là que j'ai eu l'idée de créer une sorte de jeu, en permettant aux parents de se mettre à la place des adolescents d'aujourd'hui. En incarnant un adolescent dans le chat fictif, ils peuvent ainsi mieux comprendre les différentes situations. Pour accentuer l'expérience, j'ai implenté les statistiques sur le cyber-harcèlement en France à la fin.
J'étais principalement inspirée par les jeux-vidéos "Point & click". Lorsque l'utilisateur peut avoir différentes fins en fonction de ses choix. (Telltale par exemple)
L'étape suivante consistait à la création de la plateforme. Tout d'abord, j'ai réalisé l'architecture du site internet de base, puis les différents choix possibles que pouvaient avoir l'utilisateur en fonction de ses réponses dans le chat.
Après avoir dessiner les wireframes, j'ai réalisé les maquettes sur Photoshop, avec une forte identité graphique. Lorsque l'utilisateur entre dans le site internet, la couleur principale est le noir. Cela s'inverse totalement lorsqu'il entre dans le chat. Ainsi, il s'est que l'ambiance change et que le jeu commence.
Ensuite, j'ai codé avec de l'HTML5, CSS3 et du Javascript. Je voulais à tout prix avoir un prototype fonctionnel, avec de la data interactive.
J'ai ajouté du sound design. Selon moi, l'utilisateur avait besoin de se sentir vraiment concerné par l'histoire, et le son était capital pour cela.
Après quelques corrections grâce aux feedbacks de mes amis, j'ai présenté mon travail en Juin 2017.
Vous pouvez jeter un oeil à ma présentation juste ici.
Together
Un projet court sur la cohésion d'équipe
Equipe: Anastasia Pescheux-Sergienko, Louise Gazeau, Titouan Motreuil
Ouils: Ideation, Photoshop, Illustrator
Date: Mai 2017
Durée: 4 semaines
En groupe de trois, notre professeur d'ergonomie nous a demandé d'imaginer un service et/ou une application mobile. Cela pouvait être n'importe quoi, du moment que nous analysions notre cible.
Nous avons décidé de proposer un service qui permet de suggérer des activités de TeamBuilding à une entreprise et également à aider ses équipes pour la partie organisation, pour ainsi amener de la cohésion entre collègues.
Le résultat est Together. Il s'agit d'une application qui peut être un simple agenda où l'on peut créer des évènements. Cela peut être aussi un outil puissant qui mets en relation des entreprises qui ont du mal avec la cohésion d'équipe avec des companies spécialisées en activité Team Building près d'eux. Lorsque l'utilisateur choisi de créer sa propre activité, il doit:
la décrire, hoisir un lieu et séléctionner une ou des équipes faisant parties de l'entreprise.
Processus
La première étape fut la création de personas, d'enquêter et d'expliquer les différents cas d'utilisations de notre produits.
Nous avons réalisé six personas diversifiée et des enquêtes auprès de 10 personnes sur la cohésion au travail. Nous leur avons demandé également des idées d'activités si ils souhaitaient augmenter cette cohésion.
La majorité souhaitait effectivement mieux connaître leurs collègues. Personne ne connaissait une plateforme ou un servive qui permet d'organiser des activités. Nous avons par la suite réalisé une benchmark sur différents sujets. Service pour gérer son temps, des invitations, et des produits basés sur le Team Building.
Nous nous étions interessés au Team Building et des activités ludiques, mais nous nous sommes rendu compte en réinterrogeant les utilisateurs potentiels que pas n'importe quel équipe aimerait faire ce genre d'activité.Après avoir défini nos fonctionnalités, avons mis en place une architecture de l'information pour selectionner les pages importantes à montrer lors de notre présentation.
Nous avons ainsi mis au point Together, avec une charte graphique simple et attrayante, avec Photoshop.
Pendant cinq ans, j'ai beaucoup appris:
User Experience
Grâce à de nombreux projets et workshop, je peux identifier les besoins et les problèmes rencontrés par les utlisateurs par le biais de différents outils (Journey Map, Personnas...). Je suis habituée à prototyper rapidement et de tester encore et encore mes services.
User Interface
J'ai réalisé plusieurs identités graphiques pour des sites web et des applications. J'ai également travaillé sur des interfaces de produits tangibles. Je suis confortable aussi bien sur un PC que sur un Mac.
Humainement
Mes stages à Montréal et à Munich m'ont fait beaucoup évolué en tant qu'humain. J'ai rencontré des personnes formidables et talentueuses provenant du monde entier.
