Portfolio CF

Page 1

2014-2015

Portfolio Chiara Francione



ABOUT ME Mi chiamo Chiara, sono nata a Vittoria, fra il vino, il liberty e il ciliegino e, a pochi chilometri, da quel mare che tanto amo e continuerò ad amare perché mia fonte di serenità interiore. Sin da piccola mi distinguevo per il senso pratico, la tenacia e la curiosità. Proprio da questa nasce la predilezione per i viaggi e quindi per la fotografia, della quale mi ha sempre affascinato la possibilità di collezionare le mie scoperte per poi affidarle alla mia memoria. Porto nel cuore la suggestiva Palermo, peculiare punto d’incontro di odori e colori, arte e cultura, caos e apertura dalla quale sono approdata alla ventosa Viana Do Castelo che mi ha accolta splendente per ben undici mesi, permettendomi di allargare la mia rete di contatti, alcuni rimasti tali altri trasformati in splendide amicizie, con le quali ho imparato a comprendere il malinconico Portogallo. Da tre anni mi trovo nella frenetica Milano, tanto sognata per le sue opportunità quanto divenuta fonte inesauribile di ispirazione. Ad ottobre (2014) decido di trasferirsi a Treviso per circa tre mesi dopo aver partecipato ad un hackaton organizzato da Porsche presso H-Farm affacciandomi all’affascinante mondo fatto di progetti, creatività e presentazioni. La conclusione del mio percorso universitario apre un nuovo inizio, ho tanta strada da fare ma non esistono viaggi che non vale la pena di compiere se affrontati con la giusta voglia di crescere e migliorarsi.


EDUCATION

APRILE 2015 Laurea Magistrale in Design della Comunicazione presso il Politecnico di Milano,con votazione 109/110 FEBBRAIO 2012 Laurea in Disegno Industriale, PRESSO L’Università degli studi di Palermo,con votazione 108/110 NOVEMBRE 2012 Certificato TOEIC B2 presso la sede milanese del British Languages Services MARZO 2008 Certificato ECDL (European Computer Driving Licence). Moduli: Concetti base IT, Gestione file, elaborazione testi, foglio elettronico, databese, presentzione, reti informatiche. GIUGNO 2008 Diploma conseguito presso il Liceo Scientifico di Vittoria “S.Cannizzaro con votazione 90/100. AGOSTO 2007 Corso di lingua inglese a livello di Consiglio d’Europa B2, presso il Griffith College di Dublino


EXPERINCE

DA OTTOBRE 2014 A GENNAIO 2015 Adesione al progetto di Porsche Italia ‘Ex Machina’ promosso da imprenditori come Salvatore Ferragamo S.p.a., Bonfiglioli Riduttori S.p.a., Carraro S.p.a. e Pulitori e Affini S.p.a, con sede in HFARM. Il progetto è stato viluppato all’interno del programma H-CAMP, supportati e sostenuti in ogni fase del lavoro da un network di esperti e mentor internazionali e non. NOVEMBRE 2014 Blogger di cartesiani.it, primo blog italiano interamente dedicato all’Information Design. MAGGIO 2014- NOVEMBRE 2014 Partecipazione e collaborazione all‘iniziativa promossa da DESIS NETWORK ai Philosophy Talks tenuti al Politecnico di Milano e alla Design Academy di Eindhoven(DAE) insieme a Virginia Tassinari (DAE,Aendhoven) e Headher Daam (Institute without Boundharies,Canada)e Francesca Piredda (Politecnico di Milano) DA SETTEMBRE A LUGLIO 2011 Erasmus presso l’ Istituto Politecnico di Viana Do Castelo ‘IPVC’ in Portogallo FEBBRAIO 2010 Attestato di partecipazione al workshop more E less LAB | mobile box in carta e cartone, imballaggi multifunzionali sostenibili per telefonia, tenuto da Paolo Ulian, presso Palermo

WORK EXPERINCE

DA SETTEMBRE 2014 AD ORA Freelancer come Graphic Designer di brand come Kocca, Vileda, CB12, Falconeri e altri, presso l’agenzia di Comunicazione Mosaicoon di Palermo

DA FEBBRAIO Freelancer come Graphic Designer di presso l’agenzia di Comunicazione LIFE INTERACTION (HFARM) di Roncade. DA MAGGIO A LUGLIO Freelancer come Graphic Designer e UI per viUer.com, società di pubblicità che utilizza pannelli digitali per visualizzare offerte e coupon all’interno di veicoli per il trasporto pubblico e privato (come UBER). DA APRILE A LUGLIO 2014 Corso di Formazione Teorica e Pratica per UX e UI Designer presso Vanilla/ Cocoa, agenzia di Comunicazione e Pubblicità Digitale di Milano; - corso su HTML + esercizi; - corso approfondito CSS + esercizi; - training sull’usabilità; - fondamenti di Javascript; - esercizi finali su lavori già esistenti e da modificare; - corso + esercizi su framework per il web design “agile” (Bootstrap e Foundation); - training su come realizzare il design partendo da elementi già prontie non; GENNAIO 2014 Videomaker e/o fotoreporter per la nuova sede di Nestlè ad Assago , progetto di comunicazione seguito da Studioforfard di Palermo. DA MARZO A LUGLIO 2012 Graphic Designer e Art Director presso Studioforward, agenzia di comunicazione di Palermo.


