PROFESSIONAL TRAINING PROGRAM

Proj

ect b

y: S

arah

Sel

lars

- MO

OD

MA

P

IED Firenze

Professional Training Program

Italiano

PROFESSIONAL TRAINING PROGRAM—WEB DESIGN

PTP

IED FIRENZE

2Professional Training Program

- W

EB D

ESIG

N |

Visu

al C

ommu

nica

tion

Diploma Conferito

Coordinatore

Frequenza

Durata

Lingua

Inizio Corso

Possibili Studi Superiori

Professional Training Program

Daiana Salucci

12h alla settimana Lun-Gio part-time

2 anni

Italiano

Ottobre 2015

Corsi Master e Specializzazione IED.

— Sarah Sellars- MOOD MAP

Web Design

ied.it/come-iscriversi50 ANNI DI ESPERIENZA 11 SEDI NEL MONDO 10.000 STUDENTI ALL’ANNO30% DI STUDENTI STRANIERI+100 NAZIONALITÀ DI PROVENIENZA60 CORSI TRIENNALI POST-DIPLOMA+100 TITOLI MASTERE CORSI DI SPECIALIZZAZIONE1900 DOCENTI

IED FIRENZE


- W

EB D

ESIG

N |

Visu

al C

ommu

nica

tion

IL CONTESTO PROFESSIONALE

Un sito accattivante e funzionale è la prerogrativa un azienda che si posiziona con successo. L’avvento dell’ecommerce e delle vendite online assieme agli smartphone e tablet hanno reso necessario un approccio nuovo al design ed il funzionamento dei siti affinchè siano fruibili su dispositivi diversi.Progettare oggi dei siti significa consocere gli strumenti e avere un approccio estetico in linea con i tempi e con i dispositivi. Questo è un mercato in costante cambiamento e che si rivolge sempre di più ad un’utente internazionale.È quindi fondamentale oggi per qualsiasi azienda esistere on line con strumenti in grado di fornire risposte ai nuovi comportamenti del mercato e alle nuove esigenze dei consumatori.Nuovi professionisti dedicati a questo canale di comunicazione sono quindi indispensabili. La digitalizzazione dell’informazione in atto da pochi decenni rappresenta un processo che sta trasformando la società in ogni sua forma e relazione, in mano ai professionisti digitali del futuro c’è la responsabilità di comprendere orizzonti in continuo cambiamento per strutturare paradigmi comunicativi sempre aggiornati.

L’utilizzo del web si sta spostato dal desktop al mobile con smartphone e tablet, la semplice informazione si è trasformata in relazione e interazione tra utenti. L’uso della rete si allarga e il web diventa luogo sociale e paradigma comunicativo. Quello del web designer, colui che veicola e gestisce questi cambiamenti, è ormai un ruolo poliedrico che soltanto professionisti formati all’aggiornamento e orientati alle nuove tendenze possono padroneggiare in modo vincente. Il web 3.0 sta sorgendo, noi vogliamo essere pronti.

Il corso è indirizzato a coloro che vogliono intraprendere una carriera di studi nell’ambito delle Arti Visive e nello specifico del design di siti web e del loro sviluppo e gestione, con uno sguardo agli orizzonti contemporanei e allo sviluppo dei campi d’applicazione in continuo aggiornamento. Possono accedere a questo corso sia gli studenti che hanno terminato il percorso di studio superiore o neo laureati che professionisti che hanno necessità di riconvertire le proprie competenze.

A CHI È RIVOLTO

— Ekaterina Zhurkina- IPort

IED FIRENZE


- W

EB D

ESIG

N |

Visu

al C

ommu

nica

tion

Web designer, colui che è in grado di sviluppare da zero un sito web seguendo criteri di accessibilità, usabilità e comunicazione.

Web graphic designer, un esperto di progettazione grafica per i siti web.

Web Store Manager, il referente della gestione dell’attività ordinaria del sito e degli ecommerce.

Media planner, colui che analizza e sceglie i media di riferimento decidendo poi dove posizionare i messaggi e le campagne di comunicazione.

Digital communication specialist, segue lo sviluppo delle presenze del brand nei canali digitali, definendo campagne pubblicitarie e relative pianificazioni sui nuovi media.

