portfolio

Portfolio
A N D R E A B A L D A N

PRESENTAZIONE
Mi chiamo Andrea Baldan, ho 22 anni e vivo a Mestre.
Fin da piccolo mi accompagna una grande passione per l’arte e
la grafica.
Mi sono diplomato in “grafica pubblicitaria” presso il Liceo M.
Guggenheim di Venezia, ed ho frequentato un corso di specializzazione
triennale alla Scuola Internazionale di Comics a Padova.
Un percorso di studi intrapreso con lo scopo di realizzare il mio
più grande sogno: diventare un’ottimo creativo e lavorare per
una grande agenzia di comunicazione.
1

INDICE
Italiani in vacanza
ESTATE 2013
13° Barometro vacanze
Un indagine telefonica condotta da IPSOS su un campione di 4.048 maggiorenni europei di
cui 501 italiani, ha fornito i dati su “intenzioni e programmi degli europei per le vacanze
estive 2013”.
53%
Italiani che hanno
intenzione di partire
durante l'estate 2013.
Italiani in partenza
2013
47%
Italiani che non hanno
intenzione di partire
durante l'estate 2013.
4 -
P R O G E T T O
APP
Presentazione di un’app dall’idea
allo sviluppo
- 10% rispetto
l’estate 2012
INFOGRAFICA
Budget medio
1 0 -
€ 1.761,00
+4%
Realizzazione di un’infografica
che illustra i dati relativi ai pro-
Ciascun italiano spenderà
in media per le vacanze
2012 2013
grammi di viaggio degli italiani.
Fattori chiave
49% 45%
Budget
Clima
Italia come meta
38%
Infrastrutture
2
72%
Italiani che scelgono
località di mare
70%
Italiani che resteranno in
Italia per le vacanze estive
17%
Europei che hanno scelto
l’italia come meta delle
loro vacanze estive
(-1% rispetto il 2012)
Vacanza ideale
28%
Italiani che scelgono
altre mete turistiche

INDICE
1 4 -
C A M P A G N A
PUBBLICITARIA
1 8 -
P R O G E T T I
WEB
Creazione di una campagna pubblicitaria
dal brief al cartellone
6x3.
Sviluppo di tre siti, dal brief
al wireframe e dal template al
codice.
3

PROGETTO APP
Il progetto si basa sull’ideazione e la progettazione
di un’app in ogni sua sfacettatura.
Si è partiti inanzitutto dallo sviluppo di un’idea; in
questo caso riguardava un’applicazione che permette
di avere informazioni utili, 24h su 24, su ogni
tipo di avvenimento presente nella città di Padova,
ma non solo, permette anche di consultare i migliori
hotel, ristoranti, negozi e locali della città. Una
vera e propria guida a portata di mano per turisti
e cittadini che desiderano tenersi aggiornati o conoscere
meglio la città.
Il naming scelto per questa applicazione è “My Padova”,
un nome semplice, diretto e già da esso si coglie
lo scopo per cui è stata creata quest’app, ovvero,
per farti sentir parte della città.
Successivamente si è passati alla ricerca cromatica e
allo studio di un logo e un’icona.
Come scelta cromatica si ha optato per l’azzurro,
colore emblema della lealtà e dell’idealismo, trasmette
un senso di affidabilità e favorisce i rapporti
di diplomazia.
Il logo pensato per quest’app è un logo tipografico,
creato da un font hand script come “Pacifico” che gli
dona un senso di dinamicità.
Per l’icona è stata utilizzata la lettera P in bianco
su sfondo azzurro.
In seguito si sono stabiliti tutti gli aspetti grafici e
definito lo stile e l’ordine di presentazione delle pagine;
il wireframe.
Dal wireframe si è passati poi allo sviluppo vero e
proprio dell’app, definendone i suoi coontenuti, le
icone, i testi e le immagini.
4

PROGETTO APP
>> Typography
CMYK: 73 35 0 0
RGB: 33 150 243
HEX: #2196f3
Aa
Pacifico
Aa
Lato Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõöøùúûüýþÿ
0123456789
:;?@[\]^_“” `€!”#$%&’()*+-,./÷×{|}~
¡¢£¤¥¦§¨©ª«_®¯°±²³’´μ·¸¹º»¼½¾¿
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõöøùúûüýþÿ
0123456789
:;?@[\]^_“” `€!”#$%&’()*+-,./÷×{|}~
¡¢£¤¥¦§¨©ª«_®¯°±²³’´μ·¸¹º»¼½¾¿
5

21.00 100%
21.00 100%
21.00 100%
21.00 100%
21.00 100%
21.00 100% 21.00 100%
21.00 100% 21.00 100%
21.00 100%
21.00 100%
21.00 100%
21.00 100%
21.00 100%
21.00 100%
21.00 100%
21.00 100%
PROGETTO APP
>> Wireframe
Flashpage
Welcome
Sign-up
Log-in
Profilo
Singolo
Ristorante
Ristoranti
Home
Preferiti
Singolo
Locale
Locali
Menù
Hotel
Singolo
Hotel
Singolo
Evento
Eventi
Negozi
Singolo
Negozio
6

