Web Design Editorial Design Graphic Design...and more

Transcript

1 P O R T F O L I O Web Design Editorial Design Graphic Design...and more

2 Questo portfolio rappresenta ed elenca tutto il backround grafico, l esperienza e tutto il mio percorso formativo. P O R T F O L I O Tutto il viaggio è stato intrapreso in diversi ambienti, quello personale, come quello scolastico e infine quello lavorativo, il più importante fra tutti. Ogni cosa in questo prodotto è creatività e grafica, come anche il prodotto stesso. Designed by: Andrea Fornari Graphic Designer Printed in: Milan, Italy

3 Indice Web design Logotype design Design su carta Information Design 8 Pegasohosting VPS Grafica landing page 28 Loghi 2011/2014 Raccolta e selezione loghi 34 Editorial Design Impaginazione libro 52 Icone Raccolta varia 10 Walter Mornata Grafica sito web 38 Anyway Group Biglietto auguri 54 Mappa servizi Stampa grande formato Via dei pioppi, 2, Cesano Boscone, Milano Cell andrea.fornari.grafica@gmail.com Ho iniziato la mia carriera nel mondo del design nel 2011, quando ho iniziato a frequentare la Scuola Politecnica di Design. Dopo il primo anno di preparazione al design, ho frequentato il secondo anno, il vero e proprio master, lavorando a progetti reali, ovvero progetti per clienti in contatto con la scuola. Una volta uscito dalla scuola, ho lavorato come stagista presso ANYWAY Group per poi eseguire un altro stage presso Phoenixweb S.r.l come web designer, il cui rapporto si è concretizzato con un contratto di collaborazione a progetto conclusosi a Giugno Attualmente lavoro nel campo della grafica a tutto tondo come libero professionista. 12 Euweb Promozione Halloween 14 Seo Ranking Grafica sito web 16 Phoenixweb Grafica sito web 18 Mangiafuoco Grafica sito web 20 Pegasohosting Grafica area admin 22 Pegasohosting Grafica area clienti 24 Copertina Facebook Raccolta 40 SMAU 2014 Totem aziendale 42 Cigno SMS Brochure 44 Pegasohosting Brochure 46 Phoenixweb Brochure 48 Mangiafuoco Coupon sconto

4 WEB DESIGN WEBSITES, APPS, SOFTWARES Lo sviluppo Web talvolta include diversi step: il portale direttamente per i clienti, il vero e proprio sito web, oppure, dato ormai l enorme sviluppo odierno della navigazione web su mobile, l interfaccia grafica dell app per Android o iphone. Talvolta vengono richiesti step successivi, come lo sviluppo dell interfaccia utente per il cliente iscritto, o addirittura un portale admin per la gestione delle informazioni relativi a clienti acquisiti, fatturazione, operazioni comuni, per una gestione completa della propria azienda 6 7

5 PEGASOHOSTING VPS Grafica landing page Landing page per il lancio dei nuovi server targati Pegasohosting. Anno: 2013 Cliente: Gianni Ricotti Colori: RGB Programmi usati: Adobe Illustrator, Adobe Photoshop Stato: in sviluppo sitovps.phoenixweb.it 8 9

6 WALTER MORNATA Grafica sito web Proposta del layout grafico per il sito del pittore Walter Mornata. Anno: 2013 Cliente: Walter Mornata Colori: RGB Programmi usati: Adobe Illustrator, Adobe Photoshop Stato: in attesa 10 11

7 EUWEB Promozione Halloween Grafica del pop-up per la promozione di sconti in vista di Halloween 2013 Anno: 2013 Cliente: euweb Colori: RGB Programmi usati: Adobe Illustrator, Adobe Photoshop Stato: online

8 SEO RANKING Grafica sito web Layout del sito web per monitorare l indicizzazione del proprio sito, SEO RANKING. Anno: 2014 Cliente: Phoenixweb S.r.l. Colori: RGB Programmi usati: Adobe Illustrator, Adobe Photoshop Stato: in sviluppo

9 PHOENIXWEB Grafica sito web Grafica molto particolare per il restyling del sito principale dell azienda PHOENIXWEB. Anno: 2014 Cliente: Phoenixweb S.r.l. Colori: RGB Programmi usati: Adobe Illustrator, Adobe Photoshop Stato: online

10 MANGIAFUOCO Grafica sito web Restyling completo del sito del ristorante Mangiafuoco Bracerie, con sede a Milano. Anno: 2014 Cliente: Mangiafuoco Bracerie Colori: RGB Programmi usati: Adobe Illustrator, Adobe Photoshop Stato: sito chiuso 18 19

11 PEGASOHOSTING Grafica area admin Layout grafico per l area admin interna al sito di PEGA- SOHOSTING. Anno: 2014 Cliente: Phoenixweb S.r.l. Colori: RGB Programmi usati: Adobe Illustrator, Adobe Photoshop Stato: online 20 21

