UNIVERSITA’ DEGLI STUDI MILANO - BICOCCATEORIA E TECNOLOGIA DELLA COMUNICAZIONEA.A. 2013 /2014

LABORATORIO DI COMUNICAZIONE VISIVA E DESIGN DELLE INTERFACCEIII CONSEGNA_Frontend DevelopmentGruppo 9_Giulia Camedda, Roberta Gionni, Antonio Santoro

L’INDIVIDUO NEL QUARTIERE

Abbiamo scelto il nome “Bicoccaqui” per evidenziare il fatto che l’individuo si trovasse all’interno del quartiere, l’idea era quella di far quasi identificare l’u-tente con il pin geolocalizzatore, come se lo rappresentasse e lo guidasse nella scoperta del quartiere Bicocca.

IL QUARTIERE / BICOCCA

INDIVIDUO / QUARTIERE

L’individuo, attraver-so la sua interazione all’interno del quartie-re Bicocca, lo colora e gli fa prendere vita. Quest’immagine è usa-ta come sfondo delle pagine interne del no-stro sito sia nella ver-sione desktop che nel tablet e nel mobile.

COLORILOGO

Per il nostro logo “Biccoccaqui” e per la no-stra homepage abbiamo scelto di utilizza-re un colore che fosse piuttosto neutro. Ab-biamo optato per un colore tra il nero e il grigio, infatti il nero ci sembrava troppo “mar-cato” per essere messo nell’homepage.

ALTRI COLORI

Gli altri colori utilizzati all’interno del nostro pro-getto sono colori vivaci, che caratterizzano for-temente le tribù analizzate.

R=74 G=66 B=77#4a424d

ROSSOR=238 G=99 B=78#ee634e

AZZURROR=80 G=186 B=225#50bae1

VERDER=174 G=201 B=113 #aec97l

ARANCIOR=250 G=190 B=76 #aec97l

ICONE

casaqui

universitàqui

lavoroqui

duepassiqui

La categoria “casaqui” è quel-la che abbiamo riservato ai residenti. La scelta del colore arancione è avvenuta pren-dendo spunto dalle strisce che riservano il parcheggio per i residenti all’interno delle città.

La categoria “universitàqui” è quella riservata a coloro che gravitano all’interno del mon-do universitario, dagli studenti ai collaboratori, agli insegnan-ti. Il colore rosso è stato scelto come richiamo al colore degli edifici che compongono il cam-pus universitario della Bicocca.

La categoria “lavoroqui” è quella che abbiamo riserva-to ai lavoratori. Il colore az-zurro è stato scelto in quan-to viene spesso utilizzato da banche, edifici pubbli-ci e altri organi istituzionali.

La categoria “duepassiqui” è quella che abbiamo riser-vato ai city users. Il verde lo abbiamo scelto in quanto ge-neralmente è associato agli spazi pubblici, al relax, all’aria aperta, al benessere e quin-di anche al godersi la città.

La forma che abbiamo scelto per le icone è una forma che si ri fa a quella di un geolocalizzatore, per mantenere una certa coerenza con il nome e con il logo“Bicoccaqui”. stilizzazione della nostra icona di partenza

casaqui universitàqui lavoroqui duepassiqui

ICONE / ATTIVE

ICONE / NON ATTIVE

MACRO CATEGORIE / MENU’

UTILITA’SVAGO

TRASPORTI

RISTORO UNIVERSITA’

salute istruzione

banche uffici tabacchi

aree Wi-filibrerie

copisterie parcheggi

linee bustram

metrotreno

altri trasporti

sportcultura

aree verdibellezza

localishopping

ristoranti pizzeriefast food

bar & pubalimentari

poli didatticiorario lezioni

segreteriebiblioteche

DESKTOP

DESKTOP / HOMEPAGE

DESKTOP / PAGINA1

DESKTOP / PAGINA2

DESKTOP / PAGINA3

DESKTOP / PAGINA4

DESKTOP / PAGINA5

TABLET

TABLET / HOMEPAGE

TABLET / PAGINA1

TABLET / PAGINA2

TABLET / PAGINA3

TABLET / PAGINA4

TABLET / PAGINA5

TABLET / PAGINA6

MOBILE

MOBILE / HOMEPAGE

MOBILE / PAGINA1

MOBILE / PAGINA2

MOBILE / PAGINA3

MOBILE / PAGINA4

MOBILE / PAGINA5

MOBILE / PAGINA6