LANGUAGES -Produzione di conternuti multimediali Italiano (video, foto, grafica). -Ideazione progetti di Interaction Inglese design. -Vendita al cliente. Portoghese DA GENNAIO A MARZO 2012 Stage presso Studioforward (-Produzione di conternuti multimediali (video, foto, grafica).

INTERESTS Foto

SKILLS Windows Mac OS Illustrator Photoshop Premiere

Video

Musica

Fashion

Viaggio

Food

CONTACTS

Indesign

https://www.behance.net/chiarafrancionedes

After Effect Keynote

it.linkedin.com/pub/chiara-francione/74/a1a/b27/

InVision HTML/CSS

https://vimeo.com/user24578571

Foundation Pac. Office

https://www.flickr.com/photos/92155234@N02/

Canon 6D

WORK SKILLS

https://www.facebook.com/chiara. francione

85%

95%

95%

Multitasking

Lavoro di gruppo

FlessibilitĂ


PORTFOLIO Il portolio fa una panoramica delle tipologie di progettazione su cui ho lavorato dal più al meno recente:

DATA VISUALIZATION

GRAFIC DESIGN

INTERACTION DESIGN

MOVIE DESIGN

COMMUNICATION DESIGN

LEGENDA CONTENUTI Materia trattata

Anno del progetto

Docente del corso

Committente

Località

Cliente



WORK EXPERIENCE


INTERACTION DESIGN

Falconeri #SpiritiLiberi Il contest Spiriti Liberi Falconeri vuole raggiungere due obiettivi principali: -Accrescere l’awareness del brand; -Dare visibilità ai prodotti Falconeri. Per rispondere a queste necessità, il target interagisce con il brand postando almeno 1 scatto che accompagna le foto con gli hashtag #SpiritiLiberi e #Falconeri. Il progetto consiste nella: - Grafica landing page (in progress); - Esecutivi stampa (come flyer e cartellonistica). Mansione: Graphic Designer Freelancer Link di riferimento: spiritiliberi.falconeri.com

Mosaicoon

Falconeri Gruppo Calzedonia

Palermo 2015-2016


Landing Page Falconeri:


Sezione premi:

Sezione registrazione e foto utenti:


Flyer contest


INTERACTION DESIGN

The Coolest Breath Night 12th #CB12 I prodotti CB12 hanno una formulazione esclusiva che neutralizza e previene la formazione delle sostanze responsabili dell’alito cattivo. Il progetto consiste nella: - Creazione dell’immagine coordinata della campagna di comunicazione; - Declinazione dell’immagine sui materiali scenografici e i gadget per l’evento (adesivo van + brandizzazione iphone + magliette promoter f/r, materiali per brandizzare mac, adesivi vario formato; - Grafica cartelli per video di promozione; - Grafica landing page (in progress) Mansione: Graphic Designer Freelancer Link sito di riferimento: thecoolestbreathnight12hr.com

Mosaicoon

CB12

Palermo 2015-2016


Keywords di riferimento:

Chewin gum/ Colluttorio CB12

Struttura simbolo:

Logo Proposto:

Fotografare

Tracciato Spirometrico + Musica

12 ore


Logo Definitivo e Approvato:

the

COOLEST BREATH NIGHT 12HR

Tshirt uomo/donna per video promo:

THECOOLEST NIGHT CB12.CO M

THE

COOLEST BREATH

NIGHT 12HR

Adesivo grande per portellone minivan 9 posti:

the

COOLEST BREATH

NIGHT 12HR

THECOOLESTNIGHTCB12.COM


Cartelli Video Promo:


Landing Page approvata:



GRAPHIC DESIGN

Logo e Corporate image evento Evolutionary Wave Evolutionary Wave è un evento di networking e di approfondimento in riva al mare, dedicato all’innovazione digitale e destinato a direttori marketing e comunicazione, top brand e speaker di livello internazionale. L’evento sarà organizzato da PHD e Mosaicoon insieme ad altri potenziali sponsor come Microsoft Parole chiave: -Sharig/collaboration + Tecnologia + Comunicazion + Intelligenza Artificiale + Futuro + Evoluzione + Onda Mansione: Graphic Designer Freelancer

Mosaicoon

Evolutionary Wave

Palermo 2015-2016





Proposta Logo per materiali di brandizzazione


Grafica per invito evento


INTERACTION DESIGN

Restyling del sito Cucchiaio D’Argento Obiettivo del progetto è il restyling del sito cucchiaio.it, al fine di rielaborare l’interazione dell’utente con i contenuti del sito, rivedendone il visual design. Fulcro della rinnovata user experience sarà la presenza dei video in Homepage e nelle pagine interne. Mansione: Interface Designer Link sito di riferimento: www.cucchiaio.it

Concorso Ui, Visual Design

Cucchiaio D’argento

Milano 2015-2016


MADE IN ITALY FONT UTILIZZATO

Montserrat Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz PALETTE COLORI

1

R 29 G 159 B 101

C 79 M9 Y 75 K0

PANTONE SOLID COATED 7482 C

ESADECIMALE #1D9F65

2

R 235 G 26 B 47

C 0 M 95 Y 78 K 0

PANTONE SOLID COATED 185 C

ESADECIMALE #EB1A2F

3

R 161 G 161 B 165

C 39 M 31 Y 28 K8

PANTONE SOLID COATED COOL GRAY 6 C

ESADECIMALE #A1A1A5

4

R 66 G 66 B 66

C 65 M 55 Y 53 K 55

PANTONE SOLID COATED 425 C

ESADECIMALE #4F4E4D


Wireframe website desktop

Homepage cucchiaio.it

Singlepage menu

Singlepage icetta


Wireframe website mobile

Homepage cucchiaio.it

Singlepage menu

Singlepage ricetta


Homepage Cucchiaio D’Argento Desktop/Mobile


Singlepage Ricetta Desktop/Mobile


Menu-Icon

RICETTE

MENÙ

RICETTE

REGIONI

CON NOI

CON GLI CHEF

CON I BLOGGER

PRODOTTI

ASSAGGI

PRODUTTORI

MANGIARE FUORI

RISTORANTI

TRATTORI A

PIZZERI E

BIRRERI EW

INEBA R

ETNICI

AGRITURISM I

DI STRADA

BERE

VINI

BIRRE

VIGNAIUOLI

BIRRAI

INCONTRI

ITINERARI

OPINIONI

ITINERARI

DEL GUSTO

DEL VINO

NOTIZIE

ATTUALITÀ

ALIMENTAZIONE

ECOSOSTENIBILITÀ


Singlepage Menu Desktop/Mobile


GRAPHIC DESIGN

Logo e Corporate image PEC PEC è acronimo di Procurement Executive Circle, iniziativa di iFaber, membro Unicredit. Il disegno nasce lavorando intorno al cerchio, sul quale le persone si riuniscono per discutere intorno ad un argomento. Su questa idea ho costruito l’identità, intorno alla combinazione di archi, cerchi e circonferenze. Il simbolo Pec è formato da tre archi di circonferenza più uno spicco di Intorno al logo ho costruito la parte visual da inserire nel sito dell’iniziativa all’interno delle mail di invito agli eventi Mansione: Graphic Designer Freelancer Link sito: http://pec.i-faber.com

LIFE Interaction H-Farm

i Faber - PEC Gruppo Unicredit

Treviso 2014-2015


Logo di partenza:

Struttura Simbolo:

7x

x

2x

3x

2x

4x 2x

2x

Logo Definitivo: 3/4x

x

2x

4x

Procurement Executive Circle


Tre declinazioni logo:

3/4x

x

2x

4x

PA & Utilities

PA & Utilities

Corporate

Corporate

Construction & Infrastructure

Construction & Infrastructure

3/4x

x

2x

4x

3/4x

x

2x

4x


Visual: 3

3

Formato 600 px 300px

Formato 600 px 300px


Procurement Executive Circle


Email d’invito all’evento:

Benvenuto, Mario Rossi Pec Innovation Experience 2015

PROCUREMENT EXECUTIVE CIRCLE Construction & Infrastructure Come sta evolvendo il settore delle costruzioni in Italia e a livello mondiale? Quali sono le evoluzioni in atto in termini di normativa degli appalti?

Le costruzioni rappresentano un volano della crescita del sistema paese? Di questi e di altri temi ne parliamo alla 1° edizione del “Procurement Executive Circle*: Construction & Infrastracture” organizzato da i-Faber e Salini-Impregilo. Lʼevento si svolgerà il 27 maggio a Roma.

Lʼiscrizione è gratuita, invia la tua richiesta di partecipazione. Parteciperanno: Pietro Salini, Salini-Impregilo

Alessandro Cataldo, UniCredit/ i-Faber Paolo Gencarelli, UniCredit

Carlo Altomonte, Università Commerciale “Luigi Bocconi”

Scarica lʼagenda *i-Faber, organizza da più di 10 anni, il Procurement Executive Circle un evento annuale che coinvolge i Chief Procurement Officer e Supply Chain Director delle più importanti aziende italiane e internazionali. Questʼanno si è deciso di lanciare la prima edizione del PEC dedicato al settore delle costruzioni.

Per maggiori informazioni contattaci marketing@i-faber.com

Se non desideri ricevere questa comunicazione clicca qui


INTERACTION DESIGN Collaboratori: Niccolò Lunari Valerio Balsamo

Supplain Supplain è una piattaforma social che implementa la visibilità di un’azienda con un nuovo concept di vetrina digitale e supporta l’ufficio acquisti nella gestione dei propri fornitori: 1) supporta i buyers nello scouting di fornitori tra quelli iscritti alla piattaforma; 2) permette ai fornitori di candidarsi ad un progetto o ad una certa fornitura rispondendo a parametri definiti dal buyer; 3) supporta i buyers nel monitorare i fornitori esistenti con parametri custom oggettivi e soggettivi. I parametri si traducono in un sistema di feedback che creano uno strumento utile ai buyers per la scelta di nuove companies con le quali stringere rapporti duraturi di partnership. Link progetto: http://exmachina.porscheitalia. com/ita/progetto-ex-machina

