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: [email protected]
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: [email protected]
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
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!