Social Media Manager, gestisce le presenze del brand nei social media, sviluppando iniziative ad hoc per eventi e campagne.

Interaction designer, colui che progetta le varie tipologie di interazione tra l’utente e i disposti digitali e ne facilita la comprensione di utilizzo.

UI e UX architect, colui che analizza le sensazioni e azioni dell’utente (user experience) finalizzando la ricerca alla strutturazione di un’interfaccia grafica efficace (user interface).

Creative coder, è quel programmatore che applica le proprie capacità nello sviluppo di progetti artistici.

Multimedia artist, artista contemporaneo che unisce all’espressione artistica l’uso delle nuove tecnologie.

Sia come liberi professionisti e consulenti nell’ambito del web e della comunicazione online, sia presso agenzie di servizi o come designer interni alle aziende, avendo l’opportunità di inserirsi in strutture professionali quali web agency, agenzie di pubblicità e comunicazione, studi di progettazione digitale, reparti digitali interni.

IL PERCORSO DI STUDI PROSPETTIVE PROFESSIONALI

— Ekaterina Zhurkina- IPort

Il corso di studi ha l’obiettivo di formare professionisti che siano in grado di progettare e realizzare strumenti utilizzando i diversi linguaggi della comunicazione visiva contemporanea applicati a prodotti digitali quali siti internet, sistemi comunicativi interattivi e multimediali, applicazioni cross platform. I diplomati devono conoscere gli strumenti, le tecniche e le tecnologie funzionali allo sviluppo e alla progettazione di un sito web: i meccanismi percettivi e i sistemi cromatici, le tecniche di manipolazione delle immagini e della rappresentazione visiva, le tecnologie di sviluppo su piattaforme digitali e dispositivi interattivi, le tecniche di progettazione di layout visivi e funzionalità usabili lato utente. Il corso consente quindi l’apprendimento delle tecnologie di lavorazione digitale e di progettazione interattiva su piattaforma web, la sperimentazione attraverso temi progettuali specifici, lo sviluppo dell’autonomia nel processo di produzione di un sito e nel coordinamento delle diverse fasi di lavorazione dalla grafica alla programmazione all’interazione, l’acquisizione di conoscenze economico gestionali legate alla pratica professionale. Al termine del corso gli studenti potranno svolgere attività professionali legate alla programmazione, progettazione e attuazione degli interventi specifici della comunicazione visiva nel settore operativo legato alle nuove tecnologie e alle applicazioni del web contemporaneo.

Loading page Icons

iPhone application concept for yacht’s service “iPort” designed by Ekaterina Zhurkina

IED FIRENZE


- W

EB D

ESIG

N |

Visu

al C

ommu

nica

tion

STRUTTURA DEL CORSO

Il percorso formativo adotta una metodologia didattica finalizzata all’inserimento nel mondo professionale, attraverso esperienze dirette di progettazione, finalizzate alla sperimentazione dei vari ambiti della comunicazione online e delle diverse aree espressive, attraverso esperienze pratiche guidate nei tre ambiti della comunicazione visiva:

• l’area espressiva, dove il messaggio e l’immagine prendono forma e diventano layout grafico, dal progetto visivo si arriva alla strutturazione del prodotto digitale

• l’area razionale, in cui si costruiscono prodotti digitali formati da grafica testo e funzionalità finalizzati ad una esperienza chiara e usabile da parte dell’utente, in cui ogni elemento ha un suo ruolo preciso, che deve trovare riscontro nel trattamento grafico e di scrittura del codice;

• l’area dell’interattività e della organizzazione delle informazioni a disposizione dell’utente, dove vengono analizzati gli aspetti fondamentali che portano alla realizzazione di un’interfaccia efficace funzionale e usabile.

Con cadenza annuale e in continuità con gli insegnamenti del percorso formativo gli studenti hanno la possibilità di sperimentare le competenze acquisite durante laboratori creativi in forma di workshop, legati allo sviluppo di linguaggi innovativi e secondo istanze contemporanee.

Il progetto di tesi è un progetto complesso e articolato, svolto in collaborazione con Enti e Aziende che interagiscono con IED con intenti di ricerca di soluzioni originali e innovative. (da ampliare)

