visual design portfolio

47
www.scarduelli.me

Upload: matteo-scarduelli

Post on 01-Apr-2016

227 views

Category:

Documents


0 download

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 #advertising

TRANSCRIPT

www.scarduelli.me

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

[email protected]

+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:

Icons color Palette

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

STReeT

BUILdINg

pARk

cIRcONvALLAzIONe

NAvIgLIO

chIeSe

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

CalligraphicBooklet This is a restaurant

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.

a compilatioif you want listen a story you

have

to inspire

me...

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

REAL MAP STROKE

Hi there,i’m using Milan

INTEPRETATION CLAIM

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

GizaFuturaCourier newEngagement

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

15’68 n300’

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

Il quarto statoIl bacio

lo sposalizio della Vergine

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

www.scarduelli.me