12 PEGASOHOSTING Grafica area clienti Layout grafico per l area clienti di PEGASOHOSTING. Anno: 2014 Cliente: Phoenixweb S.r.l. Colori: RGB Programmi usati: Adobe Illustrator, Adobe Photoshop Stato: online

13 COPERTINE FACEBOOK Raccolta Raccolta di copertine realizzate per le pagine Facebook di PEGASOHOSTING e PHOENIXWEB. Anno: 2013/2014 Cliente: Phoenixweb S.r.l. Colori: RGB Programmi usati: Adobe Illustrator 24 25

14 LOGOTYPE DESIGN LOGOS FOR BRAND IDENTITY Il logo è la base dell azienda o del privato, è ciò che definisce l azienda stessa e permette la sua riconoscibilità. La questione logo si affronta in modi molto diversi, può essere un simbolo che rappresenta il nome stesso, può voler trasmettere un emozione, un motto non dichiarato, oppure può giocare sul fattore, come già detto, della riconoscibilità, creando un simbolo totalmente innovativo che cerchi di inculcare nella mente dell utente il simbolo che rappresenta l azienda. Ma ovviamente, il logo è solo il primo passo

15 SIENA Capitale Europea della Cultura 2019 Logo realizzato durante il corso di Visual Identity nella Scuola Politecnica di Design per la candidatura di Siena a Capitale Europea della Cultura dell anno 2019 Anno: 2011/2012 Luogo: Scuola Politecnica di Design Colori: B/N Programmi usati: Adobe Illustrator CIRCUITO PARALLELO Logo concessionaria Logo realizzato per il progetto interno a ANYWAY Group per la creazione di una concessionaria di pubblicità. Anno: 2012 Cliente: Anyway Group Programmi usati: Adobe Illustrator, Quark Xpress Alberto Ghinzani Logo personale Logo realizzato per lo scrittore, pittore, filosofo e poeta Alberto Ghinzani. Anno: 2012 Cliente: Alberto Ghinzani Colori: Scala di grigio Programmi usati: Adobe Illustrator Ebdomante Logo agglomerato di notizie Logo del sito internet associato in cui vengono visualizzati tutti i feed e le news delle testate giornalistiche facenti parti di Circuito Parallelo Anno: 2012 Cliente: ANYWAY Group Programmi usati: Adobe Illustrator La Permanente Logo Amici e Soci Logo realizzato per i soci del Museo La Permanente a Milano. Anno: 2012 Cliente: La Permanente Programmi usati: Adobe Illustrator Euweb.it Logo azienda Proposta logo per il sito internet di hosting Anno: 2012 Cliente: euweb Programmi usati: Adobe Illustrator 28 29

16 WALTER MORNATA Logo personale Logo realizzato per il pittore Walter Mornata per la realizzazione del suo nuovo sito web. Anno: 2013 Cliente: Walter Mornata Colori: B/N Programmi usati: Adobe Illustrator SEO RANKING Logo sito internet Logo per un progetto interno realizzato per il sito internet Anno: 2014 Cliente: Phoenixweb S.r.l. Programmi usati: Adobe Illustrator ISPESA Logo App Logo realizzato per un progetto interno di un App per mobile che permette di controllare e amministrare tutte le spese effettuate dall utente nei supermarket. Anno: 2014 Cliente: Phoenixweb S.r.l. Programmi usati: Adobe Illustrator MANGIAFUOCO Logo Azienda Restyling del logo per il ristorante Mangiafuoco Bracerie. Anno: 2014 Cliente: Mangiafuoco Bracerie Programmi usati: Adobe Illustrator CIGNO SMS Logo servizio di messaggistica Logo realizzato per un progetto interno che consiste in un servizio di messaggistica per aziende. Anno: 2014 Cliente: Phoenixweb S.r.l. Programmi usati: Adobe Illustrator Studio Legale BIANUCCI Logo studio Logo realizzato per l avvocato Marco Bianucci per l apertura del suo sito web. Anno: 2014 Cliente: Marco Bianucci Programmi usati: Adobe Illustrator 30 31

17 DESIGN SU CARTA PAPER LAYOUT, BROCHURES, BOOKS Nonostante l enorme sviluppo e diffondersi del web nel mondo, la carta rimane sempre un fattore importantissimo di fidelizzazione. Il cliente vorrà sempre avere in mano un prodotto con cui informarsi, a volte anche divertirsi e rifarsi gli occhi. I prodotti su carta rientrano, nonostante contengano preziose informazioni sul target, i prodotti e il mood che l azienda offre, nella categoria del Brand Identity : realizzare prodotti in grado di sorprendere graficamente il cliente, oltre a contenere informazioni preziose, è di vitale importanza