Un modello formativo che costruisce valore sul confronto, lo scambio, la relazione tra gli studenti, i docenti e le imprese.

Il percorso formativo è articolato in quattro semestri, per una durata complessiva di 2 anni, ognuno dei quali con obiettivi specifici.

Il primo anno è dedicato alla propedeutica, ovvero all’acquisizione della formazione di base, dei riferimenti culturali specifici sull’evoluzione dei linguaggi del web, del design e dei new media; dei principi della psicologia della comunicazione visiva, che mette in relazione i meccanismi percettivi con le problematiche legate all’uso della forma e la conseguente elaborazione dei linguaggi creativi, l’acquisizione degli strumenti professionali (hardware e software) per l’ideazione del progetto, la conoscenza delle tecnologie e delle tecniche di sviluppo.

Durante il secondo anno lo studente acquisisce consapevolezza e competenza nelle specifiche aree professionali: le attività progettuali sono supportate dallo studio di discipline tecniche, in particolare design grafico e scrittura di codice finalizzati alla costruzione del sito web, gestione di contributi multimediali e interattivi, insegnamenti legati all’evoluzione dei linguaggi pubblicitari, dei mercati e dell’organizzazione professionale.

Il primo semestre del secondo anno rappresenta una peculiarità interna al corso in quanto viene strutturato come modulo di specializzazione in Interaction design dove lo studente avrà la possibilità di affrontare dal punto di vista sia progettuale che tecnico strumentale le avanguardie attuali del mondo del web declinato al mobile e all’interazione sempre più specifica e accurata dei prodotti digitali e multimediali.

IED FIRENZE


- W

EB D

ESIG

N |

Visu

al C

ommu

nica

tion

I ANNOPSICOLOGIA DELLA COMUNICAZIONE VISIVA Capire i processi percettivi che

portano le immagini ad essere il

più potente veicolo di

comunicazione è essenziale per

comprendere le potenzialità

espressive contemporanee.

Verranno esaminate le teorie

della percezione in funzione

dello sviluppo di linguaggi

contemporanei applicati alla

comunicazione visiva e in modo

particolare ai new media.

GRAPHIC DESIGN ll corso fornisce le conoscenze

per un completo utilizzo dei

software grafci Adobe:

Photoshop per la gestione delle

immagini fotografche e la

creazione di grafca bitmap,

Illustrator per la creazione di

elementi di grafca vettoriale.

WEB COPYWRITING Essere in grado di produrre un

testo semanticamente corretto,

linguisticamente coinvolgente e

ottimizzato allo strumento web

è parte fondamentale del

progetto stesso, al fne di

produrre una comunicazione

coerente e valida. Prendendo in

esame i rapporti tra la parola e

l’immagine, durante il corso

vengono affrontate diverse

tecniche di scrittura orientate al

web. Particolare attenzione

viene data alla tagline (nome del

sito), il labelling (etichette di

navigazione) ai microcontenuti

testuali e alle parole chiave

(keyword), con lo scopo di

migliorare la comprensione dei

testi e la reperibilità da parte dei

motori di ricerca.

WEB DEVELOPMENT Verranno esaminate le

metodologie più diffuse per

gestire la programmazione web,

si affronteranno le tecniche per

creare applicazioni interattive

con HTML 5.0 utilizzato per

progettare e gestire contenuti

multimediali e grafci sul web.

Verranno approfonditi temi

legati ai CSS, allo sviluppo di

applicazioni per interfaccia

grafca e per web lato server.

VISUAL DESIGN Il corso esaminerà le applicazioni

della progettazione grafca,

concentrandosi sulle

caratteristiche essenziali del

layout visivo per il web

fnalizzato alla costruzione di

una corretta comunicazione.

Verranno studiati e sperimentati

i principi della teoria del colore e

dell’elaborazione dei linguaggi

creativi attraverso la forma. In

particolare, si acquisiranno

strumenti e metodi relativi

all’impostazione strutturale di

una corretta gerarchia degli

elementi partendo dallo studio

dell’organizzazione visiva.