Progetto HFarm

EX Machina Porsche Italia

Treviso 2014-2015


Ricerca di nuo vi fornitori/partners per fornitura o

Le liste dei f ornitori non pubbliche. I fornitori compaiono nelle reference list .

visibile ed esplorab i le dall’esterno

Vetrina internazionale per piccole e medie aziende italiane .

Sistema di Ranking e Reference list sempre aggiornata

Sistema di monitoraggio

Individuazione de i

Il prezzo è molto

di partnership di lungo periodo

vantaggi che si


Login

Free


Profilo Aziendale

Modifica

Profilo aziendale

Home Profilo Aziendale Fiera Virtuale

Gruppo Carraro S.p.A. Monitor

Via A.Cappellini, 36A (VE) a consolidated turnover of over 874 million Euro in 2012. achieved. V arious c ompetencies a re p resent within o ur G roup, whose spirit i s strongly

SEDE, via Archimede n° 23

Ranking

1° Stabilimento 2° Stabilimento

AUTOMOTIVE

3° Stabilimento 4° Stabilimento

Report Aziendale Ranking in 5 anni, con media 350

10.000.000.00

300

1.000.000.00

250

100.000.00

200

10.000.00

150

1.000.00

100

100.00

3,5 Media Ranking

10.00

50 2010

2011

2012

2013

2014

2010

2015

10.000.000.00

2012

2013

2014

2015

Azienda 1

3

2

CAME

1.000.000.00

2011

Azienda 2 Azienda 3

100.000.00

1

10.000.00

Azienda 4

4

1.000.00

5

100.00 10.00 2010

2011

2012

2013

2014

Internazionalità

Azienda 5 Ranking

2015

Visualizzazioni


Fiera Virtuale