18 EDITORIAL DESIGN: Impaginazione libro Impaginazione del libro Storia abbreviata della letteratura portatile di Enrique Vila-Matas. L argomendo trattato, il Dada, mi portò alla concretizzazione di una maniera più alternativa di altre nell impaginazione del libro: il caos. Un caos che in questo libro è un caos però ordinato : Attraverso il libro le parole in grassetto evidenziano una frase; all inizio sembra casuale ma poi man mano che si va avanti il lettore capisce che non è casuale, ma è una frase di senso compiuto che viene formata da queste lettere. Questa frase è una frase all interno del libro che rispecchia il suo concetto alla base. Anno: 2011/2012 Luogo: Scuola Politecnica di Design Formato (chiuso): 14x20cm Colori: B/N Programmi usati: Adobe InDesign, Adobe Illustrator 34 35

19 36 37

20 ANYWAY GROUP: Biglietto auguri Impaginazione e creazione del biglietto di auguri di Buon Natale a tutti i clienti di ANYWAY Group Anno: 2012 Cliente: ANYWAY Group Formato: 19x21cm Programmi usati: Adobe Illustrator, Adobe Photoshop 38 39

21 SMAU 2014: Totem aziendale Design della grafica per la realizzazione del totem aziendale ufficiale di Phoenixweb in occasione della fiera SMAU 2014 svoltasi a Roma. Anno: 2014 Cliente: Phoenixweb S.r.l. Formato: 80x180cm Programmi usati: Adobe Illustrator 40 41

22 CIGNO SMS: Brochure Impaginazione e creazione della brochure del servizio CIGNO SMS presentata alla fiera SMAU 2014 svoltasi a Roma. Anno: 2014 Cliente: Phoenixweb S.r.l. Formato (chiuso): A4 Programmi usati: Adobe InDesign, Adobe Illustrator 42 43

23 PEGASOHOSTING: Brochure Impaginazione e creazione della brochure del servizio hosting e server PEGASOHOSTING presentata alla fiera SMAU 2014 svoltasi a Roma. Anno: 2013Cliente: Phoenixweb S.r.l. Formato (chiuso): A4 Programmi usati: Adobe InDesign, Adobe Illustrator 44 45

24 PHOENIXWEB: Brochure Impaginazione e creazione della brochure ufficiale di PHOENIXWEB presentata alla fiera SMAU 2014 svoltasi a Roma. Anno: 2014 Cliente: Phoenixweb S.r.l. Formato (chiuso): 13x20cm Programmi usati: Adobe InDesign, Adobe Illustrator 46 47

25 MANGIAFUOCO: Coupon sconto Creazione di coupon sconto ad hoc per il ristorante Mangiafuoco Bracerie. M B R A C E R I E 20 * a persona - ALL INCLUSIVE Un bicchiere di vino + Acqua minerale Bruschette al pomodoro fresco Entrecôte all antica + Patatine fritte Tiramisù Caffè + Ammazzacaffè B R A C E R I E Anno: 2014 Cliente: Mangiafuoco Bracerie Formato: 19x6cm Programmi usati: Adobe Photoshop, Adobe Illustrator tel info@mangiafuoco-bracerie.it {dal sito: VIA PISACANE, MILANO Dal lunedì al sabato a partire dalle ore a 5 minuti a piedi da MM1 P.ta Venezia a 2 minuti a piedi da S2 P.ta Venezia M Parcheggio COPERTO in Via Pisacane, 36 1 ORA in ogni 4 persone! *Scadenza entro il: 28 Febbraio 2014 a persona - ALL INCLUSIVE B R A C E R I E Bottiglia di vino Mangiafuoco + Acqua ogni 2 persone Granmisto di antipasti di Mangiafuoco, giro completo Misto di Carni alla brace e stinco + Tagliata di bovino adulto alla crema di Chianti + Patatine fritte Dessert a scelta Caffè + Ammazzacaffè info@mangiafuoco-bracerie.it tel {dal sito: VIA PISACANE, MILANO Dal lunedì al sabato a partire dalle ore a 5 minuti a piedi da MM1 P.ta Venezia a 2 minuti a piedi da S2 P.ta Venezia Parcheggio COPERTO in Via Pisacane, 36 1 ORA in ogni 4 persone! *Scadenza entro il: 28 Febbraio

26 INFORMATION DESIGN ICONS, MAPS, GRAPHICS, TABLES L informazione del cliente è essenziale, ma non dev essere fredda e non comunicativa: il cliente deve avere sotto mano informazioni chiare e dirette, ma anche presentate in maniera accattivante, in modo da essere spinto a guardarle. L importanza della grafica in mappe, grafici (o anche semplicemente nell impaginazione di menù, ricette ecc...) è determinante per guidare il cliente alla comprensione delle informazioni stesse nel minor tempo e col minor sforzo possibile dell occhio

27 ICONE: Raccolta varia Raccolta e selezione di tutte le icone realizzate. Anno: dal 2010 Programmi usati: Adobe Photoshop, Adobe Illustrator 52 53

28 MAPPA SERVIZI: Stampa grande formato Stampa su tela della mappa dei servizi che offre l azienda Phoenixweb organizzata come una sorta di metropolitana, con tanto di legenda. Anno: 2014 Azienda: Phoenixweb S.r.l. Formato: 50x70cm Programmi usati: Adobe Illustrator, Adobe InDesign 54 55

29 Thanks for reading!

30