yourplace bicocca
DESCRIPTION
Progettazione di un sito Web di geolocalizzazione del quartiere Bicocca. Progettazione responsive per diversi devices e cross-browsers.TRANSCRIPT
![Page 1: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/1.jpg)
YOUR PLACE BICOCCA
Progetto realizzato daTinebra Salvatore, Patruno Marica, Carlessi Riccardo
per il corso di “Comunicazione Visiva e Design delle Interfacce”
![Page 2: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/2.jpg)
IL CONCEPT:BICOCCA INDUSTRIALE
La Bicocca, a partire dai primi anni del Novecento, ha rappresentato il simbolo dell’industrializzazione lombarda grazie ai suoi stabilimenti, di cui il più popolare era quello della Pirelli.
![Page 3: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/3.jpg)
IL CONCEPT:L’industrial STYLE DESIGN
Lo stile industriale è un trend estetico nel design caratterizzato da linee nette e interazioni dinamiche di movimento. I singoli componenti, lavorando insieme per uno scopo comune, si uniscono fino a diventare un’unica forma. Questo stile viene impiegato per la realizzazione di molti oggetti della vita quotidiana.
![Page 4: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/4.jpg)
IL LOGO
![Page 5: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/5.jpg)
LE IMMAGINI
Universitari Residenti
Lavoratori Visitatori
![Page 6: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/6.jpg)
I COLORIPalette categorie utenti
Palette layout
Universitari Residenti Lavoratori Visitatori
![Page 7: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/7.jpg)
Boston traffic regular
Slater industrial
Gravity Book
(font logo)
(font h1, h2, h3 …)
(font p)
![Page 8: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/8.jpg)
RESPONSIVE DESIGN
Progettare per diversi device
![Page 9: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/9.jpg)
home page
![Page 10: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/10.jpg)
PAGINA INTERNA
![Page 11: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/11.jpg)
SCELTA UTENTE
![Page 12: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/12.jpg)
SCELTA SERVIZIO
![Page 13: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/13.jpg)
Scelta posizione di partenza
![Page 14: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/14.jpg)
RICERCA DEL PUNTO DI INTERESSE
![Page 15: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/15.jpg)
itinerario
![Page 16: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/16.jpg)
informazioni
![Page 17: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/17.jpg)
CONDIVISIONE SUI SOCIAL
![Page 18: YourPlace Bicocca](https://reader030.vdocuments.site/reader030/viewer/2022020101/5551287cb4c905325d8b47b0/html5/thumbnails/18.jpg)
Grazie per l’attenzione!