96
1 L B PORTFOLIO laetitia boiteau

Portfolio, english version

Embed Size (px)

DESCRIPTION

2012-2013

Citation preview

1L

BP

OR

TFO

LIO

laetitia boiteau

2P

ortf

olio

LB

laetitia boiteau [email protected] 49 88 35 116 rue Sully64000Pau

3po

rtfo

lioL

B

I am currently studying Design graphic and Multimedia at the ÉSA Pyrénées hight School of Art, city of Pau, France. I graduated a BTS artist of the architectural environment (Applied arts school Denis Diderot, Marseille) which gave me a better approach to use of space. The DNAP degree Graphic Design and Multimedia has allowed me to acquire knowledge and great interest in editing and interactive design fields. He also made me aware of the combined use of different media and I am particularly interested in the cross between digital and print media. This year, I am especially interested in the issue of data

Who am I?

visualization and specifically the visualization of the thought in action, the research process.

4P

ortf

olio

LB

Workshop

Pau, faces and figures, with the studio Presse Papier (Marie Bruneau and Bertrand Genier).ÉSA Pyrénées - Pau site.

Internet of Spaces, with the studio LUST. ÉSA Pyrénées - Pau site.

Of interaction games, with Martial Geoffre Rouland. ÉSA Pyrénées - Pau site.

Poster, display,with Pierre Vanni. ÉSA Pyrénées - Pau site.

06-2013

05-2013

12-2012

12-2011

Art teacher.Theoretical and practical courses.Yannick Ruault workshopEducation Arts and Humanities in partnership with the University of Pau.

French teacher.Junior Hight School Poggio-Carducci, Sarzana, Italy

Painter. Art gallery Sciaccheart, Riomaggiore Cinque terre, Italy. Various trips.Backpacking through Asia, Europe and Africa.

2009-2010

2007-2008

2006-2008

2003-2006

Career

5po

rtfo

lioL

B

Career

Education

DNAP Graphic Design and Multimedia with congratulations of the jury.ÉSA Pyrénées hight School of Art - Pau site.

BTS artist of the architectural environment.Applied arts school Denis Diderot, Marseille.

Upgrade Art applies.School of Visual communication, graphic design, St-joseph-les-Marist, Marseille.

Bachelor of Economics and Sociology.Saint John Perse Hight school, Pau.

2013

2002

1999

1998

Software

Adobe suite (In design, photoshop, Illustrator, After effect), Processing, html, css, Final cut, Blender, open office, word.

Foreign languages

Bilingual Italian-French,English fluent,Spanish School.

7po

rtfo

lioL

B

summary

Editing work

8,3The image of textEncounterImage of thought. Data to see

Print

Composit’Typographical spinningPau, faces and figures

Multimedia

Thin slidesEncounterPau, faces and figuresTrombologoGet out!

Video

Network

8

10162636

46

485460

64

6672788286

90

92

Editi

ng w

ork

BL

8

LB

Editi

ng w

ork

9

Editing work

LB

Trav

aux

d’éd

ition

s1

0

Collective edition 8,3 , 2012, 18x28 cm.

Silk-screened cover paper Clairefontaine pearl gray 200g.

LB

Editi

ng w

ork

11

8,3

Editing project in group of 10 students done in the second year in the studio of Graphic Design Typography led by Perrine Saint Martin and Jean-Marc Saint Paul . We have built this edition in the form of a common portfolio, ordered by categories and the main idea was: The collective. I am especially involved in the photo work (studio shot / composing / format) and layout. Through the layout I wanted to highlight the exchanges we had on the social network facebook during the reflection phase. This is to make visible the process of collective decision-making, communication within the group and the discovery of the work of each. This is formally reflected in the implementation of several elements: a system review each other’s work, a group photo and an introduction in which each person expresses his definition of the collective. It was interesting to share and to observe all the

different steps of the project’s construction within a group, including the dynamic and the balance between the decisions that have to be token and the compromises that has to be made.

12

BLL

B1

2

The group photo : the collective 8,3 presentation.

Editi

ng w

ork

LB

Editi

ng w

ork

13

Clairefontaine pearl gray paper 80g and 120g blue handmade paper.

14

Editi

ng w

ork

BL

LB

Editi

ng w

ork

15

16

BL

16

Image of the text. for a theory of the editorial saying, 2013, 24 x 37 cm.

Silk-screen on cardboard timber Clairefontaine 1mm for the coverage and 70g Cylcus Offset printing paper for the body of the item.

Editi

ng w

ork

LB

Editi

ng w

ork

17

image of the text

