Cécile maas - Portfolio

Download Cécile maas - Portfolio

Post on 12-Apr-2017

194 views

Category:

Design

8 download

TRANSCRIPT

<ul><li><p>Sommaire I. SQLI LabII. App SumoIII. Designers InteractifsIV. GoodplanetV. True StoryVI. INPIVII.Bonus</p><p>Bonjour, </p><p>tudiante en Master UX lECV Digital, je suis la recherche dun contrat de professionnalisation de la rentre 2016 et pour une dure dun an. Je vous prsente ici lensemble des projets UX raliss pendant ma 1re anne de Master, par groupe ou individuellement. Vous pouvez retrouver les prsentations compltes et mes autres travaux sur cecilemaas.com.</p><p>http://cecilemaas.com</p></li><li><p>I. SQLI Lab - 1 mois </p><p>Le Lab de SQLI nous a fait travailler sur un projet de ralit virtuelle en nous posant un brief par groupe de cinq tudiants : un cuisiniste a pour objectif doffrir un outil de simulation ses clients.Nous y avons rpondu en proposant une interface immersive permettant aux utilisateurs de moduler leur cuisine et de consulter le catalogue, sur la base dune proposition damnagement faite par le cuisiniste. </p><p>Personae, journey map, charte graphique, arborescence, wireframes.</p></li><li><p>I. SQLI Lab </p><p>Persona pour une marque fictive de cuisine de luxe.</p></li><li><p>I. SQLI Lab </p><p>Journey map pour le persona prcdent, de la prospection de cuisinite lutilisation du produit.</p></li><li><p>I. SQLI Lab </p><p>Arborescence de linterface VR conceptualise en cours.</p><p>Scanned by CamScanner</p></li><li><p>I. SQLI Lab </p><p>cran daccueil de linterface VR.cran de profil, modulable pour avoir le point de vue de chaque personne (adulte, enfant, handicap).</p></li><li><p>I. SQLI Lab </p><p>Choix de la vue de cuisine : existant (modlis en 3D par un technicien), vide pour crer soi-mme, ou proposition du cuisinite.Menu aux pieds de lutilisateur, qui fait sa slection en fixant un point 2 secondes.</p></li><li><p>FreyaLorem ipsum dolor sit amet, consecteturDuis vitae consectetur nisi, eget placerat augue. Ut gravida magna eu mi dapibus maximus. Sed ac purus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut nec tempor eros, non maximus ex. Cras nisl augue, ultricies non sodales vitae, placerat at augue. Nullam in erat vestibulum, porttitor sem eget, consectetur ipsum. Proin ex ex, consectetur in orci eu, volutpat venenatis magna. Vestibulum egestas, erat at ornare posuere, leo nisi convallis massa, nec molestie massa odio non enim. Quisque gravida ultricies pulvinar.</p><p>Phasellus congue lectus diam, quis lobortis ligula tincidunt vel. Nam fringilla in nibh eu tempor. Proin non accumsan augue. Curabitur vehicula placerat nunc eget venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin aliquam magna orci, et consequat nibh volutpat quis. Praesent ipsum odio, consectetur et pretium eget, rhoncus et ligula. </p><p> Phasellus congue lectus diam, quis lobortis ligula tincidunt vel </p><p>Alegreya Thin / 120 px#FBFBF2</p><p>Alegreya Bold / 30 px#FBFBF2</p><p>Alegreya Regular / 14 px#FBFBF2</p><p>Alegreya medium italic / 14 px#FBFBF2</p><p>B</p><p>A</p><p>AAAB</p><p>Undo</p><p>Delete Home</p><p>Confirm</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis lacus eleifend enim tempus, id aliquam elit convallis..</p><p>Title</p><p>ou</p><p>+ +</p></li><li><p>II. App Sumo - 1 journe </p><p>En cours de prototypage, nous devions imaginer par groupe de quatre puis tester avec nos camarades une application pour les prts immobiliers. Nous avons propos une solution cross device : lutilisateur peut commencer ou poursuivre son parcours sur le site et sur mobile. Il peut faire des estimations de prt, uploader ou directement scanner ses documents, puis contacter les banques de son choix et enfin suivre son dossier.</p><p>Arborescence, wireframes, animation des wireframes sur Axure.</p></li><li><p>II. App Sumo </p><p>Wireframes de connexion, walkthrough, page daccueil et volution du dossier. Lintgralit des wireframes sont disponibles sur ce lien.</p><p>http://6if8fl.axshare.com/#p=start_screen</p></li><li><p>III. Designers Interactifs - 2 semaines </p><p>Pour la comptition de fin danne, lassociation Designers Interactifs nous a demand de raliser par groupe de 5 une refonte gnrale de sa proposition.Nous avons appuy nos efforts sur une refonte de loffre, de nouveaux contenus et une lgre refonte du site de lassociation.</p><p>Personae, questionnaires, charte graphique, arborescence, wireframes, maquettes.</p></li><li><p>III. Designers Interactifs </p><p>Maquette de la nouvelle page daccueil du site.</p></li><li><p>III. Designers Interactifs </p><p>Maquette de lannuaire des membres de lassociation, avec un module de recherche et la possibilit de mettre des profils en avant.</p></li><li><p>IV. Goodplanet - Projet fil rouge </p><p>Tout au long de lanne, nous avons travaill avec la Fondation Goodplanet de Yann Arthus-Bertrand afin de dvelopper avec eux des ateliers et un parcours pdagogiques pour les 6-12 ans, en vue de louverture du Pavillon Goodplanet Boulogne.Nous avons effectu des recherches sur le secteur, developper des ateliers selon plusieurs thematiques, tout en gardant un fil conducteur au long de la visite.</p><p>Questionnaire, journey map, dveloppement de concepts dateliers.</p></li><li><p>IV. Goodplanet </p><p>Un des 15 ateliers dvelopps pour les enfants, suivant 4 thmatiques et utilisants plusieurs dispositifs.</p></li><li><p>Infos trouves</p><p>Satisfaction des informations et rassurance grce une bonne </p><p>navigation sur le site internet ddi</p><p>Rservation des dates et prise en charge rapide</p><p>Anticipation du travail, faire en amont (Collecte des dchets)</p><p>Organisation du dplacement</p><p>Dpart de lcole</p><p>Doute dans les recherches effectuer</p><p>Recherche dinformation</p><p>Accueil Prsentation desactivits</p><p>Droulement desactivits</p><p>Dbriefing Dpart PersistanceEx</p><p>peri</p><p>ence</p><p> Neg</p><p>ativ</p><p>e Ex</p><p>peri</p><p>ence</p><p> Pos</p><p>itive</p><p>USER JOURNEY MAP</p><p>Prparation en amont avec la classe et le matriel fourni par </p><p>la fondation</p><p>Moment de flottement</p><p>Roulementdes activits</p><p>Doute sur laprise en charge</p><p>Rassur parlefficacit</p><p>Arrive au pavillon</p><p>PrsentationGlobale du pavillon</p><p>Formationdes groupes</p><p>Prsentationdu parcours</p><p>Lancementdes activits</p><p>Comprhensionde lactivit</p><p>Toilette / VestiaireToilette / Vestiaire Toilette / Vestiaire</p><p>Apprciation de lactivit Apprciation </p><p>de lactivit</p><p>Rcompenses</p><p>Rprise des activits</p><p>Dcouverte de lactivit</p><p>Apprciationde lactivit</p><p>Rcompense</p><p>Teasing de lactivit</p><p>Roulement des activits</p><p>GlobalRoom</p><p>Trace &amp; Souvenirde la visite </p><p>Repas</p><p>Temps Calme</p><p>Fin des activits</p><p>Fin des activits</p><p>Dcouvertede la nouvelle</p><p>activit</p><p>8h30 9h40 12h00 13h00 16h</p><p>RcompensesTeasing de </p><p>lactivit suivante</p><p>Retour lcoleDbriefe lcole</p><p>Newsletter de la fondation</p><p>Toilette / Vestiaire</p><p>Dpart</p><p>Mise en pratique</p></li><li><p>Infos trouves</p><p>Satisfaction des informations et rassurance grce une bonne </p><p>navigation sur le site internet ddi</p><p>Rservation des dates et prise en charge rapide</p><p>Anticipation du travail, faire en amont (Collecte des dchets)</p><p>Organisation du dplacement</p><p>Dpart de lcole</p><p>Doute dans les recherches effectuer</p><p>Recherche dinformation</p><p>Accueil Prsentation desactivits</p><p>Droulement desactivits</p><p>Dbriefing Dpart Persistance</p><p>Expe</p><p>rien</p><p>ce N</p><p>egat</p><p>ive </p><p>Expe</p><p>rien</p><p>ce P</p><p>ositi</p><p>ve</p><p>USER JOURNEY MAP</p><p>Prparation en amont avec la classe et le matriel fourni par </p><p>la fondation</p><p>Moment de flottement</p><p>Roulementdes activits</p><p>Doute sur laprise en charge</p><p>Rassur parlefficacit</p><p>Arrive au pavillon</p><p>PrsentationGlobale du pavillon</p><p>Formationdes groupes</p><p>Prsentationdu parcours</p><p>Lancementdes activits</p><p>Comprhensionde lactivit</p><p>Toilette / VestiaireToilette / Vestiaire Toilette / Vestiaire</p><p>Apprciation de lactivit Apprciation </p><p>de lactivit</p><p>Rcompenses</p><p>Rprise des activits</p><p>Dcouverte de lactivit</p><p>Apprciationde lactivit</p><p>Rcompense</p><p>Teasing de lactivit</p><p>Roulement des activits</p><p>GlobalRoom</p><p>Trace &amp; Souvenirde la visite </p><p>Repas</p><p>Temps Calme</p><p>Fin des activits</p><p>Fin des activits</p><p>Dcouvertede la nouvelle</p><p>activit</p><p>8h30 9h40 12h00 13h00 16h</p><p>RcompensesTeasing de </p><p>lactivit suivante</p><p>Retour lcoleDbriefe lcole</p><p>Newsletter de la fondation</p><p>Toilette / Vestiaire</p><p>Dpart</p><p>Mise en pratique</p></li><li><p>V. True story - 1 mois </p><p>Dans le cadre dun module e-publishing, nous avons ralis des epub interactifs sur le sujet de notre choix. Mon rendu True Story visait dtacher le vrai du faux dans des sries bases sur des faits rels.</p><p>Charte graphique, wireframes, e-publishing.</p></li><li><p>V. True story </p><p>Wireframe et capture de le-publishing pour la page de prsentation de la scne vrifie.</p></li><li><p>V. True story </p><p>Wireframe et capture de le-publishing pour la page dmontrant la vracit ou non de la scne.</p></li><li><p>I. SQLI Lab - 1 mois </p><p>Charte graphique de le-publishing.</p></li><li><p>VI. INPI - 2 journes </p><p>LINPI rassemble les brevets dposs en France depuis leurs crations. En cours, nous avons ralis par deux une sitemap pour rorganiser les contenus afin de mieux rpondre aux attentes identifies par notre intervenante, puis individuellement nous avons cre des wireframes.</p><p>Sitemap, wireframes.</p></li><li><p>VI. INPI </p><p>Arborescence propose pour le nouveau site de lINPI, avec 4 pages principales : dcouverte, recherche, anecdotes et boutique.</p></li><li><p>VI. INPI </p><p>Wireframe de la page daccueil avec une timeline et laperu des anecdotes et de la boutique.Wireframe dune page de brevet.</p></li><li><p>VII. Bonus </p><p>Quelques travaux raliss en parallle des cours :</p><p> Refonte du site de lassociation Cap tudes (wireframes et intgration du site sur Wix)</p><p> Wireframes pour un projet dapp vnementielle Sketchings raliss la fin de confrences</p></li><li><p>VII. Bonus </p><p>Refonte du site de Cap tudes, association caritative aidant les jeunes du Burkina Faso suivre leurs tudes.Voici une capture du site dorigine pour comparaison.</p></li><li><p>VII. Bonus </p><p>Wireframe de la page daccueil propos lassociation.</p></li><li><p>VII. Bonus </p><p>Nouveau site cr avec lassociation sur Wix ( leur demande, facilit ddition).capetudes.org </p><p>http://capetudes.org</p></li><li><p>VII. Bonus </p><p>Wireframe pour une application mobile vnementielle, pour retrouver dans sa poche toutes les informations pratiques et sauvegarder les contacts des personnes rencontre levent.</p></li><li><p>VII. Bonus </p><p>Wireframe pour une application mobile vnementielle, pour retrouver dans sa poche toutes les informations pratiques et sauvegarder les contacts des personnes rencontre levent.</p></li><li><p>VII. Bonus </p><p>Sketching ralis aprs une master class de Content Square, solution danalyse dutilisation de sites.</p></li><li><p>VII. Bonus </p><p>Sketching ralis aprs une master class donne par Minter Dial sur le dveloppement de la notorit, avec comme exemple lhistoire du groupe The Grateful Dead.</p></li><li><p>Merci ! </p><p>maas.cecile@gmail.comcecilemaas.com06.84.02.37.92</p><p>mailto:maas.cecile@gmail.comhttp://cecilemaas.com</p></li></ul>