header image

UI/UX & designer graphique

Morgane Billoud

en savoir plus sur moi

mes références

Portfolio

mes formations et expériences professionnelles

CV

  • formation
  • expérience pro

2015 – 2017

DSAA Design Interactif

2009 – 2011

BTS Com. visuelle

2008 – 2009

MANAA

fin 2018 – aujourd'hui

UI designer

2017 – 2018

UI/UX designer & designer graphique

2016 – 2017

UI/UX designer

fév 2012 – août 2015

Graphiste

2015 – 2017

DSAA Design Interactif

Pôle Supérieur de Design, Villefontaine (38)

Diplôme national de niveau Master 1 formant au design interactif et à l'UX design.

Les travaux sont réalisés en équipe pluri-disciplinaire, dans une démarche de co-conception et centrée utilisateur, sur des projets de design d'interaction, d'interfaces, de services et de recherche en design.

Maîtrise des méthodes et outils UX (immersion/récolte des usages, experience map, user journey, persona, test utilisateur...), conception de scénarios d'usages, prototypage interactif, prototypage rapide, code Processing/JS/Arduino...

2009 – 2011

BTS Communication Visuelle

Option Graphisme Édition Publicité, Bellecour École d’art, Lyon (69)

Maîtrise de la conception d'identité visuelle, de supports de communication et d'édition, macrotypographie et microtypographie, apprentissage de la chaîne graphique

2017 – 2018

UI/UX designer & designer graphique

En freelance

Accompagnement UX, design de solutions numériques et de services dans une démarche de co-conception et d'innovation par les usages.

Mes missions :

  • accompagnement de projet et intervention sur des besoins spécifiques pour les PME et TPE
  • accompagnement UX/UI des participants et prototypage lors de sprints créatifs et autre évènement d'innovation collective

2016 – 2017

UI/UX designer

En alternance, Altran Pr[i]me, Lyon (69)

Entité indépendante, Altran Pr[i]me est spécialisée dans le management de l’innovation et le design thinking.

Travail multi-projet en équipe pluri-disciplinaire (designers UX, UI, produit et ergonomes) dans les domaines de la maison connectée, l’automobile connectée, la e-santé ou encore l’assurance.

Mes missions :

  • Conception d'interfaces et de services (storyboarding, workflow, wireframe, maquettage et prototypage interactif...)
  • Préparation, restitution et accompagnement UI/UX d'ateliers de co-conception
  • Interviews et tests utilisateurs
  • Co-conception avec les équipes de développement, notamment en méthode agile
  • Conseil clients
  • Suivi de développement

fév 2012 – août 2015

Graphiste

Interlude Santé, Brignais (69)

Conception digitale pour le secteur santé

Mes missions :

  • Conception d'interfaces : outils interactifs, interfaces tactiles (tablette et mobile), sites internet
  • Identité visuelle et charte graphique
  • Supports de communication imprimés (campagne de communication, livret d'accueil, journal d'information...)
  • Motion design et montage vidéo : clips promotionnels et vidéos explicatives
  • Conseil clients
  • Suivi de développement

Compétences


en bref

6 ans

d'expérience en UI et design graphique

2 ans

d'expérience en UX design

12

workshops créatifs accompagnés

75cl

de thé par jour

204h

sur The Witcher 3

compétences techniques


Illustrator
In Design
Photoshop
Sketch
Figma
XD
After Effects
Première
HTML/CSS
Processing/JS/Arduino
méthodes et outils maîtrisés

user-centred design
design thinking
méthode UX
co-conception
sprint créatif
scénario d'usage
benchmark
étude des usages
experience map
user journey
persona
workflow
wireframe
prototypage interactif
test utilisateur


langues

français
natif
anglais
rédaction de textes de recherche, communication orale


intérêts

linogravure

couture

romans graphiques

jeux vidéo RPG

art du thé

l'Écosse

et si on en parlait ?

Contact

retrouvez-moi aussi sur :
twitterlinkedinviadeo
haut

À Propos

Designer graphique de formation, je suis UI designer avec plus de 6 ans d’expérience dans la conception d'interfaces : sites internet, logiciels métier, applis mobile et tablette... Sensible à l’ergonomie et à la démarche centrée utilisateur, j’ai repris mes études afin d’obtenir une solide formation en UX design. Grâce à mon année d'apprentissage au sein d'Altran Pr[i]me, j'ai affiné mon expertise en design thinking et méthodes de co-création.