This editing work was done through the third year in the studio of Graphic Design Typography led by Perrine Saint Martin. We have been asked to lay out the text of Emmanuel Souchier : The image of the text.For a theory of the editorial saying ( from the Magazine Mediology Notebook n ° 6 1) and to associate an iconography. I focused on the central idea of the author : the act of transformation that applies graphic designer, typographer on the first text (the one that conveys the meaning of the text) to make a second text, an image of the text. This action has the function of giving it to read the writing of the author, but it is also part of a history of forms and thus presents us with a concrete object that is the very image of the text. To confront the reader only to this image, I worked on writing a Processing program that generates the breakup of the text. I put this text in input editing, as a generic to integrate a movement in the static object and show the process of creation of the iconography. I was inspired by some work of Robert Massin and Philippe Millot 2. For a continuing reading, I have separated current text’s iconography, and I brought

2. voir notamment aux éditions cent pages, www.atheles.org/centpages

the author’s annotations around the text. For the layout of the current text, I focus on the function of reading, and worked on readability with a comfortable character body and a spacious turning white that defined the edition’s size (24x37 cm). The title and author’s name are used as a system of sign that returns and revolves around the text block current, always to highlight his image. I used the GillSans font because she seems to have a good readability both on paper and screen. I then declined this edition in a downloadable A4 PDF that follow the principles of layout of the edition.

1. www.mediologie.org/cahiers-de-mediologie/06_mediologues/souchier.pdf

18

BLL

B

The iconography placed in opening of the book, was generated by a Processing sketch.Ed

iting

wor

k

LB

Editi

ng w

ork

19

The full program can be found at the end of the book.

20

Editi

ng w

ork

BL

LB

Editi

ng w

ork

21

22

Editi

ng w

ork

BL

LB

Editi

ng w

ork

23

24

Editi

ng w

ork

BL

LB

Editi

ng w

ork

25

26

BL

Editi

ng w

ork

26

Encounter, 2013, 11 x 21 cm. Printing on paper Offset Cylcus 115g for coverage,Offset Cyclus 70g and 70g Clairefontaine paper layer to the body of the work.

LB

Editi

ng w

ork

27

Encounter

This edition is a self-command, which documented the experiences realised while doing the workshop of drawing led by Catherine Melin and Vincent Meyer (November 2012 to March 2013). I worked on the matter of sliding and encounter between traditional media (paper / cutting / pencil) and digital tools. In chronological order, the book reports the evolution of the experiments. The format returns to the notebook. The quality and grades of paper’s selected replay the effect of sliding from one form to another, the effect of layering and the transparency of the materials used in experiments.

28

BL

Editi

ng w

ork

LB

Editi

ng w

ork

29

30

BL

Editi

ng w

ork

30

LB

Editi

ng w

ork

31

32

Editi

ng w

ork

BL

LB

Editi

ng w

ork

33

34

Editi

ng w

ork

BL

LB

Editi

ng w

ork

35

36

Editi

ng w

ork

BLL

B

Image of thought. Data to see, 2013, 16 x 24 cm.

Silk-screen on paper 200g ultramarine blue for the cover and print on Cyclus Offset 115g for the body of the book.

LB

Editi

ng w

ork

37

IMAGE OF THOUGHT. DATA TO SEE

This edition is the written document presented at my DNAP diploma (June 2013). I have conducted a series of research on the topic of data visualization and most precisely on the question of showing the process of work. I wondered how to show, share and read today’s information and how to integrate it into my practice of graphic design. This brought me to a reflection about the tools and the production of graphic shapes to visualize data. I have formatted and synthesized my research in this edition. Readability has been my main goal, so I worked on a clear and functional layout. The notes are twofold: textual and iconographic, they complete and illustrate the text

with important elements that is why they follow the running text on Central columns. Notes-duotone images can be found in full color and in larger format at the end of book, in an index.

38

Editi

ng w

ork

BL

Trav

aux

d’éd

ition

s

LB

Editi

ng w

ork

39

40

Editi

ng w

ork

LB

Trav

aux

d’éd

ition

s4

0

LB

Editi

ng w

ork

41

42

Editi

ng w

ork

BL

LB

Editi

ng w

ork

43

LB

Trav

aux

d’éd

ition

s4

4

LB

Editi

ng w

ork

45

46

Prin

tB

L

LB

47

Prin

t

Print

LB

Prin

t4

8

Composit’ poster, 2011, 190 x 90 cm.

Plotter printing on 130g matte paper.

LB

49

Prin

t

COMPOSIT’

Composit’ was completed in December 2011 during a workshop 1 led by Pierre Vanni, it was done in collaboration with two other students. We have been invited to rethink the poster format, how it is used while being confronting to problems that are specific to the web display. Without trying to achieve a « 2.0 » poster, we have attempted to create a hybrid object. we have imagine a sort of articulation between the display in real situation, and the display on the web. The project aim to present a new form of communication for the Electro Culture Festival « access(s) », in Pau. Our poster decomposes into flyers on which are inscribed at the back, the web side address where all the information related to the festival can be founded. A video system records the decomposition of the poster. In the way of communicating vessels more the fylers are pulled over, more the website unfolds.

