1 PORTFOLIO B L
laetitia boiteau
2 Portfolio L
B
laetitia boiteau
boiteau.laetitia@gmail.com 06 49 88 35 11 6 rue Sully 64000 Pau
L
B
portfolio
3
Qui suis-je? Actuellement étudiante en Design Graphique Multimédia à l’École supérieure d’art des Pyrénées - site de Pau. Je possède un BTS de plasticienne de l’environnement architectural (Marseille / lycée Denis Diderot) qui m’a permis une meilleure approche de la mise en espace. Le DNAP Design Graphique Multimédia m’a apporté, quant a lui, des connaissances plus solides et un intérêt certain dans des domaines tel que l’édition et le design interactif. Il m’a également sensibilisé à l’utilisation combinée de différents médias et je m’intéresse plus particulièrement à la transversalité entre médias numérique et papier. Cette dernière année, je me suis surtout intéressée
à la question de la visualisation de données et plus précisément de la pensée en action, du processus de recherche.
4 Portfolio
Workshop Pau, des visages des figures, avec le studio Presse Papier, Marie Bruneau et Bertrand Genier à l’ÉSA Pyrénées - site de Pau.
06-2013
Internet of Spaces, avec le studio LUST à l’ÉSA Pyrénées - site de Pau.
05-2013
Jeux d’intéraction, avec Martial Geoffre Rouland à l’ÉSA Pyrénées - site de Pau.
12-2012
Affiche, affichage, avec Pierre Vanni à l’ÉSA Pyrénées - site de Pau.
12-2011
L
B
Parcours Enseignante en arts plastiques. Cours pratiques et théoriques. Atelier Yannick Ruault, enseignement des Arts et des Humanités en partenariat avec l’Université de Pau et des Pays de l’Adour
2009-2010
Enseignante de français. Collège Poggio-Carducci, Sarzana, Italie
2007-2008
Acquarelliste. Galerie d’Art Sciaccheart, Riomaggiore Cinque terre, Italie.
2006-2008
Voyages divers. En sac à dos à travers l’Asie, l’Europe et l’Afrique.
2003-2006
portfolio
5
parcours Formation DNAP Design Graphique Multimédia avec félicitation du jury. Ésa des Pyrénées site de Pau.
2013
BTS plasticien de l’environnement architectural. Centre de formation en arts appliqués, lycée Denis Diderot, Marseille.
2002
Mise à Niveau en Art Applique. École de communication visuelle, graphisme, St-josephles-maristes, Marseille.
1999
Baccalauréat ES. Lycée Saint John Perse, Pau.
1998
Logiciels Suite Adobe (In design, photoshop, Illustrator, After effect), Processing, html, css, Final cut, Blender, open office, word.
L
B
Langues étrangères Bilingue italien-français, anglais courant, espagnol scolaire.
L
B
portfolio
7
sommaire Travaux d’édition
8
8,3 L’image du texte Rencontres Image de pensée. Des données à voir.
10 16 26 36
46
Composit’ Filature typographique Pau, des visages, des figures
48 54 60
Multimédia
64
Virtuel et réel Rencontres Pau, des visages, des figures Trombologo Sortez!
66 72 78
Vidéo
90
Réseau
92
82 86
L
B
Travaux d’éditions
8
L
B
Travaux d’éditions
9
Travaux d’éditions
10 Travaux d’éditions
Édition collective 8,3 , 2012, 18x28 cm.
L
B
Couverture sérigraphiée sur papier Clairefontaine gris perle 200g.
L
B
Travaux d’éditions
11
8,3 Projet d’édition réalisé en groupe de 10 étudiants en 2e année dans le cadre du cours Design Graphique Typographie de Perrine Saint Martin et JeanMarc Saint Paul. L’édition est construite sous la forme d’un portfolio commun, ordonnée par catégorie. Le collectif est l’idée forte de l’ouvrage. Je me suis impliquée plus particulièrement dans le travail de prise de vue (studio photo / composition / format) et de mise en page. À travers la mise en page j’ai souhaité mettre en avant les échanges que nous avions eu sur le réseau social facebook pendant la phase de réflexion. Il s’agit de rendre visible le processus de prise de décision collective, la communication au sein du groupe et la découverte des travaux de chacun. Cela se traduit formellement par la mise en place de plusieurs éléments: un système de commentaire sur nos travaux respectifs, un trombinoscope en entrée d’ouvrage ainsi
qu’une introduction dans laquelle chacun exprime sa définition du collectif. Il a été intéressant de vivre et d’observer toutes les étapes de construction de ce projet au sein d’un groupe, avec ce que cela comporte de prise de décisions et de compromis.
12 Travaux d’éditions L
B
Trombinoscope : présentation du collectif 8,3.
13 Travaux d’Êditions B L
Papier clairefontaine gris perle 80g et papier artisanal bleu 120g.
L
B
Travaux d’éditions
14
L
B
Travaux d’éditions
15
16 Travaux d’éditions
L’image du texte. Pour une théorie de l’énonciation éditoriale, 2013, 24 x 37 cm.
L
B
Sérigraphie sur carton bois Clairefontaine 1mm pour la couverture et impression sur papier Cylcus Offset 70g pour le corps de l’ouvrage.
L
B
Travaux d’éditions
17
L’IMAGE DU TEXTE Ce travail d’édition a été réalisé en 3e année dans le cadre du cours Design Graphique Typographie de Perrine Saint Martin. La proposition de travail était de mettre en page le texte d’Emmanuel Souchier L’image du texte. Pour une théorie de l’énonciation éditoriale issu de la revue Cahier de médiologie n°6 1 et de lui associer une iconographie. Je me suis focalisée sur l’idée centrale de l’auteur : l’acte de transformation qu’applique le designer graphique, typographe sur le texte dit premier (celui qui véhicule le sens du texte) pour en faire un texte second, une image du texte. Cette action a pour fonction de le donner à lire l’écrit de l’auteur mais il s’inscrit également dans une histoire des formes et donc nous donne à voir un objet concret qu’est l’image même du texte. Pour confronter le lecteur uniquement à cette image j’ai travaillé sur l’écriture d’un programme Processing qui génère l’éclatement du texte. J’ai posé ce non-texte en entrée d’édition, à la manière d’un générique, pour intégrer un mouvement dans l’objet statique et montrer le processus de création de l’iconographie. Pour cela, je me suis notamment inspirée de certain travaux de Robert
Massin et de Philippe Millot 2. J’ai également fait le choix de séparer l’iconographie du texte courant pour une lecture continue, et c’est avec ce même objectif que j’ai posé les annotations de l’auteur autour du texte courant. Pour la mise en page du texte courant je me suis attachée à la fonction de donner à lire comme activité de lecture pour cela j’ai travaillé sur la lisibilité avec un corps de caractère confortable et un blanc tournant spacieux qui ont à leur tour définie la taille de l’édition (24x37 cm). Le titre et nom de l’auteur sont utilisés comme un système de signe qui renvoie et tourne autour du bloc de texte courant toujours dans le but de mettre en valeur son image. J’ai utilisé la police de caractères GillSans car elle me semble avoir une bonne lisibilité aussi bien sur papier qu’à l’écran. J’ai décliné cette édition en un PDF (au format A4) téléchargeable qui reprend les principes de mise en page de l’édition. 1. www.mediologie.org/ cahiers-de-mediologie/06_ mediologues/souchier.pdf 2. voir notamment aux éditions cent pages, www.atheles.org/ centpages
18 Travaux d’éditions B L
L’iconographie, placée en ouverture de l’ouvrage, a été générée par un sketch Processing.
19 Travaux d’éditions L
B
L’intégralité du programme se retrouve en fin d’ouvrage.
L
B
Travaux d’éditions
20
L
B
Travaux d’éditions
21
L
B
Travaux d’éditions
22
L
B
Travaux d’éditions
23
L
B
Travaux d’éditions
24
L
B
Travaux d’éditions
25
26 Travaux d’éditions L
B
Rencontres, 2013, 11 x 21 cm. Impression sur papier Cylcus Offset 115g pour la couverture, Cyclus Offset 70g et papier calque Clairefontaine 70g pour le corps de l’ouvrage.
L
B
Travaux d’éditions
27
rencontres Cette édition est une autocommande qui fait office de documentation des expériences menées de novembre 2012 à Mars 2013 dans le cadre de l’atelier de dessin dirigé par Catherine Melin et Vincent Meyer. Dans cet atelier j’ai travaillé sur des questions de glissements et de rencontres entre les médias traditionnels (papier / découpe / crayon) et des outils numériques. L’ouvrage rend compte,dans un ordre chronologique, de l’évolution des expérimentations. Le format renvoie au carnet de notes et les qualités de papiers choisies (voir ci contre) rejouent l’effet de glissement d’une forme à une autre, de superposition et de transparence des matériaux utilisés lors des expérimentations.
L
B
Travaux d’éditions
28
L
B
Travaux d’éditions
29
L
B
Travaux d’éditions
30
L
B
Travaux d’éditions
31
L
B
Travaux d’éditions
32
L
B
Travaux d’éditions
33
L
B
Travaux d’éditions
34
L
B
Travaux d’éditions
35
36 Travaux d’éditions
Image de pensée. Des données à voir, 2013, 16 x 24 cm.
L
B
Sérigraphie sur papier bleu outremer 200g pour la couverture et impression sur papier Cyclus Offset 115g pour le corps de l’ouvrage.
L
B
Travaux d’éditions
37
IMAGE DE PENSéE. DES DONNéES à VOIR Cette édition est le document écrit présenté lors de mon DNAP. J’ai mené une série de recherche sur le thème de la visualisation des données et plus particulièrement sur la question de donner à voir un processus de travail. Je me suis donc demandée comment donner à voir des informations aujourd’hui et comment l’intégrer dans ma pratique du design graphique. Ceci m’a engagée dans une réflexion sur les outils et la production de formes graphiques pour visualiser des données. J’ai mis en forme et synthétisé mes recherches dans cette édition. La lisibilité a été mon objectif principal, j’ai donc travaillé sur une mise en page claire et fonctionnelle.
Les notes sont de deux natures : textuelles et iconographiques, elles complètent et illustrent le texte d’éléments importants c’est pourquoi elles suivent le texte courant sur des colonnes centrales. Les notes-images en bichromie se retrouvent en couleur et plus grand format en fin d’ouvrage dans un index.
L
B
Travaux d’éditions
38
L
B
Travaux d’éditions
39
L
B
Travaux d’éditions
40
L
B
Travaux d’éditions
41
L
B
Travaux d’éditions
42
L
B
Travaux d’éditions
43
L
B
Travaux d’éditions
44
L
B
Travaux d’éditions
45
L
B
46
L
B
47
48 Print B L
Affiche Composit’, 2011, 190 x 90 cm. Impression traceur sur papier mat 130g.
L
B
49
COMPOSIT’ Composit’ a été réalisée en collaboration avec deux autres étudiantes en décembre 2011, lors d’un workshop 1 mené par Pierre Vanni. Nous avons été invité à repenser le format affiche et ses usages en se confrontant à des problématiques propres à l’affichage web. Sans chercher à réaliser une affiche « 2.0 » nous avons tenté de créer un objet hybride. Pour cela nous avons pensé à une étroite articulation entre l’affichage in situ et l’affichage web dans le cadre de la communication du festival des cultures électroniques ACCESS(S) de Pau. Notre affiche se décompose en flyer’s sur lesquels sont inscrit, au dos, l’adresse du site web d’access(s) où se trouvent les informations liées au festival. Un système de captations vidéos enregistre la décomposition de l’affiche. Plus les fylers sont arrachés plus le site internet se dévoile, à la manière de vases communiquant. 1. Workshop Affiche/Affichage : http://affichages-wk.tumblr. com/, mené par Pierre Vanni, designer graphique, http:// pierrevanni.tumblr.com/
50 Print B L
L’affiche se décompose en flyer sur lesquels sont inscrit l’adresse du site internet du festival.
L
B
51
52 Print B L
Le site internet du festival contient les informations pratiques. À la manière de vase communiquant, il se dévoile au fur et à mesure que l’affiche de décompose.
L
B
53
54 Print B L
Filature typographique, 2012, 11 x 25 cm replié et 41 x 49 cm déployé. Impression sur papier Cyclus Offset 115g pour la couverture et Cyclus Offset 70g pour la carte.
L
B
55
FILATURE TYPOGRAPHIQUE Ce projet s’inscrit dans le cadre de l’option design graphique de 2e année mené par Jean-Marc Saint Paul. J’ai eu comme proposition de choisir entre ces d’objets graphiques relativement stables : l’inventaire, la carte, le mode d’emploi qui servent à informer, à guider. J’ai créer un inventaire de certaines lettres exposées dans les rues de Pau que j’ai couplé avec un travail de cartographie afin de les re-contextualiser géographiquement et proposer une autre pratique de la ville. Il s’agit de répertorier ce qui n’est pas mis en avant et, en prenant le contre-pied d’une carte traditionnelle, je tente de donner un autre regard sur ces écritures souvent ignorées. En prélevant des éléments du paysage quotidien et à travers un traitement graphique, je propose un autre point de vue.
L
B
56
L
B
57
L
B
58
L
B
59
L
B
60
B
Ce projet a été mené en 3e année, dans le cadre de l’atelier Pau, des visages, des figures conduit par Marie Bruneau et Bertrand Genier. Nous avons fait des recherches dans la ville de Pau sur des personnalités qui ont marqué, de prés ou de loin, l’histoire collective de cette ville. Afin d’entamer une réflexion autour de la question du patrimoine nous avons proposé un ensemble de portrait des figures rencontrées. J’ai travaillé sur le sociologue, Pierre Bourdieu qui a fait ses études secondaire à Pau. Pour faire son portrait il me fallait connaître le personnage, j’ai donc mené une série de recherche au travers de textes, de vidéos et documents sonores. J’ai été marqué par le fort contraste entre sa pensée théorique complexe et son personnage oratoire publique très accessible. J’ai découvert par la suite qu’il considérait la parole comme un outil de médiation important. 1. Vidéo Bourdieu, gauchedroite : www.youtube.com/ watch?v=Sj3r48hMnw0
L
61
PAU, DES VISAGES, DES FIGURES
Affiche Pierre Bourdieu, 2013, 90 x 120 cm. Impression traceur sur papier mat 130g.
Je me suis donc attaché à cet aspect de sa personne. Dans le portrait je travaille sur le premier document de ma « rencontre » avec Pierre Bourdieu : une vidéo 1. La qualité capture d’écran de l’image est donc assumée, il s’agit de jouer sur la transparence de l’origine du document. L’image est divisée en trois parties pour représenter la ligne du temps d’une conversation, le cadrage serré apporte une sensation de proximité et renforce le coté humain du personnage avec des focus sur les attributs sensibles de la personne: les yeux, le sourire. La série de portrait a fait l’objet de plusieurs expositions : une a la médiathèque centrale et une lors d’une manifestation autour des jardins de la ville.
62 Print B L
Exposition à la médiathèque André Labarère de Pau, Mars 2013.
63 Print L
B
Exposition dans le cadre de la journĂŠe des jardins, Pau, Juin 2013.
L
B
MultimĂŠdia
64
L
B
MultimĂŠdia
65
multimĂŠdia
66 Multimédia B L
Réel et virtuel, 2012, projection mapper sur sculpture de papier. Durée indéterminée.
Multimédia
67
VIRTUEL ET RéEL Cette proposition a été réalisé en 2e année (2011/2012) dans le cadre de l’atelier de design des nouveaux médias conduit par Vincent Meyer. Dans une réflexion sur le réel / virtuel, la contrainte fixée a été l’utilisation de l’outil de modélisation 3D Blender. Mon objectif a été de tenter une matérialisation physique d’un objet numérique. J’ai procédé par glissements successifs entre différents médias. La première étape a été la création numérique de l’objet 3D, de forme simple et géométrique. Je l’ai ensuite décomposé en patron pour permettre sa matérialisation en une sculpture de papier. La dernière étape finalise l’objet en lui donnant une dimension
animée par une série de projections mapper sur les différentes surfaces. Nous assistons donc à un jeu de construction et déconstructions de formes.
L
B
Création de l’objet en 3D par l’utilisation du programme Blender.
L
B
Multimédia
68
Patron de la sculpture en papier créer à partir de la forme 3D.
L
B
MultimĂŠdia
69
70 MultimĂŠdia L
B
Sculpture en papier mat 130g, 34x37x43 cm
71 Multimédia L
B
Mapping des vidéos sur la scultupre grâce au programme Modul 8.
L
B
MultimĂŠdia
72
L
B
Multimédia
73
rencontres Ce travail a été réalisé en 3e année dans le cadre de l’atelier de dessin dirigé par Catherine Melin et Vincent Meyer. Il s’inscrit dans la prolongation de celui que j’avais commencé en 2e année sur des questions de superposition et de transparence. Ici, j’ai travaillé plus précisément sur des problématiques de glissement et de rencontre entre les médias traditionnels (papier / découpe / crayon) et les outils numériques. J’ai voulu intégrer le dessin génératif comme point de départ dans un « sens inverse » de ce que j’avais expérimenté jusqu’à présent dans le dessin. En commençant cette foisci par l’ordinateur pour aller vers le papier j’ai prolongé le processus dans un jeu d’aller retour entre les deux univers
qui ont continuer à se nourrir mutuellement. La somme de ces expérimentations a donné naissance à un vocabulaire formel dont j’ai extrait et recomposé des éléments pour créer une projection. Un travail de son appuis cette projection, il a été réalisé à partir de prise-son du quotidien que j’ai transformé numériquement. Pour rendre compte de la somme des expérimentations j’ai conçu une édition.
Rencontre, 2013, Projection sur papier de calque Clairefontaine 65 x 50 cm, 90g. Format .mov, durée 2min 30’.
74 Multimédia B L
Travail d’écriture du programme (Processing) pour généré un dessin.
75 MultimĂŠdia B L
Scan de cercle de papier calque.
76 MultimĂŠdia L
B
Projection et dessin au feutre et mine de plomb sur calque.
77 Multimédia L
B
Projection et travail de découpe sur calque.
78 MultimĂŠdia L
B
Pierre Bourdieu, 2013, interface web.
L
B
Multimédia
79
PAU, DES VISAGES, DES FIGURES Ce projet a été mené en 3e année, dans le cadre de l’atelier Pau, des visages, des figures conduit par Marie Bruneau et Bertrand Genier. Il s’agit ici de réaliser un portrait multimédia de Pierre Bourdieu. Cette interface web 1 rejoue les enjeux de la recherche que j’ai mené sur le sociologue. Elle permet les liens transversaux entre les différents documents par lesquels j’ai abordée le personnage. Pour appréhendée sa pensée j’ai dessiné une carte heuristique, que je remet en scène ici de façon dynamique, chaque zone de la carte représente un lien vers les documents en questions. Ainsi, cet outil donne la possibilité de choisir son propre chemin de lecture et permet à l’utilisateur de devenir lui même acteur de la recherche. Cette façon de travailler m’a particulièrement intéressé car la carte heuristique est une technique que j’applique 1. Pour visiter l’interface : http://ateliers.esapyrenees. fr/2012-2013/visages/p/ laetitia/bourdieu/index.html
régulièrement dans mon processus de recherches. Ce travail me permet de rendre l’invisible visible, de montrer le processus.
L
B
Multimédia
80
Exemple de déploiment d’une recherche mené à travers la carte heuristique Pierre Bourdieu.
L
B
MultimĂŠdia
81
82 Multimédia B L
Trombologo, 2012. Application créée en langage de programmation Processing.
B
Multimédia
83
TROMBOLOGO Trombologo a été réalisé en décembre 2012, lors d’un workshop dirigé par Martial Geoffre-Rouland 1, sur le thème de l’interactivité 2 en collaboration avec deux autres étudiants. Nous l’avons mené sur un temps court à la manière d’un exercice de style. Dans le cadre d’une recherche sur le génératif, l’interactivité et le graphisme, nous proposons un système d’écriture de forme intuitive, immédiate et universelle dans les limites d’une charte graphique préalablement décidée. Nous avons pensé que le visage, comme matériau de base, est une forme naturelle d’expression pour chaque être humain. Nous avons donc tenté à l’aide d’un système génératif une traduction des expressions faciales en une forme graphique. Par la récupération de données, telles que la taille de la bouche ou encore l’ouverture des yeux, l’usager peut influer sur son « portrait graphique » et le modeler à 1. Martial Geoffre-Rouland est designer intéractif : www.formelibre.com
L
2. Archives du workshop sur http://workshops.esapyrenees. fr/mgr/?p=18
volonté. Ici j’ai été concrètement été confronté au processus de transcription de la pensée créatrice en langage de programmation.
84 Multimédia B L
Le dessin est généré par un programme Processing et un programme de reconnaissance faciale.
85 L
B
MultimĂŠdia
Trombologo, 2012. Installation du projet, camĂŠra et projection.
86 MultimĂŠdia L
B
Sortez!, 2013, application sur Smartphone.
Multimédia
87
SORTEZ ! Ce projet mené avec Julien Drochon (professeur de design des nouveaux médias) s’inscrit dans le cadre de ma recherche sur la visualisation d’informations conduite en 3e année. Sortez ! est une application web et Smartphone qui rassemble et géo-localise tous les lieux de la culture et du divertissement Palois.
L
B
Sortez!, 2013, interface web.
L
B
MultimĂŠdia
88
L
B
MultimĂŠdia
89
L
B
Vidéo
90
L
B
Vidéo
91
vidéo
L
B
Vidéo
92
Vidéo
93
RéSEAU Ce projet a été mené en 2e année, dans le cadre de l’atelier de design des nouveaux médias conduit par Vincent Meyer. Sur le thème une minute de complexité nous étions invité à réaliser une animation. Les éléments biologiques m’ont semblé un terrain approprié pour le thème de la complexité car leurs structures tendent vers une complexification avec le temps. J’ai essayé de retranscrire cette idée à travers une animation.
L’idée forte a été de partir d’un matériau unique, la photo d’un réseau sanguin 1, pour générer une animation plus complexe.
L
B
1. Photo d’un moulage de vaisseaux sanguins. Au-delà du visible aux éditions Phaidon, Paris.
Réseau, 2012, animation 1min.
L
B
Portfolio
94
95 portfolio B L
Conçu et réalisé par Laetitia Boiteau, composé en AkzidenzGrotesk BQ et en Bebas pour les titrages. 18x26 cm.