PROGETTO APP
>> Sviluppo dell’app
7

PROGETTO APP
>> Mockup
8

PROGETTO APP
9

INFOGRAFICA
Dopo aver letto ed analizzato attentamente il brief,
è stata realizzata un’infografica che definisce i programmi
di viaggio degli italiani per l’estate 2013.
Questi sondaggi sono stati condotti telefonicamente
su un campione di 4048 cittadini maggiorenni.
Dai dati emerge un vero e proprio cambiamento
nei comportamenti di viaggio, dovuto soprattutto
al perdurare della crisi che ha portato un calo considerevole
nei confronti dei vacanzieri.
Per la realizzazione dell’infografica si è partiti dalla
ricerca di una palette appropriata, che richiamasse
i colori dell’estate ma non troppo chiassosi e
contrastanti fra loro.
La font utilizzata per i titoli è: “SignPainter”, un
hand script che con le sue forme tondeggianti ricorda
le onde marine. Per i testi invece si ha optato
per una font sans serif, in modo che risultasse di
contrasto con i titoli ma allo stesso tempo chiara per
la lettura; la font in questione è “Klavika” in stile
bold e light italic.
L’infografica è suddivisa in varie sezioni orizzontali,
ognuna di esse contiene dei grafici, dei testi e
delle icone flat, che illustrano l’argomento trattato
in ogni sezione.
L’infografica nel suo complesso risulta uno strumento
di marketing molto funzionale, un’alternativa
creativa per comunicare informazioni in modo
chiaro, sintetico ed iconografico.
10

49%
45%
38%
INFOGRAFICA
Italiani in vacanza
ESTATE 2013
13° Barometro vacanze
Un indagine telefonica condotta da IPSOS su un campione di 4.048 maggiorenni europei di
cui 501 italiani, ha fornito i dati su “intenzioni e programmi degli europei per le vacanze
estive 2013”.
Italiani in partenza
53%
Italiani che hanno
intenzione di partire
durante l'estate 2013.
2013
47%
Italiani che non hanno
intenzione di partire
durante l'estate 2013.
- 10% rispetto
l’estate 2012
Budget medio
€ 1.761,00
+4%
Ciascun italiano spenderà
in media per le vacanze
2012 2013
Fattori chiave
11

Budget medio
€ 1.761,00
INFOGRAFICA
+4%
Ciascun italiano spenderà
in media per le vacanze
2012 2013
Fattori chiave
49% 45%
Budget
Clima
Italia come meta
38%
Infrastrutture
72%
Italiani che scelgono
località di mare
70%
Italiani che resteranno in
Italia per le vacanze estive
17%
Europei che hanno scelto
l’italia come meta delle
loro vacanze estive
(-1% rispetto il 2012)
Vacanza ideale
28%
Italiani che scelgono
altre mete turistiche
Prenotazioni
60%
Italiani che prenotano
con anticipo
40%
Italiani che si affidano ai
last minute
Prenotazioni online
12
49% 20%
Italiani che organizzano le
proprie vacanze in autonomia
attraverso preno-
Italiani che consultano i
social network per scegliere
la destinazione

località di mare
Prenotazioni
60%
Italiani che prenotano
con anticipo
INFOGRAFICA
40%
Italiani che si affidano ai
last minute
Prenotazioni online
49% 20%
Italiani che organizzano le
proprie vacanze in autonomia
attraverso prenotazioni
online
Italiani che consultano i
social network per scegliere
la destinazione
delle proprie vacanze
Ultimi 50 anni
52%
Sviluppo nei
trasporti aerei
35%
La possibilità di
stipulare polizze
assicurative
53%
Italiani che considerano
internet l’evoluzione più
importante degli ultimi
50 anni
Prossimi 50 anni
74%
Italiani che nei prossimi 50 anni
sognano di riuscire a viaggiare da
una parte all’altra del mondo
13

CAMPAGNA PUBBLICITARIA
Questo progetto nasce dalla lettura di un dato
ISTAT dove risulta in forte calo il tasso di natalità
nel territorio italiano; un nuovo minimo storico
dall’Unità d’Italia. Il 2017 è il settimo anno consecutivo
di riduzione della fecondità, giunta a 1,35
figli per donna.
Dati certamente non positivi che fanno riflettere
sulle cause e sulle eventuali soluzioni attuabili da
parte dello Stato italiano.
A tal proposito, lo scorso anno, il Ministro della
Salute Beatrice Lorenzin si è posta il compito di
informare i cittadini italiani sul ruolo della fertilità
nella loro vita, sulla sua durata e su come
proteggerla evitando comportamenti che possono
metterla a rischio, il “Fertility Day”.
Questa trovata ha suscitato nel complesso molte
critiche e commenti negativi, dovuti sopratutto al
tono con cui il messaggio è stato posto.
É stata presa in esame la campagna indetta dal
Ministero, per poi svilupparne una nuova, che si
rivolgesse con tono meno agressivo, più emozionale
e coinvolgente nei confronti del pubblico.
La nuova campagna multisoggetto si basa sul concetto
che avere dei bambini può essere un’avventura,
e grazie alla loro fantasia e al gioco, potrai scoprire
nuove esperienze ed emozioni che prima non
immaginavi nemmeno.
Il target che si vuole raggiungere è molto ampio e
comprende uomini e donne in età fertile.
Con questo messaggio il lettore non si sentirà più
offeso, anzi, sarà incentivato all’idea di diventare
genitore.
14