Filtra per:

Home Profilo Aziendale

Assali

x x

Fiera Virtuale

Ingranaggio Elicoidale

FEEDBACK

LOCALIZZAZIONE

FATTURATO

N. DIPENDENTI

x x

Monitor

Servizi finanziari

x

Pulizie

x

Feedback Localizzazione

Feedback Stoccarda

Localizzazione

€14.326.000.000

28

Feedback Localizzazione

Localizzazione

€1.254.000.000

Tags & Filtri

240

Localizzazione

86

120

Reference List

Elenco Fornitori

9

Feedback Meda

Localizzazione

90

Milano €40.000.000

50

Reference List

Bologna €623.727.38

€50.000.000

120

Reference List

24

Feedback Brescia

Localizzazione

3.322

Reference List

€254.000.000

6.720

Reference List

9

Feedback NYC €1.152.000

180

Reference List

Feedback Bergamo

Localizzazione

€112.000.000

19.456

Reference List

Feedback Treviso

20

Reference List

120

Wish list


Progetti di altri

Home Profilo Aziendale Fiera Virtuale

Cerca per tag

Acciaio Ingranaggio Elicoidale

1.

Ingranaggi cilindrici elicoidali 800mm. DIN , ISO , ANSI , S AE , J IS , da Modulo 0,5 a Modulo 10.

CIRCA 4 GIORNI AL TERMINE

mm

Monitor

CIRCA 4 GIORNI AL TERMINE

CIRCA 2 MESI AL TERMINE CANDIDATI

2.

CIRCA 4 GIORNI AL TERMINE sigillamento di t empo d ella spugna su ordinazione d i EPDM. I solamento a tenuta di calore e decorazione

CIRCA 4 GIORNI AL TERMINE

CIRCA 2 MESI AL TERMINE CANDIDATI

3.

generazione per proporre al m ercato d i all’avanguardia.

CIRCA 4 GIORNI AL TERMINE CANDIDATI

CIRCA 4 GIORNI AL TERMINE

CIRCA 4 GIORNI AL TERMINE


I miei progetti

Home ProďŹ lo Aziendale Fiera Virtuale

Monitor

Ingranaggio in acciaio Candicature N. Visualizzazioni

Ingranaggio Assale XYZ

Ingranaggio conico Candicature

0

N. Visualizzazioni

120

Candicature

2

N. Visualizzazioni

480

20 120

Candicature

20

N. Visualizzazioni

120

Ingranaggio Conico Visualizzazioni 35

Data

N. Tot

30 25 20

2

4

15 10

8

5 0 50

1 nov2

nov

3 nov4

nov

5 nov

6 nov

2

3

0

Visualizzazioni

Candidature


Home

Indietro

ProďŹ lo Aziendale Fiera Virtuale

Info & Cover

Info & Cover

Upload Project

Monitor

Descrizione trasmissione di potenza. E' generalmente composto da una serie di carcassa, che riducono la velocitĂ di rotazione

Info e Cover

Tags


MONITOR FORNITORI

Home

Monitora

Profilo Aziendale

Elenco Fornitori

Importa

Monitora Fornitori:

Aggi ngi

Fiera Virtuale

PP

ro a Inno a ione

Monitor

an ing

1

Centro i costo

PP

Amministra ione

Inno a ione

Costo Anno

Porsche Brem o Came

1

Bonfiglioli Ferragamo

flexform Amaranto 1

1

Porsche Italia

Home Profilo Aziendale Fiera Virtuale

Localizzazione

A

I

Report Aziendale an in in Monitor

anni con media

1 1

e ia an ing

1 1 1

1

1

1

1 1

11

1

1

1

1

1

11

1

1

1

A ien a 1

1

A ien a

1 1

1

1

A ien a A ien a A ien a

1 1

an ing 1 1

11

1

1

1

1

1


Home

Monitora

ProďŹ lo Aziendale

Elenco Fornitori

Importa:

Indietro

ERP

FILE

LINK

Fiera Virtuale

Monitor

Carica


GRAPHIC DESIGN

Landing Page Vileda Natale 2015 Il progetto consiste nella realizzazone di una landing page per la promozione natalizia 2015 di Vileda che mira al lancio dei nuovi prodotti prodotti “elettrici” presente sullo shop online. All’interno è presente un video promo che presenta serve ad immergere l’utente in un clima di festa consigliando l’acquisto di un prodotto della linea “elettrici”. Una CTA che invita l’utente a esplorare la landing page dedicata ai consigli per Natale. Sei profili con caratteristiche in linea ai prodotti consigliati, sempre visibili evidenziando quelli maggiormente legati al character. Mansione: Graphic Designer Freelancer Link sito: www.vileda.com/it/vileda-natale/?

LIFE Interaction H-Farm

i Faber - PEC Gruppo Unicredit

Treviso 2014-2015


L’AMANTE DEGLI ANIMALI

FOREVER YOUNG

LA FIDANZATA NAIF

IL NERD

IL FIDANZATO PUNTIGLIOSO

LA FASHION VICTIM




GRAPHIC DESIGN

Kocca Fashion Machine Germania Adattamento alla lingua tedesca i testi delle grafiche realizzate per il progetto del cliente italiano Kocca, che esporta il suo progetto nel mercato teutonico. Kocca Fashion Machine è una slot machine virtuale che consente agli utenti di vincere tre capi di abbigliamento, scelti dalla collezione AI 14/15, o accedere a promozioni speciali su acquisti effettuati sul eShop. Per giocare una seconda volta, gli utenti dovevano condividere i loro abiti selezionati sui social media, per piacere o per seguire conti sociali di Kocca. Mansione: Graphic Designer Freelancer Site Link: https://www.mosaicoon.com/works/ kocca-fashion-machine/

