ELEONORA GROTTO
portfolio
ELEONORA GROTTO eleonora.grotto@gmail.com /eleonoragrotto Eleonora Grotto /Eleonora_Grotto
Web design - social
Infographic
Photography
Graphic
Video
CREATIVE FIELDS
Publishing
Theory
Physical computing
Typography
Stand
3D modeling
Flash
1
WannaPlayDaily
2
Flipstalking
Strategy
Bovisa
Mi-Ita
LABEL AND INDEX
Flipbook
3
Typemotion
4
Km zero
5
Augmented bycicle
6
Bird sans
People involved Single project
University project Politecnico di Milano Communication design
7
I 100 anni del Ponte
People involved Group project
Stage Roberto Nicoletti Architettura e Design
8
Dante All’Idrante
1
WANNA PLAYDAILY “Wanna Play Daily” is a new webzine talking about how some specific music videos are made. It was born as an university project ( finished in february 2012) but we were really enthusiastic, so we have decided to carry on it. www.wannaplaydaily.com
Visit the site here.
A collection of some of the most innovative and particular music videos from different genres and authors is available to consult on the website, in order to have more information on how they were made, which techniques and software were used. The inspiration on how to organize the contents comes from how normal magazines work: every day a new video comes out, so each month is made of 30/31 video posts, as the “month issue”. The video that occupies the most space in the page is the daily video. In this way, browsing through the different months will be like flipping through different issues of a magazine. Moreover, the users could see the videos depending on the techniques used to realize them usign the categories.
With the decision to carry on the project, we have evaluated and made changes to the site. It is still in a Beta phase. We have been interested also on the part of marketing and analysis. We have introduced special editions for example for Halloween or special weeks, dedicated to the publication of seven videoclips according with the theme (eg. “Italian Week” during the week of April 25th, the Italian feast of liberation, or “Summer Heat”, in the week of August 15th). We also contacted or have been contacted by some videos’ directors, we have interviewed them and the interviews were published with the video’s article. We have taken this webzine as our job.
2
FLIP STALKING A social campaign against stalking, a crime that italian legislation describe as continuous and persecutory acts that cause anxiety and oblige the victim to change its routine. The campaign was declinated in three scale of actions: university Bovisa campus, the city of Milan and the whole national. Firs part of thesis’ project.
First of all we have worked out a research dossier. Then we have summarized all the data in an infographic map. In that map you could see the relation between the stalker and his victim, and secondly with victim’s acquaintances. It’s sum up the psicological profile of both the people involved, their behavior and the statistical data linked to them. On the next reading level, is set out the position of other professional figures involved. While in the lower part of the map are identified the closest relations to the stalking, in the upper part the focus is on society: the effects of the crime, the impact it has on the community and the reaction. An important position in the map is occupated by the law act agains stalking in italian legislation.
Effetti dello stalking sulla società %#& produce messaggi sbagliati imbrattamento deturpamento e lesione di proprietà pubblica
limita l’emancipazione femminile
non utilizza risorse della società
deperimento economico
un reato impunito incrementa la sua tolleranza aumento episodi stalking delitto contro l’ordine e la tranquillità pubblica
causa licenziamenti
Stalking:
distacco dalla rete sociale
Reato commesso da “chiunque reiteramente, con qualche mezzo, minaccia o molesta taluno in un modo tale da infliggergli un grave disagio psichico ovvero da determinare un giustificato timore per la sicurezza personle propria o di una persona vicina o comunque da pregiudicare in maniera rilevante il suo modo di vivere, è punito, a querela della persona offesa, con la reclusione da sei mesi a quattro anni”.
fobia per il virtuale disagio
vendetta
relazioni coppia
condomini
allarme
rancore
isolamento incubopaura depressione 75% donne 25% uomini timore
risentimento
morbosità controllo insistenza
lavoro conoscenza precedente
famiglia
stress
stalker
vittima
2 persone
vittime
10%
degli omicidi è preceduto da stalking
i u to
d’a
Medico Psicolo
s ta
il
Prim
ar
ic
go
h
Avv
ocato
Co
lleg
Po
0%
Fa
ia
m
15%
ig lia
/a
cyber
lle tà de ni ro rtu te o is p la in op te M ari tu p
ici
ne
stalking
m
m p e ag se n De ns e d si ib i i gne il n r iz fo za rm zi a on z e io
ea m co
50 %
56%
hi
liz
gi sc el os ta lke r*
il
Giudice
Associazioni
ie
49%
subisce violenza fisica
17%
il denuncia
le tt e r e e fi o ri te telefo n a nti pe d in a m e i ent a p p o st a m fie ra fotog à dan rie t n e g g ia m en t o all a p r o p o cili o mi v i o l azio n e d i d ro lavo a o di nt visita sul post ole i ia vi erz minacc su t ca lenza fisi uso della vio e nza ual viole ess za s icidio violen m re to o ilia tenta fam io i un icid idio d /su omicidio/ omic idio omic
il
52%
il denuncerebbe
su 10 sono
di stalking
abuso del termine
di cui il 5% uomini vs uomini
100%
62%
ca
ritiene pessimo il bilancio della legge anti-stalking Criminologo
Sociologo
il ritiene inutili le campagne di sensibilizzazione
studiano il problema
Legenda: contatto intrusivo violento
Fonti: stalker vittima
area privata stalker area privata vittima
collegamenti relazionali collegamenti concettuali
Osservatorio Nazionale sullo Stalking, http://www.stalking.it Modena Group on Stalking, Percorsi di aiuto per vittime di stalking, FrancoAngeli, Milano, 2009 Articolo 612 bis c.p, Art. 7, Comma 1 del Decreto Legge 23 febbraio 2009 n 11 NB: Tutte le percentuali e i dati si riferiscono a indagini svolte in territorio nazionale italiano.
Strategy
Mappa degli strumenti Bovisa
Milano
Italia
FOCUS SUL CYBERSTALKING
FOCUS SULLA LESIONE PUBBLICA
FOCUS SUI RISVOLTI SOCIALI
Indizi
SOCIAL NETWORK 5 settimane
falso profilo facebook ricerca di contatto con gli studenti
CARTOLINE IN BUSTA il 7/o2
Rivelazione
SISTEMA DI MANIFESTI
frasi dello stalker es. “sarò sempre al tuo fianco”
porte interne ai bagni zone caffè zone tavoli di studio finestre lavagne
palazzi pubblici di rilievo es. Palazzo Reale Porte della città
dal 17/02
La rivelazione a Milano coincide con la campagna nazionale.
dal 17/02
immagini fotografiche frasi dello stalker slogan esplicativo del fenomeno
frasi dello stalker es. “sarò sempre al tuo fianco” metropolitana stazioni ferroviarie
reti televisive monitor stazioni
“potresti essere tu” concetto di tag di facebook
1 settimana
“ti sto stalkerando da: ...” ingresso edificio N
Timeline
2
gen
SOCIAL NETWORK
Legenda
CONTATORE
7
feb
dal 07/02
Genera incomprensione quindi curiosità
Link a facebook
Genera informazione e conoscenza
Durata dell’artefatto
Genera empatia e immedesimazione
Contenuti dell’artefatto
Genera partecipazione e interesse
Luogo
14 17 19 feb
Bovisa
“Non lasciare che si ripeta: lo stalking è reato.”
VIDEO
da S. Valentino per 3 settimane
specchi dei bagni
Gli artefatti pensati per Milano sono sfruttabili anche in altre città
spazi pubblicitari
ADESIVI SUL PAVIMENTO
1 settimana
Rivelazione
SISTEMA DI MANIFESTI
da S. Valentino al 19/02
contenuti pubblicati nel profilo “più vicino di quanto tu creda”
ADESIVI
Indizi
PROIEZIONI DINAMICHE
LOREM IPSUM DOLOR
1 settimana
status canzoni contatore percorso stazione-campus
The campaign was declinated it in three different scale of actions. Instead of each campaign’s level has got a particular treatment, the goals are in common: inform society about the problem and the crime of stalking, to keep them near to the victim and give her psicological help, that makes victims conscious and brave enought to denounce, knowing that society supports them. The campaign’s tone of voice is strong threatening: we have used metalanguage in order to bring the audience feeling the same emotions and understand the victim point of view. Another strong strategy point is the repetitivity, as the stalker actions are. We have used a metaphora, a flip counter, not only for the repetitive actions it does, but also because of the sound it has, that causes somethig like a distressing feeling, as the victims have. The flip counter is the fil-rouge of the whole campaign. The numbers it shows meaning change from thing to thing: numbers of victims, unwanted gifts, hours spent committing stalking.
Rivelazione
Indizi
feb
feb
Milano Italia
falso profilo facebook diventauna piattaforma su cui mostrare l’intera campagna
Bovisa In our campus (Bovisa) we decided to focus on cyberstalking, as it is a problem closed to the students. The best way to make them understand how easy is to hit in this problem was try to contact them using Facebook. We have made a fake profile, a 21 older boy called Sebastiano Seba Semenzin, and then we have requested and obtained many student’s friendship, people who couldn’t know that the profile was part of a campaign and accepted him as friend without know him.We could pointed out how many information everybody shares online, even with unknow people. With this profile we also chat with someone of these “friends”, that gave us an appointment too. The 31st of January was the “revelation day” of Seba identity. We have used a clue, the Flipcard, a loopcard with “I’ll be watching you” song’s lyric, explicative posters and business cards. We have got a great and entusiastic respons, the students admitted the were fooled and that they would pay more attention in the future.
Also the Milan and national campaigns are based on giving clues and then reveal them. Before launching the national campaign, floor stickers with ambiguous phrases will be placend in metropolitan’s and train’s station. Moreover some love sentences would be projected in the most popular places: there is a fleeting line between strong, intense love and stalking, that is obsessive love. To increase the ambiguity, we have set the projection on Valentine’s Day. This campaign’s part could be extended at other big cities. Posters and video are the revelation of what the previous artefact means. The posters have been designed using photos of stalkers’ common actions (such as bring gifts of flower, mak- ing calls, sending letters and sms, waiting for the victim) in a rythmical composition given by the vertical bands of different thickness. Each poster describes an action and presents a flip counter with a number and its meaning and the slogan: “Don’t you recognise it? Stalking is a crime”.
Flip Stalking © 2012 Francesca Fornoni, Eleonora Grotto, Pietro Lodi / Studenti del Corso di Laurea in Design della Comunicazione, Politecnico di Milano
Mi-Ita
appostamenti al mese
NON LO RICONOSCI? LO STALKING È REATO Diventa nostro amico facebook.com/flipstalking
Video The rythm of composition in poster becomes the montage’s rythm in the video. Here we have used a fast, increasing montage of the photos, break up with yellow backgruound screen. The letterign says short sentences as “I know everything about you”, “I watch you”, “I follow you”, “I want you”, “You are mine” and at the same time a deep voice pronunces them. In that way we would increase anxiety and unease in the audience, to make them feeling like stalking’s victims. In the background the sound of a flip counter, increasing in its movement. At the video’s biginning, the flip starts counting from one, then rythmically it comes into sight, incrasing in number. All the montage became faster and faster, disorientating. At the end the rythm suddenly stops. A female voice pronunce the final claim while it appairs as type, and says: “Don’t you recognise it? Stalking is a crime”. Then the counter tours to zero with “Don’t allow it happen again”. You can see the video here.
Flipbook Finally, all the work has been collected in a book project. The first part has been dedicated to a summary graphical and textual research (preliminary phase) and a more extensive and accurate concept’s explanation. The second part we have focused on the campaign’s description in all its parts and its implementation modalities, using the timeline and showing in detail the links between the implementation and the concept. To insert graphics cards (such as moodboard, map tools, timeline), we have often inserted pages with wings. In order to distinguish the stages of “clue” and “revelation” of the campaign, we have characterized the pages with the corresponding content using a sideband of different color (yellow for clues, blue for detection).
3
TYPEMOTION THESIS This project is strongly connected with “Flipstalking” social campagin, as the second and personal part of my graduation’s thesis project. I explored the theme of dynamic typography and its expressive and communicative power.
“Typemotion” is a neologism that I created to entitle my thesis. It contains the words type, motion and emotion. A statement on the ability to communicate emotions through the use of typography and his movement. A first part is more didactic, with historical research, notions about the morphology of the characters, the perceptual system and the kinetic possibilities. Secondly I analyzed different case study. They were divided according to four different languages t o convey the emotions, four different ways of involving the audience, to elicit feelings: graphics and dynamic effects, references to the background, reference to the brand, characters as graphic signs. The last part is dedicated to the typography’s analysis in Flipstalking campagin.
4
KM ZERO A social campaign based on an audiovisual artifacts to promote a sustainable Milan. The topic is “sustainable food”. It is necessary to encourage and spread knowledge in order to understand the impact that producing, distributing and consuming our food has on our common future. You can see the video here.
The campaign focus is on the short distribution chain, highlighting the reasons why it is preferred to the long distribution one. The idea for the name comes from the closeness of the “zero km” proper to the short distribution chain with the “0 km” of cars and the shared compromise between cost and quality. With the name we wanted to convey a sense of sustainability, low impacts, quality, security etc. We have thus developed an audio-visual artifact that seemed like a car advertising, showing the real subject only at the end, surprising the viewer at first but making him more aware and alert the second time he watches the commercial. The final claim is “Km zero food, go and try them every day, in the best grocers and supermarkets”.
Here is the project-book. It contains strategy, with social problem explanation, competitors, people position, SWOT analysis and so our aim in target and tone of voice. It is explained all the project development, from the moodboard to the first idea, the storyboard , the script and the animatic. Studing the book grid, we have decided on a square layout, based on diagonal to recall the video’s dynamism. Each part is introduced with an evocative image, cutting according to the different use of diagonals.On the cover we have played again with the double meaning of “0km cars” and “0km food” and with the colors of the “character” of our video; an aubergine.
5
AUGMENTED BYCICLE The A.B. project consists in a support to hook a bicycle to, which allows the user to play if connected to a computer. Its aim is to boost physical activity through a videogame. This product is particularly aimed to teenagers, who are very used to and connected with virtual worlds.
The incentive to buy Augmented Bicycle doesn’t come from the will to work out, but to have fun and to be connected with the game. In order to play the videogame though, the teens will necessarily have to pedal. Looking at it from this point of view, Augmented Bicycle connects physical activity to having fun with videogames. It will not be necessary for the user to buy a cyclette, because the support can be hooked to a normal bicycle, reducing the structure’s dimensions, weight and costs. We used Arduino to prototipate the product, it collects the inputs and transfers them to the computer. The another program, AAC, translates this informations in keyboard inputs and passes the results to Unity, a free platform for videogame.
AUGMENTED BYCICLE
COMPONENTI
Augmented Bycicle è uno strumento per l’esercizio fisico casalingo in grado di aumentare il coinvolgimento dell’utente: attraverso una serie di sensori il sistema è infatti in grado di rilevare i movimenti dell’utente e trasferirli al computer. In questo modo è possibile giocare ad un video-game durante l’attività fisica quotidiana. A.B. è stato inoltre pensato per non essere fissato in modo permanente alla propria bicicletta, al contrario è compatibile con la maggior parte dei modelli in vendita.
Dx
supporto posteriore (a) supporto anteriore (b) freno (c) jack destro (d) jack freno (e) jack sinistro (f) cavo usb (g) cd software (h)
Sx
SETUP 1.Fissare la bici al supporto posteriore (A)
2. Posizionare la ruota anteriore sula base frontale (B) 3. Collegare il jack destro (D), il jack sinistro (F) ed il jack freno (E).
4. Fissare il freno (C) al manubrio 5.Collegare il sistema al pc tramite cavo usb (H) 6. Installare il programma tramite cd (H) in dotazione 7. Avviare il programma
PLAY ACCELLERARE
pedalare (accellerazione proporzionale alla pedalata)
SVOLTA A DESTRA
ruotare il manubrio della bicicletta a destra
FRENATA
premere il pulsante situato sul freno (C), pedalando
SVOLTA A SINISTRA
ruotare il manubrio della bicicletta a sinistra
RETROMARCIA
ad auto ferma, la pressione del pulsante (C) avvia la retromarcia, pedalando.
6
BIRD SANS Development of an entire alphabet from a given logotype. The logotype at issue is the “Bird” one.
Initially we have studied the logotype’s font, focusing on the main characteristics to be maintained in the whole alphabet: the angle, the inclination, thickness and cut. Afterwards,we have handsketched the whole alphabet. Every letter had both the lower case and the upper one. When a letter was approved, it was transferred on graph paper. Here we colud have done a more accurate work in the shape and details. The whole alphabet has been digitalized using FontLab. We have worked out also a “stilystic set” of character, using the particular end of them, as in the logotype design. Finally, a legature samples had been made, studing the logotype’s kerning. We have tried our “Bird sans” making some artboards and a type-poster.
7
I 100 ANNI DEL PONTE A photographic exhibition for the 100 years since the first construction of Vidor’s bridge on Piave river. The work’s customer was the municipality of Pederobba, in which territory stands for three-quarter the Vidor’s bridge, over Piave river.
For the centenary of the first construction, was organized a little celebration, and there the exibition took place. As the matter of fact, that bridge has always had a great importance. It had a decisive role during the two world war, especially in the first one: is here that Italians troops stopped the Austrian’s. The stands’ structures would remind to the irregular river path and its dynamism, with futuristic shapes. The exposition took place in a passage area so the panel disposition would show the way to the visitors. We have organized photo and text using a chronological reading. A blue line, like the map sing for river, works as a time line. Moreover, we have realized a brochure, a folded A3 paper and an exhinition catalogue with photos and history.
That book has been designed according to the exhibition “I cento anni del Ponte”. It had to be an historical photographic book, enriched with texts, like a catalogue of the exibition. Having mainly historical photos, I must have kept all the images in black and white. Moreover, I have had to face the problem that some photos had not a good resolution quality, also because they were collected taking from families’ village. So, I must have studyied some different spaces’ dimension. The format is A5, the layout clear and simple. I have used the line element, as in the exposition, in order to remaind to the path of river Piave. The same concept was used for the brochure.
8
DANTE ALL’IDRANTE 3D modeling and animating with Maya of a wooden toy whose elements have been made of meta, string, plastic and rubber. Presentation and interaction using Adobe Flash. The toy was a fire truck.
We used maya for reproducing the object and animating it. After that, we have developed its presentation with Flash, highlighting the executive parts, the material aspects and the dynamic ones. We have described each part, giving all the parameters also for the light we have used in the final renderig. In the presentation we have included an animation of the explose, rotations and every single movement and manipulation of our toy. As in a tutorial, a detailed explanation of how we have built the object it has been also contained, so everyone who see it, could have the same result we have had. Finally, a gallery shows the real object photo, different render of the modelig, some render details and also some composite of our fire truck in real life.