visual design portfolio
DESCRIPTION
There you can find all my work i made during the master in Visual Design at SPD of Milan. #editorial #tipography #brand identity #web design #information design and #advertisingTRANSCRIPT
ACADEMY
WORK EXPERIENCE SKILLS
Software:
IndesignPhotoshopIllustratorDreamweaverJoomla
Languages:
ItalIanofranceseInglesesPagnolo
madrelinguaC3 / dalfC3 / First certificateBase
Competences:
2010 – 2011
2009 – 2011
2013 – 2014
Università Parigi DauphineMaster M2 in Management des Organisations CulturellesIntership Thesis Scolarship
Università Cattolica del Sacro Cuore di MilanoLaurea specialistica in Economia e Gestione dei beni culturali e dello spettacolo. Ottenuta con la votazione di 110 e lode
Scuola Politecnica di Design, Master in Visual communication
Laboratorio X con FF330 design e Paz Lab, Castrignano dei Greciestate 2013
ILLUSTRATIONINFORMATIONdeSIgN
WeBdeSIgN
BRANdIdeNTITY
edITORIALdeSIgN
HtMlcssfontlabVVV4Processing
+39 388 0478520
theocrates86
www.scarduelli.me
@teoscarduelli
Scarduelli
Matteo Scarduelli
Be
Via Passo di brizio 4, Milano, 20148
giugno 2011dicembre 2013
marzo 2013ottobre 2013
da marzo 2014
dal 2012
dal 2011
settembre2009settembre 2007
Responsabile Comunicazione presso Filmmaker Film Festival creazione e coordinazione della veste grafica del festivalsocial media strategy manager, gestione medie partnership
Assistente e cultore della materia del Professor fabrizio chirico all’Università cattolica di Milano per il corso di economia e gestione dello spettacolo
Comune di Milano Assistente comunicazione presso l’ufficio cinema creazione del materiale di comunicazione ( catalogo e manifesti)
Milano Film Festival , ufficio comunicazione, stageJunior Graphic Designer
G&R Associati designJunior Designer, progettazione comunicazione visiva Expo in città 2015Responsabile comunicazione e marketing della start up Youmpapianificazione e creazione strumenti di comunicazione (online e offline)web design e community manager
nato a Milano il 29/04/1986
InDeX
0102
0910
0304
11
17
12
0506
13
19
14
0708
15
21
16
18
20
touring club Project
Milan Map Poster
Hyphen Press catlague
calligraphic Booklet
Menu cinefilo
compilatio font
Main 85 Web Desing
aBa project
Blind scopa
alterate Metropoly
filmidee Magazine
Kick off Workshop
Processing Workshop
Peritnhia Poster Desing
Marla infografic
Mamoli catalogue
this is not a magazine
Veggie for one day
Information Design
Hintown
expo in città 2015
Massimo Vignelli
“If you can design one thing,you candesigneverything.”
01Touring Club
Project
Touring Club Italiano è la più importante associazione culturale italiana. E’ stato
richiesto un intervento di redesign delle guide turistiche dell’associazione. Il processo è partito da una considerazione relativa al concetto di mappa, scala e segno. Una serie di mappe rielaborate dal sito “open street map” sono state declinate su sei differenti tipologie di guide. Scala, palette e icone sono state create appositamente per differenziare in maniera coordinata e sistematica una famiglia di guide che parlavano un linguaggio visivo differente tra di loro e poco riconoscibile. Per sfruttare al meglio il brand sono stati pensate anche una serie di gadget come member card, splillette e poster da poter dedicare ai soci dell’associazione coordinate con il concept di fondo.differente tra di loro e poco riconoscibile. Per sfruttare al meglio il brand sono stati pensate anche una serie di gadget come member card, splillette e poster da poter dedicare ai soci dell’associazione coordinate con il concept di fondo.
LektonTrjan
12
18
ProJect:
sPecIfIc:
font used:
PROJECT:
SPECIFIC:
font used:
02Milan Map
Poster
Partendo dalla’analisi dell’open source open street map è stata realizzata la
mappa della città di Milano interpretando il concetto di mappa. L’idea è nata partendo dal fatto che al girno d’oggi la mappa viene utilizzata come oggetto di orientamento utile e standardizzato. Il progetto ha visto una libera interpretazione della città cercando di unire la bellezza e l’utilità di un oggetto statico come è la mappa. i contorni degli edifici sono stati messi in rilievo insieme alle aree verdi e alle principale aree di comunicazione . Il poster finaleè stato stampato su carta Wateproof Plike 200g.Diverse cornici sono state create per potere vedere la mappa come un oggetto puramente estetico, spogliandolo della funzione di semplice orientamento.
29
42
Lato
PROJECT:
SPECIFIC:
font used:
03Hyphen Press
Catalogue
Come progetto finale del corso di Tipografica abbiamo concepito il
catalogo di una delle case editrici più importanti nel campo dell’editorial design. La progettazione del catalogo avava come limite l’utilizzo della sola tipografia e del solo bianco e nero.Un layout semplice e minimale cerca di creare movimento all’interno della rigidità dei contenuti. Il catalogo è stato tradotto dall’inglese e le interviste sono state settate inmaniera tale da poter avere un ritmo alternato per tutto il catalogo.
Chaparral proLekton
18
27
PROJECT:
SPECIFIC:
font used:
04Calligraphic
Booklet
Dopo aver studiato da un punto di vista teorico le origini della scrittura
abbiamo sperimentato la scrittura transitiva umanistica e poi raccolto tutti gli schizzi e disegni in un piccolo booklet. Il formato riprende chiaramente i famsi taccuini della Moleskine, proprio per rendere omaggio alla scrittura in senso ampio.Una sezione finale di prova è stata inserita proprio con l’idea di continuare a sperimentare l’imprevedibilità e la creatività del lettering.
Fedra serifFedra mono
9
5
PROJECT:
SPECIFIC:
font used:
05Menu
Cinefilo
Un ristorante che di sera si trasforma anche in una piccola sala
cinematografica, un luogo in cui assistere ad incontri culturali interessanti e allo stesso tempo gustare del buon cibo a Km. Questa l’identità concepita durante lo sviluppo di questo menu. La sceltà dello sfondo nero rimanda alo schermo cinematografico e il layout è sttao ceoncepito come dei titoli di coda di una pellica cinematografica.La scelta di Amatic come typeface è stata decisa dalla sua semplicità e leggerezza, riflesso di un luogo sano, genuino e simpatico. a livello produttivo un laccio è stato inserito per permettere di portare il menu come un pass cinematografico sempre con se e permettere di netrare nella sala cinema con le bevande precedentemente ordinate al bar.
12
AmaticUnivers
6
PROJECT:
SPECIFIC:
font used:
06Compilatio
FontUtilizzando il software Font Lab ho creto questo carattere. Un’ispirazione
su tutte è Signika, font sviluppato per la segnaletica areoportuale. Volevo sviluppare un caratteremoderno che non fosse troppo geometrico ma che facesse l’occhiolino agli Slab sSerif come l’Egyptian. Il risulato è un work in progress sviluppato per il momento solamente in lower case, avrà presto una sua versione upper case per essere utilizzato open source.
PROJECT:
SPECIFIC:
font used:
07Main 85
Web Design
Il Main 85 è un ristorante vegano della provincia del Maryland. Per il corso di
web design abbiamo riprogettato la pagina web del locale cercando lavorando sia alla parte di web design che di codice per rendere fruibile il sito per diversi device. Trasparenza e unicità delle materie prime sono state le due caratteristiche che ho cercato di declinare a livello visivo, dando ampio spazio in home page ad immagini dei prodotti utilizzati dai ristoranti, per lo più a km 0.Una serie di disegni realizzati su tavoletta grafica sono sono stati preparati pe ril background del sito e una menu a scomparsa è stato pensato per dare maggiore navigabilità al sito.
Open sansAmaticresponsive
PROJECT:
SPECIFIC:
font used:
08ABA project
Hidden Story
Aba per la sua nuova campagna di di comunicazione per l’anoressia e
la bulemia ha richiesto un concept ed un nuovo key visual. E’ stato sviluppato l’idea di un festival all’interno del progetto hidden story; un percorso site specific all’interno della città di Milano. La comunicazione online e offline è stata pensata in maniera coordinata per poter dare una vera e propria identità a quello che potenzialmente potrebbe essere il primo vero e proprio festival organizzato dall’associazione milanese: letture, conferenze, proiezini ed incontri sui temi suddetti sono stati pensati per poter sensibilizzare il pubblico cittadino su un problema troppo spesso dimenticato e preso poco in considerazione soprattutto dalle giovani generazioni.
12
21 materiali progettati:
brochureposterinstallazionesito
concerti // ProiezioniIncontri // Mostre
Un nuovo modo diconoscerel’anoressia
CONCERT MOVIES
LECTURESEXHIBITION
PANNELS
PROJECT:
SPECIFIC:
font used:
09BlindScopa
le carte da scopa sono le più antiche e utilizzate in italia.Il lavoro, svolto
durante il corso di computer tools ha avuto l’obiettivo di ripensare il design dei semi e dei colori in funzione del loro gioco. Ho deciso di portare in secondo piano il livello numerico e di creare un pattern riconoscibile per ogni seme (coppe, spade, ori e bastoni).L’idea è stata quella dal voler sintetizzare il dorso del mazzo di carto, sempre estemamente decorato, all’interno, dove a prevalere sono sempre stati i numeri e la declinazione del seme.Un’estrema semplificazione del valore numerico lascia spazio alla declinazione visiva di pattern che facilitano a livello cromatico i diversi semi e danno una sensazione di coerenza e uniformità visiva.
PROJECT:
SPECIFIC:
font used:
10Alterate
Metropoly
Alterate Metropoly è stato un progetto di concorso per l’azienda milanese
celly design. Una settimana di tempo per lanciare un’idea creativa per una cover per cellulari sul tema di Milano. Fresco del progetto si wayfinding e mapping del Touring Club ho deciso di sperimentare la via della mappatura con un filtro sperimentale. Attraverso diversi processi di estrusioni ho cercato rielaboare una mappa alternativa alla classica visualizzazione del territorio che si ha solitamente. Il claim i’m thinking Milan strizza l’occhiolino alla frase di whaz up, celebre app di messaggistica. L’idea è di dare l’opportunità di creare mappe in rilievo sulla cover del telefono sfruttando i rilievi della mappa.
Signika
12
4
PROJECT:
SPECIFIC:
font used:
11Filmidee
Magazine
Il magazine Filmidee nasce come rivista di critica cinematografica
sulle derive del cinema sperimentale e contemporaneo.Il magazine, progettatto e pensato durante il corso di Computer Graphics è stato pensato in maniera in interattiva scaricabile da diversi device. Un soundtrack accopagna il lettore nei diversi capitoli della rivista e e grazie alle funzionalità di Indesign Interactive ci si può muovere con facilità tra un capitolo e un altro o accedere a video e link esterni.
GizaFuturaCourier newEngagement
24
15
PROJECT:
SPECIFIC:
font used:
LatoSpecimen
12Lato è un open free font sviluppato nel 2002. Lato è un poster che racconta
storia del font partendo dalla sua significazione polacca di estate. E’ stata realizzata la rappresentazione delle due volte celesti dell’emisfero australe durante il periodo estivo utilizzando interamente la famiglia Lato. Un progetto che cerca di esplorare le sfaccettature del font e allo stesso tempo la complessità della volte celeste. L’artefatto finale è un poster di dimensini 70 x 100 realizzato su carta usomano di 250 g stampato fronte e retro. Uno strumento per orientarsi nelle notti di estate e un viaggio attraverso gli oroscopi di Internazionale del 2014.
60
40
Lato
le stelle sono infinite via lattea, infinita varietà di corpi celestisegni zodiacali che prevedono il futuro e lasciano poca scelta all’umana ra-gione. l’arbitrio e cosa da divinità e bisogna imparare a condividere.
Scorpione,tauro,virgo,sagittoil segno zodiacale per eccellenza più incline al litigio e alla ricerca della morteandare verso l’oscurità mi ha sempre affascinato fino a quando non ho scoperto che le stelle non erano raggiungibili se non con centinaiai di anni di viaggio nello spazio
PROJECT:
SPECIFIC:
font used:
ProcessingWorkshop
13Il codice è solo una piccola parte di quello che nasconde l’open software
Processing. Dopo una settimana intensiva di workshop dal titolo human versum machine siamo riusciti ad applicare ai processi meccanici e quell’artigianalità che si richiede dietro un ogni stringa di codice. Il risultato è stato un applicativo creato partendo da una libreria di fisica che gioca con la forza di gravità e manipola e simula la caduta dei gravi. Una serie di composizione create partendo da sassi raccolti sulla spiaggia, fotografati, scontornati e lanciati in posizioni più o meno casuali tramite il supporto del moouse. Una serie di forme metropolitane prendono forma. L’obiettivo si costruisce strada facendo, lo scopo finale è in continuo mutamento.
for (int j=0; j<numV; j++) { for (int i=0; i<numH; i++) { float x = ox + i * spacingH; float y = oy + j * spacingV;
PROJECT:
SPECIFIC:
font used:
Perinthiaposter design
14Perinzia è una città descritta nel libro: le città invisibili di Italo
Calvino. Il progetto è stato realizzato per una comunicazione immaginaria agli abitanti della città da parte del sindaco del sindaco.L’idea parte da un lavoro preparatoio per afrontare un discorso più ampio sull’identità visiva e sulle problemtiche che si pongono relativamente alla libertà di sceltà del designer nei confronti di determinti settori, come quello della pubblica amministrazione. Il poster è stato realizzato con un formato standard e le seguenti restrizioni cromatiche: colori spot viola e nero.
100
Gotham
PROJECT:
SPECIFIC:
font used:
Marla Infographic
15Marla è un magazine cinematografcio con uscita
trimestrale. L’infografica realizzata è stata concepita dopo uno studio relativo ai rapporto nazionale tra cinema e spettatori, tra numero di schermi e numero di sedute disponibili e affluenza media divisa per regione.La legenda illustra in maniera precisa lo studio fatto sulla base dei dati di Agis e Anica del 2014.
LatoEngagement
13
21
PROJECT:
SPECIFIC:
font used:
MamoliCatalogue
16Mamoli, azienda storica e leader del settore bagni in tutto il
mondo ha richiesto la progettazione del nuovo catalogo della serie Wellness . L’idea è stata di ripensare il catalogo in linea con già esistenti prodotti dell’azioneda e di creare una sorta di narrazione interna al catologo crendo una sezione interna che potessa essere utilizzata per i disegni tecnici senza ch prendesse troppo all’interno del catalogo prodotti. Un piccolo booklet formato di formato quadrato compare all’interno delle grandi immagini di ambiente dei prodotti dell’azienda. Ognuno dei cinque prodotti è stato inoltre interpretato con un carattere differente per interpretare a fondo le sue caratteristiche tecniche e di design.
23
FlamaCeciliaFedra mono14
PROJECT:
SPECIFIC:
font used:
This is not amagazine
17Mamoli, azienda storica e leader del settore bagni in tutto il
mondo ha richiesto la progettazione del nuovo catalogo della serie Wellness . L’idea è stata di ripensare il catalogo in linea con già esistenti prodotti dell’azioneda e di creare una sorta di narrazione interna al catologo crendo una sezione interna che potessa essere utilizzata per i disegni tecnici senza ch prendesse troppo all’interno del catalogo prodotti. Un piccolo booklet formato di formato quadrato compare all’interno delle grandi immagini di ambiente dei prodotti dell’azienda. Ognuno dei cinque prodotti è stato inoltre interpretato con un carattere differente per interpretare a fondo le sue caratteristiche tecniche e di design.
FlamaArnhemPf Regal
21
16
PROJECT:
SPECIFIC:
font used:
Veggy for oneDay
18Essere Vegetariani è qualcosa di molto complesso per vari aspetti. Il progetto,
relaizzato con manuel Salazar ha voluto esploare il change behaviur relativo all’alimentazione. E’ stata condaotta una ricerca relativamente all’impatto che il consumo di carne ha sul nostro pianeta calcolando la quantotà media di CO2, e acqua che viene utilizzata per il consumo di circa 200 g di carne (facendo una media tra i quattro principali animali da allevamento). Si è poi proseguiti con la creaizone del design di un app che permetterà alle persone di tracciare la propria alimentazione decidendo di non mangiare carne per una volta alla settimana.
Akzindenz
15
10
PROJECT:
SPECIFIC:
font used:
InformationDesign
19Il workshop di Information Design ha visto come lavoro finale la
rappresentazione visiva di un articolo di giornale. Io tema di Expo, ancora più caldo della città di Milano è stato quindi analizzato ripercorrendo le esposizioni universali realizzate da quando sono nate, specificando per ogni edizione diversi dati e mettendoli a confronto su un arco temporale. In particolare per ogni città è stato preso in analisi il tema dell’Esposizione Universale la quantità di visitatori, l’area interessata e il numero di nazioni coinvolte.
Paris, 1855Palais de l’industrie
Chicago, 1892Main Pavillion
S, Francisco1896Tower of Jewels
Paris1881Eifell Tower
Seattle, 1992Space Neaddle
Axis, 2005Expo Axis
1906 2015
PROJECT:
SPECIFIC:
font used:
Expo in città2015
20Progetto di immagine coordianta per Comune di Milano e Camera
di Commercio. Expo in città è un brand che promuoverà gli eventi della Grande Milano nei sei mesi dell’esposizione Universale. Per fare questo si è declinato un manifesto totale e una serie di manifesti mensili declinati sulle diverse icone scelte insieme al Comune di Milano come madrine dei mesi Expo. Materiale quali manifesti, brochure, mappe, segnalibri, cartelle stampa, gonfaloni, infografiche, video, trailer, tutorial e comuncazione declinata sul web (blog e social network) è stata pensata e progettata da Gr Associati durante i mesi di permanenza del mio tirocinio aziendale da settembre a dicembere 2014.
ApexApex newOfficina70
100
Expo in città è un palinsensto di centinaia di eventi dislocati su tutto il territorio della Grande Milano. Concerti, festival, incontri, conferenze, spettacoli e mercati. Un programma lungo sei mesi per accogliere al meglio cittadini e turisti da tutto il mondo.Dieci categorie e sei icone del mondo dell’arte milanese racconteranno l’intero programma.
Expo in città è un palinsensto di centinaia di eventi dislocati su tu� o il territorio della Grande Milano.Concerti, festival, incontri, conferenze e spe� acoli e mercati. Un programma lungo sei mesi per accogliere al meglio ci� adini e turisti da tuto il mondo Dieci categorie e sei icone del mondo dell’arte milanese racconteranno l’intero programma.
Pietà rondanini
Ultima cena
PROJECT:
SPECIFIC:
font used:
HintownWeb Site
21La startup Hintown si propone come nuovo player sul mercato milanese
per affiti a breve periodo. Il progetto di web design in collaborazione con il programmatore della società Hintown prevede un restyling totale del sito web coerente con i propri colori aziendali e lo stile dell’azienda. Sono state indiviaduate le palette indivisuali di colori, i font da utilizzare e il disegno delle icone da utilizzare nelle varie sezioni del sito. Il lavoro di web design è costituito del disegno del moke up del sito e nella realizzazione tramite CSS di tutte le funzioni concordate con i clineti. Una versione cartacea del progetto web verrà successivamente realizzata.
Open SansSignikaresponsive
Home
Quello che serve, solo quando serveSe fai della tua casa un business, sai che ogni sua chiusura è un mancato guadagno: con la formula Self Service, Hintown ti permette di restare sul mercato tutto l’anno, anche quando sei in vacanza, quando ti capita un imprevisto o quando per qualsiasi motivo non puoi esserci in prima persona.
Hintown mette a tua disposizione tutti i suoi servizi, singolarmente o più alla volta: decidi tu quando e in che misura servirtene
Nel momento del bisogno, basta chiedere.Ecco cosa.
“Il 45% delle prenotazioni avviene a seguito di un’immagine che colpisce in fase di ricerca”
[Google, The 2013 Traveller]
SCOPRI COME
Self Service