Mosaicoon

Kocca

Palermo 2014-2015


Landing page Fashion Machine

Registrazione Fashion Machine


Slot machine

Avviso vincita


Social cover Facebook

Social Newsletter


MOVIE DESIGN

MORE ENERGY FOR YOUR ADVENTURES? Lo scopo del video è quello di rappresentare il concetto di “energia pulita” che i prodotti Tregoo, ogni giorno, forniscono ai loro utilizzatori, facendone un paragone con l’energia che solitamente viene consumata durante una dura giornata di mountainbike; il tutto con un tocco di ironia.

Mansione: Art director, Montaggio video, Attrice Link: video privato

Zooppa

Treego

Milano 2014-2015



INTERACTION DESIGN

SAVE THE CHILDREN APP L’app consiste in un nuovo e coinvolgente metodo per donare e fare beneficenza da solo o con i propri amici. Mansione:

Si potrĂ fare un regalo, scegliendo fra una lista di doni presenti nel catalogo Save The Children, oppure donare una quota per aiutare i bambini bisognosi, il tutto creando dei progetti da poter condividere con i propri amici. Mansione:

Art director, Esecuzione Mock up Link: www.vanilla-mi.com/ savethechildren

Vanilla

Save The Children

Milano 2013-2014


71


Creare Progetto

Donare un Regalo

Catologo regal oV

isualizzare Obiettiv i


ProďŹ lo U tent eD

Lista P artecipant iR

onare Denaro

ingraziamento al termin eC

ondivid i


MOVIE DESIGN

ASSAGO NUOVA SEDE NESTLE’ Presentazione della una nuova sede di Nestlè ad Assago. Il video mostra i nuovi locali dell’azienda attraverso la fusione di riprese e infografiche dinamiche soffermandosi sulle caratteristiche organizzative e di gestione degli spazi, tramite una grafica essenziale che richiama quella del brand. Mansione: maker

Art

director,

Video

Link video privato

Studioforward

Nestlè

Milano 2013-2014



GRAPHIC DESIGN

AVVOCATO CARLO RIELA _ Immagine coordinata Le due lettere chiaramente altro non sono che le iniziali del nome e cognome del cliente. L’unione delle due singole lettere forma un unico segno che porta in se i valori dello studio legale. La parte testuale invece esplicita il nome e l’attività svolta, con una priorità di lettura scandita anche dall’uso del grigio. Risulta così un marchio chiaro e immediato,con una buona visibilità. Mansione: Redazione marchio esecutivo e applicazione immagine coordinata Site Link: http://www.studiolegaleriela.it

Studioforward

Avvocato Carlo Riela

Palermo 2011-2012



GRAPHIC DESIGN

DUIMAR SRL _ Immagine coordinata Partendo da una forma geometrica regolare, per successive aggiunte e deformazioni, si è ricostruito il modulo di base della trama del prodotto aziendale “AMICO Stayform”, che diviene, cosi, tema grafico ricorrente. Per l’applicazione del nuovo marchio si è voluto sperimentare l’uso di una tecnica tipografica ricercata, la stampa a secco, al fine di riprendere il mood del prodotto stesso, e creando un secondo livello di fruizione segnato dall’esperienza tattile. Mansione: Redazione marchio esecutivo applicazione immagine coordinata

e

Link: http://www.duimar.com

Studioforward

Duimar SRL

Palermo 2011-2012



MOVIE DESIGN

WIP_ WORK IN PROGRESS Video in motion graphic realizzato per l’azienda edile Wip. Il lavoro presenta le caratteristiche, le competenze e i servizi offerti da Wip tramite l’animazione di un omino stilizzato che attraversa un cantiere e interagisce con diversi oggetti, edifici e personaggi, mettendo in luce di volta in volta, i diversi aspetti critici dell’azienda. Mansione: Progettazione mappa infografica, Supervisione animazione Link video privato

Studioforward

Wip- Work in Progress

Milano 2011-2012



MOVIE DESIGN

150 ITALIAE, IL VIAGGIO _ Lombardini 22 150 Italiae è una videoinstallazione multimediale (video mapping) effettuata su una parete degli spazi di Lombardini22 in occasione del consueto Christmas Party dello Studio. La proiezione racconta l’impresa dei Mille, guidati da Giuseppe Garibaldi, attraverso l’evocazione di ricordi, missive e brani della letteratura risorgimentale. Mansione: Video compositing Link: http://vimeo.com/34297792

Studioforward

Lombardini 22

Milano 2011-2012




UNIVERSITY PROJECT


INTERACTION DESIGN

DESIS inSight per DESIS Philosophy Talks La tesi ha sviluppato il progetto di un documentario interattivo finalizzato a raccogliere frammenti di ricerca accademica, con l’obiettivo di valorizzarli e renderli accessibili alla comunità scientifica e all’azione del Design per l’Innovazione Sociale. Il webdoc propone un format contenitore che permette di esplorare in forma audiovisiva e interattiva i contenuti. Questi, riguardano frammenti di pensiero esposti da diversi filosofi ed esponenti della comunità del design internazionale, raccolti dai ricercatori di DESIS Network. DESIS inSight è una racconto interattivo narrato tramite la voce dei protagonisti e dagli ospiti/ intervistati che hanno dato il loro contributo esponendo il loro punto di vista e che fanno ragionare sull’uso dello storytelling stesso.

Tesi Magistrale Design della Comunicazione

Francesca Piredda

Politecnico di Milano

2014-2015





GRAPHIC DESIGN