Aujourd’hui, c’est au sein de Smile Digital (Villeurbanne) que j’accompagne les clients et conçois leurs projets avec eux.

Je participe aussi régulièrement à des sprints et autres événements créatifs, que ce soit en tant qu’experte UI/UX, pour accompagner les participants dans la formalisation de leurs idées et le prototypage, ou simplement en tant que participante.

ui & design graphique :
6 ans d'expérience
ux :
2 ans d'expérience
âge :
30 ans

Idéambule

Ce prototype a été réalisé dans le cadre d'un challenge d’innovation ouverte sur la problématique du transport. Le but : améliorer l’expérience voyageur des usagers des transports en commun. Organisé par le centre Erasme et le Tubà, il réunissait de grands acteurs publics et privés de la mobilité (Métropole de Lyon, Alstom, Keolis, RATP…). En tant que UX/UI designer, j’ai travaillé collaborativement avec une experte mobilité de la Métropole de Lyon, une designer du groupe Alstom et un designer codeur. Au terme des 2 semaines de conception et de prototypage, nous avons abouti au projet Idéambule.

Dans un contexte de parcours intermodal, Idéambule cherche à valoriser les temps d'attente en proposant une activité ressourçante et de découverte. Un dispositif physique placé dans les stations suggère des lieux à visiter afin de reconnecter l'usager avec son environnement. Une application mobile permet de s'ouvrir à de nouvelles connaissances et champs culturels via des ressources multimédia.

Prototype du dispositif interactif Idéambule Prototype du dispositif interactif Idéambule Prototype du dispositif interactif Idéambule Prototype du dispositif interactif Idéambule Prototype du dispositif interactif Idéambule Prototype du dispositif interactif Idéambule Prototype du dispositif interactif Idéambule
haut

Et si ma ville était...

“Et si ma ville était...” est un dispositif-atelier ambulant, s'installant de manière inopinée dans l'espace public. Les passants intrigués sont invités à répondre à une question sous la forme d'un portrait chinois.

Par le biais d'un catalogue de formes, le participant répond en composant son image. Il laisse libre court à son imagination et sa parole se libère. La manipulation des formes permet de faire s'exprimer la parole par le “faire”.

Puis, la composition est capturée à l'aide d'une webcam. L'image ainsi que l'explication du participant génèrent une affiche qui est aussitôt imprimée et exposée aux yeux des passants. Ces derniers peuvent réagir et commenter l'affiche, permettant ainsi de l'enrichir en créant d'autres arguments ou contre-arguments. Ce procédé très court permet une simultanéité entre la pensée, sa formalisation et sa discussion.

Une fois l'atelier terminé, le traitement graphique facilite la restitution des paroles des habitants lors d'une session de groupe, le ré-injectant ainsi dans le processus du projet collaboratif.

“Et si ma ville était...” cherche à renouer avec une lecture plus sensible de la ville, faisant davantage appel aux ressentis, souvenirs, à l'histoire, aux anecdotes, à tout ce qui constitue l'expérience qu'a une personne de son environnement. Il produit des points de vue différents, des images inspirantes et diversifiées servant de base réflexive et de matière créative pour la poursuite du projet.

categories:
web design
projet :
projet de diplôme DSAA
date :
2017
Schéma d'explication du déroulement de l'atelier mobile participatif

Mémoire Design participatif

Traditionnellement, les projets d'espace public sont du seul apanage des acteurs publics. Depuis quelques années se développe un design participatif visant à intégrer le citoyen dans le projet, en tant qu'usager final mais aussi comme expert d'un espace public.

Cependant, les cadres proposés, souvent sous forme de réunion ou d'atelier organisés dans le cadre institutionnel, ne parviennent à attirer qu’un nombre limité de citoyens aux profils très homogènes.

J'ai souhaité réfléchir à des alternatives d'expression plus ponctuelles, s'intégrant dans le quotidien des habitants dans des lieux et des temps qui leurs sont plus adaptés, afin de limiter les contraintes et rendre la prise de parole plus accessible à tous.