USER INTERFACE & USER EXPERIENCE DESIGN Quando si ha a che fare con i

nuovi media, interattivi o meno,

c’è sempre la necessità di

progettare una interfaccia

utente. Fondamentale di fronte

ad un dispositivo non soltanto

l’azione quanto il sentimento:

user interface è quello che

l’utente vede, user experience è

quello che sente. Esaminando la

logica che sottende queste due

discipline e analizzando i campi

di applicazione, il corso getta le

basi per la comprensione e lo

sviluppo dell’esperienza utente. - E.

PIv

a

SEO Nel mondo del web è

fondamentale comprendere

quali sono i criteri con i quali i

motori di ricerca trovano e

classifcano le informazioni e

come fare per trarne vantaggio

attraverso strategie di

marketing ottimizzato per la

ricerca. Questo corso aprirà una

analisi sulle potenzialità delle

attività volte alla ottimizzazione

dei contenuti online, quali

pagine immagini o fle, e si

focalizzerà su come sviluppare

l’attidutine ad un continuo

aggiornamento degli strumenti

necessari per rimanere visibili

dai motori di ricerca.

ON LINE MARKETING STRATEGY & SOCIAL MEDIA MARKETING Il corso presenterà i concetti e la

terminologia del marketing in

ambito digitale, le nuove

modalità di comunicazione web

integrata, le principali pratiche

di social media marketing e le

metodologie in grado di

trasformare e generare valore

aggiunto per le imprese.

Verranno forniti gli strumenti

per impostare e comprendere

l’analisi che sottende un

progetto creativo di

comunicazione e la gestione

strategica nella pianifcazione e

nella valutazione delle decisioni

di marketing.

WEB DESIGN #1 Acquisire le conoscenze

teoriche, metodologiche e

operative per sviluppare un

progetto nell’ambito della

comunicazione on-line.

Partendo dall’architettura delle

informazioni si passa dal

mockup al layout del sito in

grafica. I contenuti progettuali

vengono strutturati secondo le

tecniche di impaginazione, la

scelta dei font, dei colori e delle

immagini grafche e fotografche

in relazione all’accessibilità. La

metodologia di progettazione

delle pagine web, gli strumenti

di editing (CSS) e la successiva

fase di sviluppo, fno ad arrivare

alla pubblicazione online e alla

manutenzione del sito

attraverso un cms.

Laboratori Creativi Workshop

Software Utilizzati Suite Adobe. Editor HTML / CSS,

Wordpress

II ANNOSEMIOTICA DEI NUOVI MEDIA L’analisi semiotica dei nuovi

media fornisce una visione che

in sé è strumento metodologico

di orientamento verso la

signifcazione dei prodotti

creativi contemporanei e

fornisce le basi per comprendere

gli sviluppi socio culturali legati

ai segni e alle leggi che ne

regolano le modalità

comunicative. Il corso offrirà una

panoramica storica sui nuovi

media e sugli stili comunicativi,

analizzandone gli sviluppi

culturali e le linee di continuità

che si sono succedute negli

ultimi decenni.

INTERACTION & MEDIA DESIGN Verranno analizzati i vari aspetti

dello sviluppo produttivo di un

progetto di media design

partendo dalle basi teoriche

della relazione attiva tra utente

e dispositivo fno ad arrivare

all’esplorazione e all’applicazione

degli strumenti attuali più

versatili per la creazione di

ambienti interattivi.

CREATIVE WEB DEVELOPMENT Verranno gettate le basi di

programmazione creativa per

poter gestire via codice i progetti

sviluppati per piattaforma web,

visualizzazione di prodotti,

esplorazione in tempo reale e

gestione contenuti, soluzioni

industriali per piattaforme web e

mobile. Si introdurranno temi

legati alla usabilità.

Strumenti e linguaggi utilizzati :

C# e Unity3d

CREATIVE CODING Verranno analizzati gli sviluppi

contemporanei dei nuovi media

e dell’arte interattiva. Il corso

intende porre al centro la

creatività in senso lato e

partendo dal codice o dal

software verranno esaminati e

sperimentati concetti come la

rete, lo spazio, il gesto e

l’interazione intesi seguendo