1. Workshop Affiche / Affichage : http://affichages-wk.tumblr.com/, led by Pierre Vanni, graphic designer : http://pierrevanni.tumblr.com/

50

BL

Prin

t

The display is divided into flyeron which are inscribed the address of the festival website.

LB

51

Prin

t

BL

52

Prin

t

The festival website contains practical information. In the way of communicating vessels, it is revealed gradually as the poster decomposes.

LB

53

Prin

t

LB

Prin

t5

4

Typographical spinning, 2012, 11 x 25 cm folded, 41 x 49 cm deployed.

Print on Cyclus Offset 115g for cover and 70g Cyclus Offset for the map.

LB

55

Prin

t

TYPOGRAPHICAL SPINNING

This project is part of the optional graphic design led by Jean-Marc Saint Paul in second year. The proposal was to choose between the graphical objects that serve to inform and to guider us : inventory, card, user manual. I create an inventory of some letters found in the streets of Pau that I paired with a mapping work to geographically re-contextualised them and propose another practice of the town. It comes to list what is normaly not highlighted, and taking the opposing view to traditional map reading try to give another look at these scriptures often ignored. By taking elements of the daily landscape and through a graphical processing I try to give another point of view.

56

Prin

tB

L

LB

57

Prin

t

58

Prin

tB

L

LB

59

Prin

t

60

Prin

tB

L

LB

61

Prin

t

Pau, faces and figures

This project was conducted in the third year workshop led by Marie Bruneau, Bertrand Genier : Pau, Faces and figures. We have done research in the city of Pau on personalities that have marked closely or from afar, the collective history of the city; to start thinking about the issue of heritage we have proposed a set of portrait figures encountered. I decided to work on the sociologist Pierre Bourdieu, who did his secondary studies in Pau. To do his portrait, I had to know the character, so I conducted a series of research through text, video and sound document. The strong contrast between his theoretical and complex thinking and his very accessible public speaking character really impressed me. Later, I found out that he regarded the speech as an important mediation tool, and I choose to concentrated on this aspect of his personnality. In the portrait, I worked on the first document of « my meeting » with Pierre Bourdieu :

a video 1. Quality screenshot of the image is assumed : it plays on the transparency of the origin of the document. The image is divided into three parts to represent the timeline of a conversation.The tight framing is meant to give a feeling of proximity and to strength the human side of the character, I have done some focus on sensitive attributes of the person like the eyes and the smile. The set of portrait has been the subject of two exhibitions (central library and city’s gardens).

1. Video Bourdieu, gauche-droite : www.youtube.com/watch?v=Sj3r48hMnw0

Poster Pierre Bourdieu, 2013, 90 x 120 cm. Plotter printing on 130g matte paper.

LB

Prin

t6

2

Exhibition at the central library André Labarère of Pau, March 2013.

LB

Prin

t6

3

Exhibition in the city’s gardens, Pau, June 2013.

LB

Mul

timed

ia6

4

LB

Mul

timed

ia6

5

multimedia

Mul

timéd

ia6

6L

B

Thin slides, 2012, mapping projection on paper sculpture.

LB

Mul

timed

ia6

7

Thin slides

This proposal was made in the second year (2011 / 2012) new media design workshop led by Vincent Meyer. In a reflection about the real / virtual, the fixed constraint has been the use of Blender 3D modelling tool. My goal was to try a physical materialization of a digital object. I proceeded by successive shifts between different media. The first step was the digital creation of the 3D object, simple and geometric form. Then I decomposed it into a pattern to allow its materialization in a paper sculpture. The last step finalizes the object by giving it a dimension driven by a series of projections map to different surfaces. We therefore witness a game of construction and deconstructions of forms.

Creating the 3D object by using the Blender program.

LB

Mul

timed

ia6

8Pattern of the paper sculpture created from the 3D shape.

LB

Mul

timed

ia6

9

LB

Mul

timéd

ia7

0

Sculpture 130g matte paper, 34x37x43 cm

LB

Mul

timed

ia7

1

Mapping videos on scultupre through Modul 8 program.

LB

Mul

timed

ia7

2L

BM

ultim

édia

72

LB

Mul

timed

ia7

3

Encounter

