3Alessandro Bianchi 1SSS_AA DG

BRIEFINGTema progetto:-Sito web del Liceo artistico di Lugano

Obbiettivi:-Raccogliere informazioni sulla tematica e analizzarle-Ideare nuove soluzioni-Riprogettare i contenuti e l’interfaccia grafica

Fasi:-Mandato-Analisi, conoscenza della tematica e del mondo che la circonda-Idea, ipotesi della soluzione proposta-Produzione, costruzione di documenti per mostrare l’ipotesi

4Alessandro Bianchi 1SSS_AA DG

MODALITAModalità:-Lavoro in gruppo

4 5Alessandro Bianchi 1SSS_AA DG

MODALITAModalità:-Lavoro in gruppo-Dropbox

6Alessandro Bianchi 1SSS_AA DG

MODALITAModalità:-Lavoro in gruppo-Dropbox-Wordpress

6 7Alessandro Bianchi 1SSS_AA DG

SITO LICEO ARTISTICO

8Alessandro Bianchi 1SSS_AA DG

SITO LICEO ARTISTICOSezioni:Homepage, Appuntamenti, Attività didattiche, Docenti, Materie, Informazioni pratiche

Pro:-Contenuti-Navigazione

Contro:-Grafica e Layout

8 9Alessandro Bianchi 1SSS_AA DG

SITI CONCORRENTI

10Alessandro Bianchi 1SSS_AA DG

IL LICEO ARTISTICOIn breve...

-un modello di studi artistici innovativo sul piano svizzero;

-una formazione in cui pratica artistica e cultura vogliono essere in equilibrio;

-una solida preparazione e un diploma per affrontare studi superiori nel campo dell’arte.

10 11Alessandro Bianchi 1SSS_AA DG

IL LICEO ARTISTICORelazione con il csia...

-Il liceo artistico si trova sotto il “tetto” del Centro Scolastico per le In-dustrie Artistiche

-Nasce dal corso di Arti Decorative, un corso professionale.

-Il liceo condivide lo spazio e i docenti del CSIA e ha la stessa durata dei corsi da esso proposti

-A differenza dei corsi del CSIA non offre ne pratica ne lo stage.

-Il reparto amministrativo del CSIA gestisce anche il Liceo Artistico.

12Alessandro Bianchi 1SSS_AA DG

TARGET

12 13Alessandro Bianchi 1SSS_AA DG

OBBIETTIVIDesideri del cliente:

-Il cliente é già soddisfatto dei contenuti e del sito.

-Son soddisfatti della scelta del allegato in pdf, e delle immagini come galleria.

Obbiettivi:

-Distribuire informazioni legate al liceo artistico, informazioni di tipo generico e spe-cifico.

-L’obbiettivo per il pubblico esterno é mostrare i prodotti degli studenti.

-Uno scopo secondario é mostrare che una sezione può creare il proprio sito, que-sto scopo é interno alla scuola.

14Alessandro Bianchi 1SSS_AA DG

NUOVI CONTENUTIParte “statica”:-Newsletter -video con interviste -immagini: gallery più studiata, con sottotitolato l’autore, la data, il titolo,… -Calendario per la sezione eventi -Sezione docenti: aggiungere contatti e lavori -Contatto diretto con segreteria e direzione

Community: -Scambio informazioni e materiale -Informazioni delle assenze da parte dei docenti -possibilità di inviare messaggi privati, fra studenti e docenti -calendario più studiato

Altro:-Creare una mappa interattiva dell’edificio, in modo da rendere la segnaletica più ovvia anche per visitatori o nuovi studenti, con particolare evidenza alla segreteria.

14 15Alessandro Bianchi 1SSS_AA DG

NUOVI CONTENUTI

16Alessandro Bianchi 1SSS_AA DG

SURVEY

16 17Alessandro Bianchi 1SSS_AA DG

SURVEY

18Alessandro Bianchi 1SSS_AA DG

SURVEY

18 19Alessandro Bianchi 1SSS_AA DG

SURVEY

20Alessandro Bianchi 1SSS_AA DG

SURVEY

20 21Alessandro Bianchi 1SSS_AA DG

SURVEY

22Alessandro Bianchi 1SSS_AA DG

SURVEY

22 23Alessandro Bianchi 1SSS_AA DG

SURVEY

24Alessandro Bianchi 1SSS_AA DG

SURVEY

24 25Alessandro Bianchi 1SSS_AA DG

SURVEY

26Alessandro Bianchi 1SSS_AA DG

SURVEY

26 27Alessandro Bianchi 1SSS_AA DG

SURVEY

28Alessandro Bianchi 1SSS_AA DG

SURVEY

28 29Alessandro Bianchi 1SSS_AA DG

SURVEY

30Alessandro Bianchi 1SSS_AA DG