Logo e Claim Documentario Interattivo L’estetica di DESIS inSight evoca atteggiamenti e comportamenti della didattica. L’idea è scaturita dalla volontà di utilizzare il nome del progetto DESIS inSight e un elemento grafico che si potesse ricollegare allo schema principale utilizzato per presentare gli argomenti. Utilizzando lo stesso tratto a gesso utilizzato per scrivere sulla lavagna, ho disegnato il nome del documentario interattivo. Il termine ‘insight’ esprime il concetto di stimolo, un bisogno di mostrare i materiali eterogenei raccolti durante la ricerca e finora mantenuti inediti. Per attribuire un secondo significato, ho voluto giocare con le lettere della parola, aumentando la dimensione di ‘Sight’, evidenziando il significato di vista o visualizzazione. Link webdoc: https://vimeo.com/130764730


x

x

2x

4x

x

Logo progetto

Schizzi di studio di logo

Logo DESIS inSight con claim


INTERACTION DESIGN

Interattività DESIS inSight Il documentario comprende cinque sezioni introdotte da una pagina interattiva contenente il video esplicativo del progetto. Il video conduce alla Home Page del web-doc chiamata ‘The Line’, la quale comprende una linea “nonlineare” interattiva, unita da nove punti di contatto interattivi che corrispondono ad un argomento. Una volta selezionato l’argomento, si può accedere alla Schermata Illustrativa, che presenta differenti contenuti: audio, testo, clip di approfondimento/foto. Un altro metodo di visualizzazione degli argomenti è situato all’interno del menu ‘Topics’, che consiste nella lista degli stessi argomenti, selezionati per video interviste, video statemento interventi dei Philosophy Talk.Entrambe i menu danno la possibilità all’utente di attivare e disattivare al di sopra del contenuto il menu cliccabile ‘The line’ e ‘Topics’ in overlay senza senza interrompere i contenuti audio e video sottostanti.



Pagina accesso, con Logo Animation.

Video introduttivo (2 min)



Home page - The Line

Schermata_illustrativa - Primo argomento ‘Linear Time’


Schermata_illustrativa - Secondo argomento ‘Disruption’

Overlay - The Line


Overlay - Topics

Pagina elenco Topics



Schermata_Video - #intro_keywords minidoc

Schermata_Video - Sottopancia minidoc


Schermata_Video - Visualizzazione Intervista minidoc

Schermata_Video - Visualizzazione Video Statement minidoc


Pagina contenente le informazioni del progetto

Pagina visualizzazione #storytelling

delle

locations

dei

Philosodei

Philosophy

Talk


Pagina interattiva della storia dei Philosophy Talk #storytelling

Angolo delle notizie


MOVIE DESIGN

#intro_keywords Minidoc

L’#intro_keyword apre ogni minidoc relativo all’argomento selezionato nella pagina dei Topics. Ogni clip corrisponde all’animazione di una foto zenitale contenente elementi che svelano il nome dell’argomento trattato. Gli elementi, sempre differenti per tema, si presentano al lato di ogni supporto della Schermata Illustrativa, e hanno l’utilità, oltre di visualizzarne il titolo, di imprimere nella mente dell’utente la metafora evocativa dell’argomento trattato. Ogni foto è pos-prodotta per evidenziare lo stato iniziale dopo l’animazione, quindi con lo svelamento del titolo. Link: video privato


Linear Time

Disruption

Fragments and Potentialities

Action

Togetherness

Storyteller and Storylistener

Qualities of Designer

Ecology


DATA VISUALIZATION Collaboratori: Esther Ferruccio Patricia Mancera Federica Rimano Anastasia Santoro

ONCE A CAESAREAN, ALWAYS A CHOICE Partendo da un tema estremamente controverso in campo medico, come quello del parto cesareo, è stato svolto uno studio dei risultati ottenuti e delle visualizzazioni che manifestano il processo. La controversia riscontrata è fra due pratiche che vengono fatte dopo un parto cesareo: vbac (o parto vaginale dopo cesareo) e ercs (parto cesareo dopo cesareo). Il lavoro finale è un report che illustra il tema, la controversia e le visualizzazioni mostrano tutta la ricerca fatta in due canali principali: il web e i video di youtube. Report Link: http://issuu.com/anastasiasantoro/ docs/report _ 09012014

Laboratorio Sintesi Finale

Paolo Ciuccarelli

Politecnico di Milano

2013-2014



ACTORS NETWORK - actors categories & provenience

ACTORS NETWORK: general actor’s network


TEXTUAL ANALYSIS - division per category

TEXTUAL ANALYSIS - conclusions HEA

HEA

MED SPB

SPB

MED HOS SCI

PAR


12

PREGNANCY HOW TO DECIDE VBAC AFTER C-SECTION VS. C-SECTION 40 VIDEOS 1.700 RESULT

26 VIDEOS

VBAC SIDE EFFECTS

ELECTIVE REPEAT CESAREAN

36 VIDEOS

11 VIDEOS

VBAC 40 VIDEOS 5.700 RESULT


YOU TUBE ANALYSIS - interaction rate analysis

YOU TUBE ANALYSIS - shot analysis


DATA VISUALIZATION Collaboratori: Esther Ferruccio Patricia Mancera Federica Rimano Anastasia Santoro

THE CHOICE TO CHOOSE Questo progetto è il risultato finale dell’analisi riguardante la VBAC e si basa sulla ricerca precedente fatta su You Tube , che ha mostrato come questo è un canale aperto che consente di pubblicare diversi tipi di contenuti . Abbiamo considerato YouTube perché si tratta di un canale multi-sensoriale ed emotivo che permette un’interazione maggiore con gli autori dei video. È anche una fonte molto vicina alle mamme perché la maggior parte dei video sono testimonianze e fornire un approccio più vicino alla posizione della donna nella discussione. Il progetto finale è un’opportunità per le associazioni mediche di coinvolgere mamme e gli operatori sanitari sullo stesso canale, facilitando il processo di ricerca per le madri.