The work was conducted in the third year, it was a drawing workshop led by Catherine Melin and Vincent Meyer. It is a continuation of the work I have undertaken in the second year, on issues of transparency and layering. Here, I worked specifically on questions of slipping and encounter between traditional media (paper / cut / pencil) and digital tools. I wanted to integrate the generative design as a starting point, in a « reversal way » of what I had experienced so far in the drawing. Starting this time with a computer and then going to the paper, I extended the process, going back and forth between the two universes, that continue to feed each other. The sum of these experiments gave birth to a formal vocabulary, from which I extracted and reconstructed

some elements to create a projection. A sound installation support this projection. It was made from everyday sound (rain noise, kitchen tools, footstep, etc.) recordings and transformed digitally. To resum the sum of experiments, I designed an edition (see p 27).

Encounter, 2013. Projection on paper layer Clairefontaine 65 x 50 cm, 90g. .mov format, duration 2min 30’.

LB

Mul

timéd

ia7

4

Writing the program (Processing)to generate a drawing.

LB

Mul

timed

ia7

5

Scan of layer’s paper circles.

LB

76

Mul

timéd

ia

Projection and drawing in marker and graphite on layer paper.

LB

Mul

timed

ia7

7

Projection and cutting work on layer paper.

LB

Mul

timed

ia7

8M

ultim

édia

78

Pierre Bourdieu, 2013, web interface.

LB

Mul

timed

ia7

9

Pau, faces and figures

This project was conducted in the third year, while following the workshop led by Marie Bruneau and Bertrand Genier: Pau, faces and figures. The aim was to achieve a multimedia portrait of famous sociologist, Pierre Bourdieu. This web interface 1 replays the stakes of the research that I conducted on. It enables transversal links between different documents that helped me to discover Mr Bourdieu. To understand his thinking, I drew a mind map that I deliver here in a dynamic way, each area of the map represent a link to the documents. This tool gives the reader the opportunity to choose his own way of reading.It allows the user to become, in a way, independent and to be the actor of his research. The mind map is a system that I regularly use in my research process; I’ve found it very convenient to simplify, or illuminate new areas of thoughts.

1. To visit the website: http://ateliers.esapyrenees.fr/2012-2013/visages/p/laetitia/bourdieu/index.html

I particularly enjoyed this way of working because it allows me to show the whole process and to make the invisible visible.

LB

Mul

timed

ia8

0Example of deployment of the web mind map.

LB

Mul

timed

ia8

1

LB

Mul

timed

ia8

2L

BM

ultim

édia

82

Trombologo, 2012.App created in Processing programming language.

LB

Mul

timed

ia8

3

TROMBOLOGO

1. Archives of the workshop on : http://workshops.esapyrenees.fr/mgr/?p=18

2. Martial Geoffre-Rouland is a interactive designer : www.forme-libre.com

Trombologo was realized in collaboration with two other students, during a workshop on the theme of Interactivity 1, led by Martial Geoffre Rouland 2.(dec 2012) We had a short time to do it and worked like an « exercise in style ». In the context of a research on the generative, interactive and graphic design, we proposed a writing system of intuitive, immediate and universal form, within the confines of a previously determined graphic charter. We thought that the face, as base material, was a natural form of expression for every human being. We tried, using a generative system, a translation of facial expressions in a graphic form. Through data’s collection, such as the size mouth or the opening of the eyes, the user may affect its « graphic portrait » and shape it at will. This project makes me concretely faced the transcription’s process of

creative thinking into the programming language.

84

Mul

timéd

iaL

B

The pattern is generated by a Processing program and a facial recognition program.

85

LB

Mul

timéd

ia

Trombologo, 2012. Installation of the project : camera and projection.

LB

Mul

timéd

ia8

6

Get out! , 2013, Smartphone application.

LB

Mul

timed

ia8

7

Get out!

This project, led by Professor Julien Drochon (New Media Design) is part of my research on data visualization conducted in the third year. Get out! is a web and smartphone application that gather together and geo-located the culture and Entertainment places of the city of Pau.

Get out! , 2013, website.

LB

Mul

timed

ia8

8

LB

Mul

timed

ia8

9

90

Vid

eoB

L

LB

Vid

eo9

1

video

92

Vid

eoB

LLB

92

Vid

éo

LB

Vid

eo9

3

network

This project was conducted in second year in the workshop of design of new media led by Vincent Meyer We have been invited to create an animation on the subject of a minute of complexity. The biological elements seemed a appropriate field xto the theme of complexity. Their structures are tending toward complexification with time. I tried to transcribe this idea through an animation. The main idea was to start from a single material, a picture of a blood system 1, to generate a more complex animation.

1. Photography of a molding blood vessels from the bookBeyond the visible, Phaidon Publishing, Paris.

Network, 2012, animation 1min.

94

Por

tfol

ioL

B

95

port

folio

LB

Designed and created by Laetitia Boiteau, composed Akzidenz-Grotesk BQ and Bebas for titrations. 18x26 cm.