Mon projet cherche à inclure des citoyens habituellement absents de ces processus participatifs en proposant d'autres cadres d'expression, pour déclencher un “premier pas” dans la participation.

catégorie(s) :
ui design
projet :
Mémoire de recherche de DSAA
date :
2017
Travail de recherche, mise en page du mémoire de recherche Co-créer la ville, design des outils de prise de parole citoyennes dans les démarches participatives

UX Cards

Durant mon expérience au sein d’Altran Pr[i]me, j’ai mené en collaboration avec une autre designer, un projet interne de création d’un set d’UX Cards. Cet outil a pour but d’accompagner les consultants dans la préparation des ateliers dans le cadre de projets de co-création.

Chacune des cartes présente une méthode ou outil créatifs, et donne des informations pratiques détaillées (durée, nombre de participants, matériel nécessaire, besoin d’un facilitateur… Elles s’adaptent ainsi aux différents niveaux d’expertise de l’animateur : les outils sont plus facilement accessibles et appropriables pour les novices, tandis que les experts peuvent découvrir de nouveaux outils afin de renouveler leur pratique.

Ce projet a été réalisé en co-création avec les consultants du groupe. Par le biais de questionnaires et d’interviews, nous avons récolté les retours d’expérience, difficultés et besoins des animateurs d'ateliers créatifs comme base de notre réflexion. Les consultants ont ensuite été intégrés à différentes phases du projet. Des sessions de travail ont permis de délibérer et de concevoir le set avec eux.

catégorie(s) :
ui design
collaboration :
En collaboration avec May-Line Grassi, UX/UI designer
projet :
projet interne, crédits Altran Pr[i]me
date :
2017
Set d'UX Cards, kit d'accompagnement des consultants Altran dans la préparation d'ateliers créatifs dans le cadre de projets en co-création

Wizmi

Wizmi est une application d’assistance à la conduite automobile à destination des assurés de la BNP Paribas et co-développée par Altran. Reliée à un système de capteurs implantés à différents endroits dans le véhicule et à une détection faciale du conducteur, elle permet de récolter les données liées à la conduite et de les transmettre en temps réel au conducteur. Grâce à un système de récompenses et des scores de conduite, elle cherche à prévenir des risques et à valoriser les bons comportements du conducteur sur le long terme.

Mon intervention a d'abord consisté à penser l’expérience utilisateur et à établir un système de récompenses par un travail global autour de la gamification. J’ai ensuite créé l’interface graphique de l'application mobile. L’application a été présenté lors d'un POC (Proof Of Concept) au sein du Cardiflab de BNP Paribas.

catégorie(s) :
illustration
réalisation :
Altran Pr[i]me
client :
Cardif BNP Paribas
date :
2017
Interface graphique de l'application mobile Wizmi, projet Altran et BNP Paribas



1.5ft

Réalisé dans le cadre du workshop « Jouer la Ville » au sein de l’UrbanLab du Centre ERASME – Métropole de Lyon, 1.5ft est un dispositif de mobilier urbain augmenté. Né d’observations terrain dans le cadre urbain, le dispositif prend appui sur un comportement universel : lorsque nous nous retrouvons à nous asseoir à côté d’une personne qui nous est inconnue, nous laissons instinctivement un espace, une interstice.

Le concept est de venir occuper cet espace laissé libre par un élément de gamification, un jeu, et ainsi donner naissance à une interaction, une prise de contact entre les deux joueurs. Le prototype prend donc la forme d’un banc qui laisse place à un jeu vidéo, le Pong, lorsque deux personnes sont assises à chaque extrémités du mobilier. Au fil des niveaux, le terrain de jeu séparant les deux joueurs rétrécie, les poussant à se rapprocher l’un de l’autre pour continuer à jouer.

catégorie(s) :
illustration
collaboration :
en collaboration avec Antonin Carlesso (designer produit), Alexandra Douine (designer produit) et Camille Martin (designer interactif). Les sources du projet sont à retrouver sur GitHub
client :
Centre ERASME
date :
2016
Extrait de l'étude anthropologique, phase d'observation et prototype du dispositif de banc interactif testé à l'urabn lab, Erasme, Lyon

Re[ve]lations

Conception d'un dispositif physico-numérique permettant de visualiser la perte de contact avec un proche. Basé sur la distance entre chaque appel, il permet de mesurer l'éloignement d'une personne proche par la visualisation de cette donnée. Il vise à la prise de conscience de l'utilisateur de sa négligence dans le but de déclencher l'appel téléphonique.

catégorie(s) :
illustration
collaboration :
en collaboration avec Maxime Clocher, designer produit.
client :
INRIA Grenoble, institut national de recherche
date :
2015

SpaceMood

SpaceMood vous invite à vous mettre dans la peau des astronautes par le biais de la musique. Loin d’être anecdotique, la musique a une place importante dans la vie à bord d’une mission spatiale, les musiques de réveil des membres de l’équipage particulièrement, jusqu’à devenir une réelle tradition depuis les missions Apollo.

Cette interface récupère les listes des musiques de réveil des équipages des différentes missions spatiales de la NASA ainsi que les prévisualisations audio via une API. Chaque titre est associé à un motif symbolisant une humeur, un état d'esprit particulier, qui vont ensuite s'assembler pour composer un visuel pour chaque mission spatiale. Les musiques ainsi que les anecdotes associées permettent de retracer l'histoire ainsi que l'état d'esprit des journées dans l'espace.

En cours de réalisation

catégorie(s) :
interaction
date :
2015
Interface graphique du projet SpaceMood

Easytab

Dans les EHPAD, le personnel soignant a pour nécessité d'une part de pouvoir tracer les soins réalisés dans un soucis de sécurité, et d'autre part de pouvoir transmettre ces informations au reste du personnel, ce afin d'assurer le bon suivi des patients. Le logiciel Easytab permet donc aux infirmiers(ères) et aides-soignants(es) de "signer", c'est-à-dire valider les soins prévus, et ce en toute mobilité. L'état du soin est synchronisé en temps réel auprès des autres soignants.

Il était primordial que cette signature se fasse au travers d'écrans intuitifs afin que ces actions soient rendues faciles pour un public utilisateur principalement d'âge mûr et étant peu technophile.

Mon but était donc de réaliser un environnement qui soit le plus clair et léger possible visuellement tout en le rendant attractif.

catégorie(s) :
ui
motion
crédits :
Interlude Santé
client :
Solware Life, éditeur de logiciels métiers dans le secteur médico-social
date :
2012-2014
Illustration et extrait de la video explicative en motion design

SISRA

Le SISRA (GCS Rhône-Alpes) permet d’associer des professionnels issus de divers établissements pour se concerter et mettre en oeuvre les outils de demain, à destination des professionnels et des usagers, qui seront utilisés à l'échelle de la région.

C'est ce principe de dialogue et de mise en commun dont devait rendre compte la nouvelle identité visuelle. Le SISRA possède une large palette d'outils innovants et très techniques, dont la lecture n'est au premier abord pas très évidente ni compréhensible. Le but du site internet était de mettre en évidence la richesse des services ainsi que de faciliter la compréhension de chacun d'eux.

catégorie(s) :
design graphique
ui
crédits :
Interlude Santé
client :
SISRA, groupement des moyens et outils des acteurs de santé en Rhône-Alpes
date :
2014-2015
Design du logo et du site web du SISRA

Melchior coworking

Le club Melchior est un centre de coworking péri-urbain, situé aux abords de Lyon. Il est implanté dans une ancienne bâtisse entourée dans grand parc arboré du village de Charly, commune au fort patrimoine agricole à la lisière des Monts du Lyonnais.

C'est ce contexte omniprésent de nature et de bien-être, constituant un atout majeur, qui est devenu le parti-pris identitaire du centre. Les couleurs et le choix de mascottes se démarquent de la concurrence par une identité forte et reconnaissable. Issues de cette écrin de verdure, les mascottes transmettent à la plaquette leur fraîcheur et leur gaieté de vivre.

catégorie(s) :
illustration
projet :
freelance
client :
Melchior, club de coworking
date :
2014
Illustration des personnages et réalisation de la plaquette du club de coworking Melchior

Via Trajectoire

Via Trajectoire est un outil d'aide à l'orientation à disposition des usagers, accessible gratuitement sur internet. Il permet aux personnes âgées et aux personnes en situation de handicap de trouver un établissement d'hébergement convenant à leurs critères et leurs besoins.

text