paradigmi di visione innovativa

della realtà.

PROGETTAZIONE MULTIMEDIALE L’approccio del corso è di forte

simulazione professionale: dal

briefng al “prodotto fnito”, viene

svolto un percorso

metodologicamente corretto

nelle sue varie fasi, tenendo in

considerazione sia l’approccio

concettuale che gli aspetti

tecnici e linguistici specifci degli

strumenti e dei contesti in cui il

progetto viene sviluppato,

integrando coerentemente le

specifcità dei vari media.

3D COMPUTER GRAPHIC (WEB GL) Verranno gettate le fondamenta

per comprendere le tecnologie

attuali e future della 3D CG

(Computer Graphic ) applicata al

web, creando una sinergia tra

teoria e pratica.

Scopo del corso è quello di

analizzare le forme che può

assumere un sistema visivo per

applicazioni web/desktop/

mobile e progettare come si

trasforma un’idea in

un’applicazione funzionante.

WEB DESIGN #2 Il corso mira a consolidare

l’esperienza progettuale tramite

la realizzazione di un sito web

dalla progettazione del layout

grafco alla sua costruzione

tramite CMS open-source per la

creazione di un template

personalizzato ad hoc e si

comprenderanno le

trasformazioni del linguaggio

visivo, le implicazioni

semantiche e le tecniche di

sviluppo applicate alla

progettazione web.

ORGANIZZAZIONE E SVILUPPO PROFESSIONALE Il corso presenterà le

panoramiche occupazionali del

settore e fornirà le informazioni

necessarie allo sviluppo di una

propria professionalità.

Mansioni e dinamiche di

agenzia, come mettersi in

proprio, elaborazioni di

preventivi e quantifcazione del

proprio lavoro. Particolare

attenzione verrà data

all’organizzazione del proprio

portfolio e degli strumenti

necessari per il debutto nel

mondo del lavoro.

Laboratori Creativi Workshop

Software Utilizzati Suite Adobe ( Adobe Photoshop,

Adobe Illustrator) Editor HTML /

CSS, Wordpress. C#, Unity 3D

IED FIRENZE


- W

EB D

ESIG

N |

Visu

al C

ommu

nica

tion

For the new logo first i decided to balance everything using a common stroke between the exagon and the anchor, then i redesigned the anchor more narrow and with more balance inside it, in the end i chose Gotham font for the script

Logo ReDesign

SURF CULTUREIcon Design

Icon Design

Search Spot page

TYPE HEREto start doing

a search

TAP HEREIf you want to save this spot as a favourite

TAP HEREIf you want to select this spot

— Jacopo Cosmelli- SC Spot App

DIVENTARE STUDENTE IED È SEMPLICE Per capire quale percorso sia meglio per te o per approfondire il percorso della professione che vuoi intraprendere, IED mette a tua disposizione un Advisoral quale potrai chiedere un colloquio di orientamento gratuito e che ti seguirà durante tutto il Processo di Ammissione e Iscrizione.

Per chiarirti le idee e iniziare a conoscerci meglio, IED ti consiglia di chiedere un colloquio di orientamento gratuito in Sede.

Processo di Ammissione

Scelto il Corso potrai iniziare il processo di Ammissione necessario all’iscrizione. Contatta la Sede di erogazione del corso per fissare il Colloquio Motivazionale di Ammissione. Una volta ammesso, potrai completare la tua immatricolazione versando la Tassa di Iscrizione. Sarai così ufficialmente uno studente IED.

Tutti i Corsi IED sono a numero chiuso e hanno un massimo di 25 studenti per classe, questo per poter garantire un alto livello qualitativo e un’efficace e stimolante collaborazione tra docenti e studenti. Le iscrizioni sono aperte fino al 30 settembre, tuttavia i posti disponibili sono limitati, IED consiglia di formalizzare l’iscrizione nel minor tempo possibile.

ied.it/come-iscriversi

Ritratto Poligrafico a cura diLaura Moretti & Claude Marzotto Foto di Bianca Sangalli

IED FIRENZE


- W

EB D

ESIG

N |

Visu

al C

ommu

nica

tion

Documents

PROFESSIONAL TRAINING PROGRAM