bicoccaqui progetto di comunicazione visiva e design delle interfacce
TRANSCRIPT
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