Visual Design Portfolio

Page 1

www.scarduelli.me


Matteo Scarduelli

ACADEMY

Nato a Milano il 29/04/1986 Via Passo di brizio 4, Milano, 20148 teo.scarduelli@gmail.com

www.scarduelli.me

+39 388 0478520

@teoscarduelli

theocrates86

Be Scarduelli

WORK EXPERIENCE da marzo 2014 marzo 2013 ottobre 2013

G&R Associati design Junior Designer, progettazione comunicazione visiva Expo in città 2015 Responsabile comunicazione e marketing della start up Youmpa pianificazione e creazione strumenti di comunicazione (online e offline) web design e community manager

giugno 2011 dicembre 2013

Responsabile Comunicazione presso Filmmaker Film Festival creazione e coordinazione della veste grafica del festival social media strategy manager, gestione medie partnership

dal 2012

Assistente e cultore della materia del Professor Fabrizio Chirico all’Università Cattolica di Milano per il corso di Economia e Gestione dello Spettacolo

dal 2011

Comune di Milano Assistente comunicazione presso l’ufficio cinema creazione del materiale di comunicazione ( catalogo e manifesti)

settembre2009 Milano Film Festival , ufficio comunicazione, stage settembre 2007 Junior Graphic Designer

2013 – 2014

Scuola Politecnica di Design, Master in Visual Communication

estate 2013

Laboratorio X con FF330 design e Paz Lab, Castrignano dei Greci

2009 – 2011

Università Cattolica del Sacro Cuore di Milano Laurea specialistica in Economia e Gestione dei beni culturali e dello spettacolo. Ottenuta con la votazione di 110 e lode

2010 – 2011

Università Parigi Dauphine Master M2 in Management des Organisations Culturelles Intership Thesis Scolarship

SKILLS Software: Indesign Photoshop Illustrator Dreamweaver Joomla

HTML CSS FontLab VVV4 Processing

Competences:

BRAND IDENTITY

WEB DESIGN

EDITORIAL DESIGN

Languages: italiano francese inglese spagnolo

madrelingua C3 / dalf C3 / First certificate Base

INFORMATION ILLUSTRATION design


“If you can design one thing, you can design everything.” Massimo Vignelli

INDEX Touring Club Project

Hyphen Press Catlague

Menu Cinefilo

Main 85 Web Desing

Blind Scopa

Filmidee Magazine

Processing Workshop

Marla infografic

This is not a magazine

Information Design

Hintown

01

03 05 07 09 11 13 15 17 19 21

02 Milan Map Poster 04 Calligraphic Booklet 06 Compilatio Font 08 ABA project 10 Alterate Metropoly 12 Kick off Workshop 14 Peritnhia Poster Desing 16 Mamoli Catalogue 18 Veggie for one day 20 Expo in città 2015


01

Touring Club Project

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.

SPECIFIC: 18

12

font used: Lekton Trjan


ICONS

COLOR PALETTE


02

Milan Map Poster

PROJECT:

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.

SPECIFIC: 42

font used: Lato

29


street building park circonvallazione naviglio chiese


03

Hyphen 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.

PROJECT:

SPECIFIC: 27

18

font used: Chaparral pro Lekton



04

Calligraphic Booklet

PROJECT:

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.

SPECIFIC: 9

5

font used: Fedra serif Fedra mono



05

Menu 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.

PROJECT:

SPECIFIC: 12

6

font used: Amatic Univers


Calligraphic Booklet

This is a restaurant


06

Compilatio Font

PROJECT:

Utilizzando 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.

SPECIFIC: font used:


a

compilatio if you want listen a story you have to inspire me...


07

Main 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.

PROJECT:

SPECIFIC: font used: responsive

Open sans Amatic



08

ABA 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.

PROJECT:

SPECIFIC: 21

12

materiali font used: progettati: brochure poster installazione sito


PANNELS

EXHIBITION

LECTURES

CONCERT

Concerti // Proiezioni Incontri // Mostre

Un nuovo modo di conoscere l’Anoressia

MOVIES


09 Blind Scopa

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:



10

Alterate 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.

PROJECT:

SPECIFIC: 12

font used: Signika

4


REAL MAP

STROKE

INTEPRETATION

CLAIM Hi there, i’m using Milan


11

Filmidee 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.

PROJECT:

SPECIFIC: 24

15

font used: Giza Futura Courier new Engagement


Giza Futura Courier new Engagement


12

Lato Specimen

Lato è 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.

PROJECT:

SPECIFIC: 60

font used: Lato

40


le stelle sono infinite via lattea, infinita varietà di corpi celesti

segni zodiacali che prevedono il futuro e lasciano poca scelta all’umana ragione. l’arbitrio e cosa da divinità e bisogna imparare a condividere.

Scorpione,tauro,virgo,sagitto il segno zodiacale per eccellenza più incline al litigio e alla ricerca della morte andare 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


13

Processing Workshop

PROJECT:

Il 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.

SPECIFIC: font used:


for (int j=0; j<numV; j++) { for (int i=0; i<numH; i++) { float x = ox + i * spacingH; float y = oy + j * spacingV;


14

Perinthia poster design

Perinzia è 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.

PROJECT:

SPECIFIC: 100

font used: Gotham


15’ 68 n 300’


15

Marla Infographic

PROJECT:

Marla è 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.

SPECIFIC: 21

13

font used: Lato Engagement



16

Mamoli Catalogue

Mamoli, 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.

PROJECT:

SPECIFIC: 23

14

font used: Flama Cecilia Fedra mono



17

This is not a magazine

PROJECT:

Mamoli, 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.

SPECIFIC: 21

16

font used: Flama Arnhem Pf Regal



18

Veggy for one Day

Essere 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.

PROJECT:

SPECIFIC: 15

font used: Akzindenz

10



19

Information Design

Il 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.

PROJECT:

SPECIFIC: font used:


Axis, 2005 Expo Axis

Seattle, 1992 Space Neaddle

Paris, 1855 Palais de l’industrie

S, Francisco 1896 Tower of Jewels

Paris 1881 Eifell Tower

Chicago, 1892 Main Pavillion

1906

2015


20

Expo in città 2015

Progetto 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.

PROJECT:

SPECIFIC: 100

70

font used: Apex Apex new Officina


Lo Sposalizio della Vergine

Il bacio

Il quarto Stato


Expo in città è un palinsensto di centinaia di eventi

dislocati su tutto il territorio della Grande Milano. Concerti, festival, incontri, conferenze e spettacoli e mercati. Un programma lungo sei mesi per accogliere al meglio cittadini e turisti da tuto il mondo Dieci categorie e sei icone del mondo dell’arte milanese racconteranno l’intero programma.

Pietà Rondanini

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.

Ultima Cena


21

Hintown Web Site

La 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.

PROJECT:

SPECIFIC: font used: responsive

Open Sans Signika


Home Self Service Quello che serve, solo quando serve Se 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


www.scarduelli.me


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.