Laboratorio Sintesi Finale

Paolo Ciuccarelli

Politecnico di Milano

2013-2014



*

Video progettato per essere condiviso e situato nella parte finale del sito


Home page video

Presentation of two actors

Most discussed subject

Mother’s question

Video’s comparison

Interaction rate

*

Final video

Producer


DATA VISUALIZATION Collaboratori: Esther Ferruccio Patricia Mancera Federica Rimano Anastasia Santoro

BOOK CIRCULATION _web site L’obiettivo del progetto è quello di analizzare un complesso database riguardante lo storico dei prestiti (dal 1996 al 2008) della biblioteca dell’Università di Huddersfield per trasformarli in una visualizzazione dati comprensibili, evidenziando le connessioni interdisciplinari tra le scuole e tra le materie dei libri. L’output finale è stata la progettazione di un sito internet one-page scroll che mostrasse l‘intero processo del progetto. Web Site Link: http://www.densitydesign.org/ ddfs13/libraryloans/

Laboratorio Sintesi Finale

Paolo Ciuccarelli

Politecnico di Milano

2013-2014


Home page

Analyze different schools

Top 100 most popular books

Preferences by school

Multidisciplinary connections in Huddersfield Library The most uniformily distributed


DATA VISUALIZATION

LONDON FISHS EXPORTS La visualizzazione rappresenta l’esportazione ittica Londinese ovvero di pesci, crostacei e molluschi in tutto il mondo. Ho usato un polpo perché rappresenta la stessa categoria, gli 8 tentacoli rappresentano gli anni (dal 2004 al 2011) e le ventose corrispondono alla quantità di pesce esportato nei vari continenti. Link open data: http://visual.ly/london-fishsexports

Lab. di Sintesi Finale

Paolo Ciuccarelli

Politecnico di Milano

2013-2014



DATA VISUALIZATION

ACE IN PIEDMONT_Piemonte Visual Contest Questa visualizzazione è finalizzata a mostrare il rendimento energetico degli edifici in Piemonte. Partendo da un’analisi dei vari carburanti e continuando con le tipologie di impianti ho messo in evidenza la quantità di certificati rilasciati nelle diverse province in base alla classe energetica, concludendo con un confronto delle quantità di ACE rilasciati nel corso degli anni. Link open data: http://visual.ly/ace-piedmont

Laboratorio Sintesi Finale

Paolo Ciuccarelli

Politecnico di Milano

2013-2014



INTERACTION DESIGN Collaboratori: Esther Ferruccio Gabriella Bologna vincenzo Carucci

iCINETIC I cinetici è un servizio che mette in relazione atleta e medico attraverso la macchina isocinetica, strumento per la misurazione dello sforzo, ossia il recupero arto e la prestazione. L’atleta, attraverso un’app mobile ha un proprio profilo dove può controllare l’andamento della sua terapia,le misurazioni della macchina in grafici leggibili. Come un gioco l’atleta ha degli obiettivi da raggiungere, che sono un ulteriore monitor della terapia. Può mettersi in comunicazione con il medico e tramite un calendario condiviso, tenere a mente i propri impegni di cura. Attraverso un’app per ipad, il medico può controllare e organizzare in maniera immediata i percorsi dei suoi pazienti, tenere traccia degli impegni, comunicare, avere un rapporto con i pazienti anche fuori dal centro di terapia.

Interaction Design

Fabio Sergio

Politecnico di Milano

2012-2013







INTERACTION DESIGN Collaboratori: Esther Ferruccio Gabriella Bologna vincenzo Carucci

TUTORIAL iCINETIC A fine di un corretto utilizzo delle applicazioni sono stati creati dei video tutorial, con i possibili scenari di utilizzo che riguardano gli obiettivi da raggiungere, come poter fare gli esercizi, gestire il calendario e/o la visualizzazione del proprio profilo. Link videos: https://vimeo.com/88254789 https://vimeo.com/88254788 https://vimeo.com/88254790 https://vimeo.com/88254792

Interaction Design

Fabio Sergio

Politecnico di Milano

2012-2013


Scenario 1_Obiettivi

Scenario 2_Fare gli esercizi

Scenario 3_Gestione calendario

Scenario 4_Visualizza profilo


INTERACTION DESIGN

FOUND YOUR NEWFORM _ Contest “New Vision- New Form” “Found YOUR newform” è un gioco social progettato per una sezione del sito di Newform e permette di trovare il rubinetto da catalogo adatto all’utente, tramite dei parametri di guida sulla base didiversi tipi di esperienza sensoriale. Il gioco poi può continuare in un’applicazione mobile. Quest’ultima è scaricabile gratuitamente e diventa la continuazione del gioco sul sito. Tramite un codice finale è possibile accedere e provare ad inserire il rubinetto Newform;creare una galleria di immagini da poter condividere con l’azienda stessa e quindi con i clienti.

Brand & Licensing

Marco Turinetto

Politecnico di Milano

2012-2013





INTERACTION DESIGN Collaboratori: Esther Ferruccio Leda Palermo Sara Giovannoni Mahnaz Namvar

MARK-IT Marki-it è un progetto che parte dall’intenzione di utilizzare il potenziale delle applicazioni per smartphone con esigenze di vita quotidiana. Questo progetto si rivolge ad un target che frequenta i mercati con costanza sia per hobby che per business. Il nostro target è un amante dei mercati di Milano alla ricerca di oggetti unici. Mark-it è anche pronta ad espandersi in altre città e paesi, perché si tratta di un progetto flessibile alle esigenze dei diversi utenti grazie alla possibilità di catalogazione dei mercati collaborando con gli enti pubblici.

Metaprogetto

Stefano Cardini Luca Buttafava

Politecnico di Milano

2012-2013