CAMPAGNA PUBBLICITARIA
>> Moodboard
>> Shooting Fotografico
15

CAMPAGNA PUBBLICITARIA
>> Mockup
16

CAMPAGNA PUBBLICITARIA
17

PROGETTI WEB
In questa sezione è presentata la progettazione e realizzazione
di tre siti web sviluppati durante l’anno;
due di essi più dettagliatamente.
In partenza si sono definite le basi del progetto (il
brief) e raccolte le informazioni utili a decidere
quale struttura dare al sito e quale veste grafica
adottare.
In questo caso, i siti sviluppati rappresentavano
ambiti completamente diversi tra loro, e si è partiti
quindi da linee guida differenti per ognuno di essi.
In seguito, ci si è concentrati sullo studio dell’esperienza
utente ed interfaccia utente (UX/UI) più
adatte. Il primo con lo scopo di generare un’esperienza
soddisfacente per gli utenti che interagiranno
con il sito, mettendoli nelle condizioni di trovare
quello che cercano in maniera rapida, emozionante
e gradevole. Il secondo ivece, attraverso una corretta
disposizione degli elementi visivi e testuali.
A questo punto, si sono definiti gli aspetti grafici
del wireframe: un’nsieme di linee e rettangoli che
definiscono gli ingombri dei contenuti di un futuro
sito web.
Successivamente si è passati alla realizzazione della
bozza grafica vera e propria, con i suoi contenuti
testuali e visivi, la scelta cromatica, la font adatta,
i loghi e le icone.
Come ultima fase, ma non per importanza, si è passati
alla conversione delle bozze in codice html e
css, mantenendo le proporzoni e misure previste, e
inserendo anche gli effetti visivi più adatti.
18

PROGETTI WEB
>> Progetto Nike Blazer
19

PROGETTI WEB
>> Progetto Lago - Typography
CMYK: 91 79 62 97
RGB: 0 0 0 HEX: #000000
CMYK: 43 34 34 13
RGB: 147 147 147 HEX: #939393
CMYK: 27 20 21 2
RGB: 195 194 194 HEX: #c3c2c2
CMYK: 0 0 0 0
RGB: 255 255 255 HEX: #ffffff
CMYK: 40 17 16 1
RGB: 165 190 204 HEX: #a5becc
CMYK: 41 17 65 2
RGB: 167 181 113 HEX: #a7b571
CMYK: 7 30 68 0
RGB: 138 186 99 HEX: #eeba63
Aa
Open Sans Light Italic
Aa
Open Sans Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõöøùúûüýþÿ
0123456789
:;?@[\]^_“” `€!”#$%&’()*+-,./÷×{|}~
¡¢£¤¥¦§¨©ª«_®¯°±²³’´μ·¸¹º»¼½¾¿
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõöøùúûüýþÿ
0123456789
:;?@[\]^_“” `€!”#$%&’()*+-,./÷×{|}~
¡¢£¤¥¦§¨©ª«_®¯°±²³’´μ·¸¹º»¼½¾¿
20

PROGETTI WEB
>> Progetto Lago - Template
21

INFOGRAFICA
>> Progetto Lago - Mockup
22

INFOGRAFICA
23

PROGETTI WEB
>> Progetto Iceland - Typography
CMYK: 88 77 48 58
RGB: 37 40 57 HEX: #252839
CMYK: 60 50 36 23
RGB: 104 105 119 HEX: #686977
CMYK: 67 53 41 31
RGB: 82 90 103 HEX: #525a67
CMYK: 11 5 3 0
RGB: 232 237 243 HEX: #e8edf3
CMYK: 6 3 11 0
RGB: 243 243 232 HEX: #f3f3e8t
CMYK: 0 0 0 0
RGB: 255 255 255 HEX: #ffffff
Aa
Oswald Demi Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõöøùúûüýþÿ
0123456789
:;?@[\]^_“” `€!”#$%&’()*+-,./÷×{|}~
¡¢£¤¥¦§¨©ª«_®¯°±²³’´μ·¸¹º»¼½¾¿
Aa
Helvetica Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞß
àáâãäåæçèéêëìíîïðñòóôõöøùúûüýþÿ
0123456789
:;?@[\]^_“” `€!”#$%&’()*+-,./÷×{|}~
¡¢£¤¥¦§¨©ª«_®¯°±²³’´μ·¸¹º»¼½¾¿
24

PROGETTI WEB
>> Progetto Iceland - Template
25

PROGETTI WEB
>> Progetto Iceland - Mockup
26

PROGETTI WEB
27

Questo Portfolio è una raccolta di progetti ideati e sviluppati durante l’anno scolastico 2016/17
interamente per fini didattici e non commerciali.