SURVEY

30 31Alessandro Bianchi 1SSS_AA DG

SURVEY

32Alessandro Bianchi 1SSS_AA DG

SURVEY

32 33Alessandro Bianchi 1SSS_AA DG

SURVEY

34Alessandro Bianchi 1SSS_AA DG

FLOWCHART

HOME Docenti

Materie

N.Doc +CV

Materia + Percorso didattico

CV PDF

Modulo iscrizione

Mappa interattiva

Dove Siamo

Contatti

Obbiettivi PDF

Liceo artistico

Galleria Galleria lavori

Bacheca Studenti

Docenti

Futuri studenti Informazioni pratiche Esame ammissione

Corsi preparatori

Annunci

Eventi

Paragone licei

Sbocchi professionali

FLOWCHART SITO WEB LICEO ARTISTICO

Alessandro Bianchi1 SSS_AA DG - 31.3.2011

Area studenti Magazzino online

Attività didattiche N.attività + lista

Griglia orariaOrario (per anno)

form

form

34 35Alessandro Bianchi 1SSS_AA DG

WIREFRAME

36Alessandro Bianchi 1SSS_AA DG

WIREFRAME

36 37Alessandro Bianchi 1SSS_AA DG

WIREFRAME

38Alessandro Bianchi 1SSS_AA DG

WIREFRAME

38 39Alessandro Bianchi 1SSS_AA DG

WIREFRAMEDocentiMaterieUbicazioneMappa InterattivaContatti

Informazioni praticheParagone liceiSbocchi professionaliGriglia materie

Progetti di cultura artisticaDisegno d’osservazioneModellatoTeoria del coloreTeoria della formaSenza temaTutti

IstituzionalePubblica

Magazzino onlineAttività didattiche Orario scolastico

Liceo Area studenti Futuri studenti Galleria Bacheca

Centro scolastico per le industrie artisticheVia Brentani 18, 6904 Lugano

telefono: +41 (0)91 815 20 11fax: +41 (0)91 815 20 19

e-mail: decs-csia.lugano@edu.ti.ch

cerca

cerca materiale

cartoncino svedese cartoncino foto nerocartoncino foto biancocartoncino foto grigiocartoncino newboard

cartoncino aggiungi

STAMPA

colla rubbermicrominafogli Jawa

12

10

materiale da ordinare quantità

40Alessandro Bianchi 1SSS_AA DG

WIREFRAMEDocentiMaterieUbicazioneMappa InterattivaContatti

Informazioni praticheParagone liceiSbocchi professionaliGriglia materie

Progetti di cultura artisticaDisegno d’osservazioneModellatoTeoria del coloreTeoria della formaSenza temaTutti

IstituzionalePubblica

Magazzino onlineAttività didattiche Orario scolastico

Liceo Area studenti Futuri studenti Galleria Bacheca

Centro scolastico per le industrie artisticheVia Brentani 18, 6904 Lugano

telefono: +41 (0)91 815 20 11fax: +41 (0)91 815 20 19

e-mail: decs-csia.lugano@edu.ti.ch

cerca

Scarica il pdf

40 41Alessandro Bianchi 1SSS_AA DG

MOCKUP

42Alessandro Bianchi 1SSS_AA DG

MOCKUP

42 43Alessandro Bianchi 1SSS_AA DG

MOCKUP

44Alessandro Bianchi 1SSS_AA DG

MOCKUP

44 45Alessandro Bianchi 1SSS_AA DG

MOCKUP

46Alessandro Bianchi 1SSS_AA DG

IL LOGO

46 47Alessandro Bianchi 1SSS_AA DG

STILI GRAFICI PROPOSTI

#0012c5

utilizzato nel menu come colore di

sfondo, e nei link del

menu come hover

#333333

utilizzato per il testo nel contenuto

#cccccc

utilizzato per evidenziare liste o

per piccoli box

#dadada

utilizzato per evidenziare liste o

per piccoli box

#f9b2b2

utilizzato come visited per i link evidenziati in rosso

#900

utilizzato come hover per i link evidenziati in rosso

#000000

utilizzato come colore per il carattere nel

secondo menu

PDF

64 px

64 px

135

140

20 px

HELVETICA BOLD

Helvetica regular

Helvetica Bold: Utilizzato per i titoli del

menu in maiuscolo, o per evidenziare

titoli e testi in minuscolo.

Helvetica regular: Utilizzato per i testi e

link normali, come anche per il menù laterale.

48Alessandro Bianchi 1SSS_AA DG

MOODBOARD

48 49Alessandro Bianchi 1SSS_AA DG

TEST USABILITA

50Alessandro Bianchi 1SSS_AA DG

PROTOTIPO HTMLE ora andiamo a vedere il prototipo!