COMMUNICATION DESIGN Collaboratori: Esther Ferruccio Gabriella Bologna

BARONA LIFE STYLE

La video cartolina realizzata è il riassunto di una serie di appunti visivi raccolti durante la l’esplorazione del territorio. Si vuole far emergere il ato “street” del quartiere,gli ampi spazi versi e le zone architettonicamente moderne,caratterizzati da landmarks diversi tra loro, che coincidono con la profonda stratificazione sociale presente all’interno del quartiere. Parallelamente per le strade del quartiere si possono incontrare molti anziani, disponibili a raccontare e raccontarsi, portatori della storia e spettatori delle trasformazioni in atto. Link: https://vimeo.com/88054774

Lab Artefatti e Sistemi Complessi

Marisa Galbiati

Politecnico di Milano

2012-2013



COMMUNICATION DESIGN Collaboratori: Esther Ferruccio Gabriella Bologna Vincenzo Carucci Mattia Rizzo

APPRODANDO (IN) BARONA Un iniziativa nata all’interno dell’impresa sociale “La Cordata” nel 2008 è il Centro Famiglie & dintorni, nella struttura Zumbini 6. L’obiettivo del Centro è quello di offrire uno spazio di ascolto, ponendo attenzione alla nuova definizione di famiglia. La prima fase è stata affrontatacon un’analisi del contesto sociopolitico-tecnologico sul tema della famiglia in Italia, ed nello specifico nel quartiere. A seguito di interviste ai cittadini, e attraverso il confronto con psicologi del centro abbiamo deciso di puntare la comunicazione verso gli adolescenti, puntando sull’importanza di cambiare la percezione dell’aiuto psicologico, da minaccia verso la propria autostima a opportunità per migliorare la propria vita.

Lab Artefatti e Sistemi Complessi

Marisa Galbiati

Politecnico di Milano

2012-2013



COMMUNICATION DESIGN Collaboratori: Esther Ferruccio Gabriella Bologna Vincenzo Carucci Mattia Rizzo

NON SEI DA SOLO _ Centro Famiglie & dintorni Realizzato a seguito della strategia di comunicazione per il Centro Famiglie & dintorni. Il messaggio mira a sensibilizzare il target all’importanza di affidarsi ad esperti per uscire da situazioni problematiche. Il primo gruppo di cui sentirsi parte è la Famiglia nelle sue varie forme. Lo spot racconta tutto questo attraverso la metafora della del gioco di squadra, in particolare sull’essere un’attività da poter fare solo in gruppo per naturaa. Il claim rappresenta la call to action,diretta e con un linguaggio semplice che spinge alla riflessione. Link: https://vimeo.com/88056726

Lab Artefatti e Sistemi Complessi

Marisa Galbiati

Politecnico di Milano

2012-2013



GRAPHIC DESIGN

SERRAKIT Oggetto della tesi è il progetto di un nuovo tipo di serra agricola realizzata con modalità di produzione/costruzione diverse ed economicamente più convenienti di quelle dei prodotti reperibili nel mercato delle serre agricole. Infatti, si è tentato di realizzare un modello di utilità alternativo che permettesse di ottenere tutte le tipologie di serre esistenti con un solo kit, in base alle esigenze del consumatore, ma che allo stesso tempo fosse semplice da utilizzare. Il risultato della progettazione è Serrakit, un prodotto caratterizzato da un costo contenuto e utilizzabile senza l’uso di ulteriori prodotti o servizi, anche in mancanza di competenze specifiche, con la guida di un manuale d’istruzioni realizzato ad hoc.

Tesi Finale Triennale

Alfonso Porrello

Disegno Industriale Palermo

2011-2012



GRAPHIC DESIGN

MANUALE D’ISTRUZIONE SERRAKIT Obiettivo raggiunto dal kit è che, oltre a essere un prodotto, in realtà è il “modello base” di una vera e propria linea di produzione che, senza bisogno di lavorazioni speciali, può essere utilizzata anche per l’immissione in commercio di una vasta gamma di sue varianti e/o prodotti similari. L’utilizzo del kit è ulteriormente facilitato da un manuale d’istruzioni per immagini che guida l’utente in tutti i passaggi necessari all’assemblaggio e al montaggio. Grazie alle indicazioni contenute nel manuale, anche un consumatore non esperto può costruire la serra, attraverso banali operazioni di serraggio dei dadi e bulloni posti a corredo del kit.

Tesi Finale Triennale

Alfonso Porrello

Disegno Industriale Palermo

2011-2012



MOVIE DESIGN Collaboratori: Erika Pino Giusy Caruso Veronica De Salvo

GREEN DREAM Questo video unisce la chiarezza dell’infografica alla tecnica dello stop motion per spiegare in modo semplice e giocoso alcuni dettagli su “Green Dream”, un progetto di car sharing elaborato da alcuni studenti della Facoltà di Architettura di Palermo per il loro esame di progettazione industriale. Tutto ciò che è presente nel video, tranne i testi e pochi dettagli, è composto da carta. Link video: https://vimeo.com/77127789

Laboratorio Multimediale

Diego Emanuele

Disegno Industriale Palermo

2011-2012



MOVIE DESIGN Collaboratori: Erika Pino Giusy Caruso Veronica De Salvo

EradovevivevodarE Risultato di un esercitazione sull’utilizzo di un solo piano sequenza, da adattare al brano “Opus” di Ryuichi Sakamoto. Il tema scelto è quello del viaggio che viene affrontato con un mix di tecniche volte a restituire un phatos intenso: unico piano sequenza, slow motion e video inverso; non a caso la scelta del titolo palindromo. Link video: https://vimeo.com/channels/696132

Laboratorio Multimediale

Diego Emanuele

Disegno Industriale Palermo

2011-2012




Contact me, thank’s!


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.