MockUp Forgotten Project Website

39
1 FORGOTTEN PROJECT MOCK UP

Transcript of MockUp Forgotten Project Website

  1. 1. 1 FORGOTTEN PROJECTM O C K U P
  2. 2. FORGOTTEN PROJECT M O C K U P Facolt di Architettura Tesi di laurea triennale in Disegno Industriale A.A. 2015/2016 Relatore: Andrea Casale Candidato: Beatrice Castaldo mat. 1559391
  3. 3. INDICE 6 PAGINA DI ENTRATA HOME PAGE POP-UP DI ISTRUZIONI HOME INTERA RICERCA LOGIN CONTRIBUTOR LOGGATO CERCA CONTRIBUTORS PROFILO CONTRIBUTOR PROFILO CONTRIBUTOR DA VISITATORE PROFILO CONTRIBUTOR DA LOGGATO PREFERITI UTENTE SEZIONE DONA UN MURO SEZIONE RICHIEDI UN MURO FOLLOWING E FOLLOWERS CERCA ARTISTI PROFILO ARTISTA PROFILO ARTISTA DA VISITATORE PROFILO ARTISTA DA LOGGATO CERCA OPERE PAGINA OPERA DESCRIZIONE OPERA RICERCA PER TAG NEWS E INTERVISTE PAGINA NOTIZIA EVENTI E CONCORSI PAGINA EVENTO VIDEO MAPPE TOUR CONTATTI IL MOCK UP 8 10 12 14 16 18 20 22 24 26 28 30 32 34 36 38 40 42 44 46 48 50 54 56 58 60 62 64 66 68 72
  4. 4. 6 7 IL MOKE-UP:
  5. 5. 8 9 PAGINA DI ENTRATA forgotten project CLICK HERELa prima pagina a cui lutente viene introdotto nella sua esperienza allinterno di Forgotten Project questa: una pagina inaspettata e che non lascia intendere cosa si nasconde dietro. Il bottone dinamico click here pensato per incuriosire e induce lutente a voler scoprire cosa ci sar aldil di esso.
  6. 6. 10 11 HOME VISUALIZZATA LOGIN forgotten project Nel momento in cui lutente clicca sul microchip, da esso nascono e si irradiano tanti piccoli cavi che allungandosi andranno a creare la forma di un cervello. Alcuni di questi cavi proseguiranno poi oltre i limiti dello spazio visibile e compariranno corrispettive indicazioni sulle varie sezioni del sito. Lutente cos indotto a muoversi e ad interagire con il sito, spinto dalla curiosit.
  7. 7. 12 13 POP-UP DI ISTRUZIONI LOGIN forgotten project PRESS LEFT MOUSE AND DRAP TO NAVIGATE xx Al completarsi dellanimazione precedente compare un pop-up di istruzioni che spiega appunto come poter interagire con il sito.
  8. 8. 14 15 HOME INTERA 8. newse interviste 1. mappe6. eventi e concorsi 5. 2. 3. contattiTOUR LOGIN forgotten project e concorsie concorsie concorsie concorsie concorsie concorsie concorsie concorsie concorsie concorsi eventi Questa lanteprima dellhome page completa con tutte le varie sezioni del sito. Lo sfondo comunica un senso di profondit e realt agli oggetti sovrastanti.
  9. 9. 16 17 rICERCA LOGIN forgotten projectforgotten project A R T I S T A - O P E R A - C O N T R I B U T O R - C I T T - E V E N T I - N E W S - T A G C E R C A P E R : O I N S E R I S C I U N A P A R O L A C H I A V E . . . VAI! x Cliccando sullicona della lente di ingrandimento comprare questo pop-up, che permette di ricercare qualsiasi contenuto allinterno del sito liberamente o aiutandosi attraverso i filtri impostati sopra la barra di ricerca. forgotten project A R T I S T A - O P E R A - C O N T R I B U T O R - C I T T - E V E N T I - N E W S - T A G C E R C A P E R : O I N S E R I S C I U N A P A R O L A C H I A V E . . . VAI! forgotten project A R T I S T A - O P E R A - C O N T R I B U T O R - C I T T - E V E N T I - N E W S - T A G C E R C A P E R : O I N S E R I S C I U N A P A R O L A C H I A V E . . . VAI!
  10. 10. 18 LOGIN forgotten project LOGIN L O G I N U S E R N A M E P A S S W O R D d i m e n t i c a t i ? R E G I S T R A T I N O M E C O G N O M E U S E R N A M E P A S S W O R D E M A I L ISCRIVITI ENTRA a r t i s t a c o n t r i b u t o r ? forgotten project x LOGIN LOGIN L O G I N U S E R N A M E P A S S W O R D d i m e n t i c a t i ? R E G I S T R A T I N O M E C O G N O M E U S E R N A M E P A S S W O R D E M A I L ISCRIVITI ENTRA a r t i s t a c o n t r i b u t o r ? forgotten project LOGIN L O G I N U S E R N A M E P A S S W O R D d i m e n t i c a t i ? R E G I S T R A T I N O M E C O G N O M E U S E R N A M E P A S S W O R D E M A I L ISCRIVITI ENTRA a r t i s t a c o n t r i b u t o r ? forgotten project Cliccando invece sullicona del login si aprir il seguente pop-up, che permette di registrarsi se lutente alla prima esperienza o di loggarsi se lutente gi nella community. Nel primo caso lutente pu decidere di registrarsi come contributor, accanto al quale troviamo licona del punto interrogativo che spiega cosa vuol dire, o come artista, per catalogarli in modo differente. Nel secondo caso si ha la possibilit invece di recuperare username o password in caso di dimenticanza.
  11. 11. 20 21 UTENTE LOGGATO HI EFFY forgotten project PROFILO PREFERITI MURO CHI SEGUI LOG OUT 25 Questa lhome page che lutente visualizza una volta registrato o loggato nel sistema. Licona del fumetto ruota e compaiono in alto a destra le icone delle notifiche, dei messaggi privati e del men utente. Se si passa il mouse sulle freccette del men comparir una tendina con le sezioni del sito relative allutente.
  12. 12. 22 23 CERCA UTENTI CONTRIBUTORSforgotten project 25 EFFY Rome 15 followers 15 A - B - C - D - E - F - G - H - I - J - K - L - M - N - O - P - Q - R - S - T - U - V - W - X - Y - Z x Partendo dalla parte relativa agli utenti, questa la pagina relativa alla ricerca dei contributor registrati. In alto a sinistra c la possibilit di specificare la lettera dellalfabeto corrispondente alla ricerca che si vuole effettuare, mentre in alto a sinistra troviamo specificata la sezione del sito a cui ci riferiamo.Ogni utente avr come immagine di anteprima la foto del profilo personale. Se con il mouse si passa su una delle foto comparir il nome dellutente, la citt dello stesso, da quante persone seguito e la possibilit, attraverso il simbolo +, di seguirlo.
  13. 13. 24 25 PROFILO UTENTE PROFILOforgotten project BEATRICE CASTALDO 25 x Nel momento in cui il visitatore clicca su un utente, viene indirizzato al profilo dellultimo. La prima pagina d importanza assoluta alle opere/foto pubblicate, con la possibilit di scorrerle in orizzontale. Per andare al profilo vero e proprio baster cliccare sulla prima icona in basso a destra e la barra salir a tendina posizionandosi in alto alla pagina, facendo spazio al profilo. I simboli accanto permettono invece di vedere le opere in modalit presentazione.
  14. 14. 26 27 PROFILO UTENTE DA VISITATORE Roma 29 dicembre 1993 DESCRIZIONE PROPRIA, OGNI UTENTE CI SCRIVE QUELLO CHE VUOLE Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Aommodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conse- quat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum tur. BEATRICE CASTALDO 158 52 7 bacheche 52 follower 1350 following POSTA ALL POSTS - FOTO - VIDEO - BACHECHE - ALTRO ARTISTI SEGUITI - CONTRIBUTORS SEGUITI BEATRICE CASTALDO BEATRICE CASTALDO25x Il risultato della pagina precedente sar questo, il profilo vero e proprio del contributor: abbiamo una descrizione personale, la possibilit di seguire lutente, di vedere da chi seguito e quante volte stato visualizzato il suo profilo, di scorrere le sue bacheche dei preferiti, di postare sul suo profilo, di cercare tra le sue pubblicazioni per filtri, di vedere gli artisti e i contributor che segue e infine di vedere tutte le sue pubblicazioni.
  15. 15. 28 29 PROFILO UTENTE DA loggato Roma 29 dicembre 1993 DESCRIZIONE PROPRIA, OGNI UTENTE CI SCRIVE QUELLO CHE VUOLE Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Aommodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conse- quat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum tur. BEATRICE CASTALDO 158 52 7 bacheche 52 follower 1350 following PUBBLICA ALL POSTS - FOTO - VIDEO - BACHECHE - ALTRO ARTISTI SEGUITI - CONTRIBUTORS SEGUITI MURO BEATRICE CASTALDO PROFILO PREFERITI MURO CHI SEGUI25x Se il profilo il proprio la disposizione della pagina sar la stessa, ma saranno presenti licona della modica a destra delle visualizzazioni per entrare nelle impostazioni account e la sezione MURO, una caratteristica peculiare del sito. Questa sezione permette allutente di chiedere o donare uno spazio urbano da riutilizzare per una possibile opera di street art. Lo vedremo nello specifico pi avanti. In alto a destra ho riportato invece lesempio del men utente aperto, che d la possibilit di navigare allinterno delle sezioni utente: profilo, preferiti, MURO, chi segui e log out.
  16. 16. 30 31 PREFERITI UTENTE BANKSY London 3456 followers NAVIGA forgotten project PREFERITI Banksy (Bristol, 1974) un artista e writer inglese. uno dei maggiori esponenti della street art. Il vero nome dell'artista non noto. Si sa tuttavia con certezza che cresciuto a Bristol. Le sue opere sono spesso a sfondo satirico e riguardano argomenti come la politica, la cultura e l'etica. La tecnica che preferisce per i suoi lavori di guerrilla art da sempre lo stencil che, proprio con Banksy, arrivato a riscuotere un succes- so sempre maggiore presso street artist di tutto il mondo. I suoi stencil hanno cominciato ad apparire proprio a Bristol, poi a Londra, in particolare nelle zone a nordest e a seguire nelle maggiori capitali europee, notevolmente non solo sui muri delle strade, ma anche nei posti pi impensabili come le gabbie dello zoo di Barcellona. Awesome Justice Beautiful bizarre Telephone ARTISTI SIMILI BLU Rome 3456 followers MR BRAINWASH London 3456 followers MTO London 3456 followers ULTIMA OPERA 7 giorni fa PRINCIPALE Naviga Eventi salvati Eventi creati BACHECHE Scopri le novit della settimana Aggiunto ai preferiti Banksy MTO Mr brainwash Blu Paul Shepard fairey Invader JR ROA Retna Zevs Aggiungi bacheca 25 ALTRE OPERE DI BANKSY BEATRICE CASTALDO Rome 3456 followers x La prima sezione riferita allutente la pagina dei preferiti. A sinistra troviamo le bacheche salvate dallutente, gli eventi salvati e creati e la sezione Naviga, in cui il contributor pu visualizzare le ultime notizie riferite agli artisti e ai contributor da lui seguiti. A destra troviamo invece la sidebar, che in questo caso consiglia altre opere dellartista di cui si stanno leggendo le news e altri artisti ad esso simili.
  17. 17. 32 SEZIONE DONA UN MURO BEATRICE CASTALDO Rome 3456 followers DONA UN MURO! Vuoi offrire uno spazio ad unartista affinch possa realizzare la sua opera? Vuoi candidare la facciata dello stabile in cui abiti per trasformarlo in un capolavoro? Registra la via e la zona dello spazio che vuoi mettere a disposizione sulla mappa, aggiungi foto e informazioni in pi per aiutare lartista e pubblica lannuncio! forgotten project MURO MAPPA DEI MURI DONATI PRINCIPALE Naviga Attivit BACHECHE Mostra le bacheche create Banksy MTO Mr brainwash Blu Paul Shepard fairey Invader JR ROA Retna Zevs Vhils Aggiungi bacheca 25 ULTIMI ANNUNCI MURO Muri donati Muri richiesti MURO Muri donati Muri richiesti CHI SEGUI MURI DONATI DA TE VIA DELLO SCALO SAN LORENZO, 15 Rome 2 mesi fa VIA MAGNA GRECIA, 126 Rome 9 mesi fa VIA DI PORTONACCIO, 27 Roma 10 mesi fa VIALE UMBRIA 76 Milan 12 mesi fa PIAZZA EPIRO, 2 Rome 15 mesi fa VIA CASILINA, 209 Rome PUBBLICAAGGIUNGI VIA roMA, 15 Milan 1 settimana fa VIA TIBURTINA, 126 Rome 12 giorni fa VIA DI PORTONACCIO, 27 Roma 10 mesi fa VIALE UMBRIA 76 Milan 12 mesi fa PIAZZA EPIRO, 2 Rome 15 mesi fa x La seconda sezione riferita allutente MURO. Accennata precedentemente, questa sezione divisa in due sottosezioni: muri donati e muri richiesti. Nella sezione muri donati lutente/artista pu offrire spazi disponibili per accogliere progetti darte non ancora esistenti. A sinistra troviamo i muri gi segnalati dallutente loggato, mentre a destra presente la mappa di tutti i muri segnalati sul sito, con la possibilit di registrare il proprio annuncio, aggiungere foto e informazioni utili a chi lo valuter e di pubblicarlo. Nella sidebar vengono visualizzati gli annunci pubblicati pi recenti.
  18. 18. 34 35 SEZIONE RICHIEDI UN MURO BEATRICE CASTALDO Rome 3456 followers RICHIEDI UN MURO! Sei un artista? Hai un progetto e sei alla ricerca di un muro pronto ad ospitare la tua opera? Hai visto un muro che ti ispira e vorresti lopinione dei cittadini per trasformarlo? Aggiungi schizzi e informazioni utili della tua opera da realizzare, scegli se vuoi una zona preferita e pubblica lannuncio! forgotten project MURO MAPPA DEI MURI RICHIESTI PRINCIPALE Naviga Attivit BACHECHE Mostra le bacheche create Banksy MTO Mr brainwash Blu Paul Shepard fairey Invader JR ROA Retna Zevs Vhils Aggiungi bacheca 25 ULTIMI ANNUNCI MURO Muri donati Muri richiesti MURO Muri donati Muri richiesti CHI SEGUI MURI RICHIESTI DA TE PROGETTO 1 Via Scalo San Lorenzo 15, Rome 2 mesi fa PROGETTO 2 Via Magna Grecia 126, Rome 9 mesi fa PROGETTO 3 Rome 10 mesi fa PROGETTO 4 Viale Umbria 76, Milan 12 mesi fa PROGETTO 5 Rome 15 mesi fa PROGETTO 6 Rome PUBBLICAAGGIUNGI PROGETTO 1 Milan 1 settimana fa PROGETTO 2 Rome 12 giorni fa PROGETTO 3 Via Portonaccio, Roma 10 mesi fa PROGETTO 4 Milan 12 mesi fa PROGETTO 5 Rome 15 mesi fa x Nella sezione muri richiesti lartista pu richiedere uno spazio da trasformare per accogliere il suo progetto e in questo modo pu raccogliere opinioni dai cittadini al riguardo. A sinistra troviamo i muri gi richiesti dallutente loggato, mentre a destra presente la mappa di tutti i muri gi richiesti sul sito, con la possibilit di registrare il proprio annuncio, aggiungere schizzi e informazioni utili, scegliere la zona preferita in cui vorrebbe realizzare loperae di pubblicarlo. Nella sidebar vengono visualizzati gli annunci pubblicati pi recenti.
  19. 19. 36 37 followIng e followers BEATRICE CASTALDO Rome 3456 followers CHI SEGUI Segui tutte le novit e le attivit dei tuoi artisti preferiti! forgotten project CHI SEGUI PRINCIPALE Naviga Attivit BACHECHE Mostra le bacheche create Aggiunto ai preferiti Banksy MTO Mr brainwash Blu Paul Shepard fairey Invader Gianluca Silvestri ROA Gaetano Corvino Zevs Vhils Aggiungi bacheca 25 ARTISTI CHE POTREBBERO INTERESSARTI MURO Muri donati Muri richiesti MURO Muri donati Muri richiesti CHI SEGUI FOLLOWING BLU Rome 3456 followers MR BRAINWASH London 3456 followers MTO London 3456 followers BANKSY London 3456 followers SOLO London 3456 followers FOLLOWING FOLLOWING FOLLOWING FOLLOWING BLU Rome 3456 followers MR BRAINWASH London 3456 followers MTO London 3456 followers BANKSY London 3456 followers SOLO London 3456 followers MR BRAINWASH London 3456 followers MTO London 3456 followers GUARDA CHI TI SEGUE x La terza sezione dellutente la pagina degli artisti e dei contributor seguiti dallutente loggato, con la possibilit di non seguirli pi o di andare direttamente al profilo di questi. In alto a destra si pu invece andare alla pagina dei propri followers. Nella sidebar sono presenti i consigli del sistema sui possibili artisti e contributor che potrebbero interessare in base a quelli gi seguiti.
  20. 20. 38 39 CERCA ARTISTI ARTISTIforgotten project 25 MR BRAINWASH London 142 followers 142 A - B - C - D - E - F - G - H - I - J - K - L - M - N - O - P - Q - R - S - T - U - V - W - X - Y - Z x Torniamo alle sezioni principali. La prima in ordine di visualizzazione dellhome page da sinistra quella degli artisti. Come in quella dei contributors, c la possibilit di cercarli per lettera iniziale e di andare al profilo dellartista desiderato.
  21. 21. 40 41 PROFILO ARTISTA ARTISTIforgotten project MR BRAINWASH 25 x Da qui ci colleghiamo alla parte relativa agli artisti. Come per i contributor, la prima pagina a cui si viene indirizzati lanteprima di tutte le opere pubblicate con scorrimento orizzontale e la possibilit di vederle in presentazione. Nella barra in basso, cliccando sulla prima icona, si arriva al profilo dellartista.
  22. 22. 42 43 PROFILO ARTISTA DA VISITatore Roma 29 dicembre 1993 DESCRIZIONE PROPRIA, OGNI UTENTE CI SCRIVE QUELLO CHE VUOLE Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla paria- tur.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Aommodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipi- scing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum tur. MR BRAINWASH 158 52 7 bacheche 52 follower 1350 following ALL POSTS - FOTO - VIDEO - BACHECHE - ALTRO MR BRAINWASH MR BRAINWASH25 EVENTI CREATI DALLARTISTA - EVENTI A CUI PARTECIPERA - EVENTI A CUI HA PARTECIPATO x Il profilo dellartista strutturato come quello dei contributor, con lunica differenza che il visitatore pu informarsi sugli eventi a cui lartista parteciper, a cui ha gi partecipato o che ha salvato. Questo per permettere alle persone di sapere quali sono i luoghi frequentati dagli artisti ed entrare nel loro mondo. Inoltre, a differenza dei contributors, nel profilo dellartista un altro utente non pu postare contenuti sul suo profilo, questo per evitare spam o disturbi di ogni genere.
  23. 23. 44 45 PROFILO ARTISTA DA LOGGATO Roma 29 dicembre 1993 DESCRIZIONE PROPRIA, OGNI UTENTE CI SCRIVE QUELLO CHE VUOLE Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Aommodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conse- quat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum tur. MR BRAINWASH 158 52 7 bacheche 52 follower 1350 following PUBBLICA ALL POSTS - FOTO - VIDEO - BACHECHE - ALTRO ARTISTI SEGUITI - CONTRIBUTORS SEGUITI MR BRAINWASH 5 MURO PROFILO PREFERITI MURO CHI SEGUI25x Se il profilo il proprio, torna la barra della pubblicazione e la sezione MURO. Il resto strutturato come il profilo del contributor.
  24. 24. 46 47 CERCA OPERE OPEREforgotten project 25 BANANA FICTION Banksy, London 0 comments 178 CERCA PER ARTISTA - CERCA PER TAG x La seconda sezione principale del sito in ordine di visualizzazione quella delle opere. Simile a quella degli artisti, la struttura della pagina non in griglia quadrata ma libera, in modo da poter rispettare il formato della foto e non tagliare la visualizzazione intera dellimmagine. Inoltre, se il mouse posizionato sopra una delle opere, al lato della barra non sar presente il segno + per seguire ma il simbolo di una stellina per salvare lopera tra i proprio preferiti, e si potr visualizzare in quanti hanno commentato quellopera.
  25. 25. 48 49 PAGINA OPERA OPEREforgotten project BANKSY - BANANA FICTION 25 x Nella pagina dellopera specificata la prima visualizzazione quella dellopera a lunghezza intera. Dalla barra sottostante si pu andare direttamente al profilo dellartista che ha creato lopera, si pu salvare lopera specifica tra i preferiti e si pu andare alla descrizione precisa.
  26. 26. 50 51 descrIzIone OPERA BANKSY - BANANA FICTION 25 BANANA FICTION Banksy, London 12 settembre 2015 178 Vita, opere, citazioni ecc. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Descrizione, tecnica, tema, superficie. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa. ALTRE OPERE DI BANKSY Awesome Justice Beautiful bizarre Telephone OPERE SIMILI Il Mondo Blu, Rome 0 comments Beautiful Bizarre MTO, Paris 3 comments Rats Banksy, London 5 comments ISCRIVITI ALLA NOSTRA NEWSLETTER Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. SUBMITISCRIVITI x Se si clicca sulla prima icona si arriva quindi a questa pagina, quella della descrizione pi dettagliata dellopera. Questa potr essere curata o dallartista stesso che lha inserita o dallutente che lha segnalata. Nella parte bassa della pagina si ha la possibilit di condividere lopera sui vari social network, mentre nella sidebar si possono visualizzare i consigli del sistema su altre opere dellartista, su opere simili e si da allutente la possibilit di iscriversi alla newsletter del sito per ricevere news, inviti ad eventi o consigli (contenuto di default in ogni sidebar del sito). La pagina continua a scroll.
  27. 27. 52 53 descrIzIone OPERA BANKSY - BANANA FICTION 25 Descrizione, tecnica, tema, superficie. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui of- ficia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Blu, Rome 0 comments AWESOME STREET ART Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod... 178 Leggi di pi4679 Mr Klevra, Berlino 2 comments AWESOME STREET ART Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod... 178 Leggi di pi4679 Banksy, London 0 comments AWESOME STREET ART Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod... 178 Leggi di pi4679 NEWS ED EVENTI SU BANKSY Banksy, London 0 comments AWESOME STREET ART Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod... 178 Leggi di pi4679 TAGS art events gallery paint wall Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. london art events r a c c o l t a 2 r a c c o l t a 3 r a c c o l t a 1 SUBMITISCRIVITI x Se si scrolla la pagina, alla fine avremo le news e gli eventi riferiti allartista che ha realizzato lopera che abbiamo selezionato, con la possibilit di andare direttamente alla pagina della news/evento. Nella sidebar troviamo invece le tag a cui lopera stata assegnata da chi lha registrata. Questo per aiutare il reindirizzamento allopera nelle sidebar o nei filtri di ricerca.
  28. 28. 54 55 RICERCA PER TAG TAGSforgotten project 25 STICKERS 15 followers 15 ALL WORKS - TEMI - SUPERFICI - CITTA - ANONIMI - TEMPORANEI - CANCELLATI x Come sopra specificato, le tag sono utili per dare la possibilit allutente non solo di cercare tra artisti, opere o contributors per ordine alfabetico, ma anche di spaziare attraverso i vari temi trattati, le superfici utilizzate per le opere, le citt in cui le opere si trovano, le opere anonime, temporanee o non pi esistenti. La struttura della pagina ha lo stesso funzionamento delle pagine di ricerca per contributor e artisti.
  29. 29. 56 57 8. NEWS E INTERVISTE NEWS E INTERVISTEforgotten project 25 INTERVISTA A BLU Roma 19 ottobre 2015 3 commenti 142 MURALES CANCELLATO Roma 15 ottobre 2015 2 commenti 158 UNDERGROUND WALLS Roma 3 settembre 2015 11 commenti 265 APERTA NUOVA STAZIONE Roma 2 settembre 2015 9 commenti 301 x Altra sezione principale della home, quella delle news e delle interviste. E strutturata come quella di ricerca delle opere, ma la barra sottostante a ogni anteprima sempre presente e non compare solo se il mouse si sofferma sullimmagine. Da qui si pu vedere il titolo della notizia, la citt di riferimento, la data di pubblicazione e i comenti riferiti. Inoltre si pu vedere quanti hanno gi visualizzato quella notizia.
  30. 30. 58 59 8. PAGINA NOTIZIA NEWSforgotten project 25 Descrizione. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excep- teur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidi- dunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore MURALES CANCELLATO Roma 15 ottobre 2015 2 commenti 246 178 MURALES CANCELLATO Rome 0 comments 178 x Se si clicca su una notizia in particolare, questa la pagina a cui lutente verr indirizzato. Nella prima parte della schermata si avr al centro la notizia selezionata, ma con la possibilit di scorrere a destra o sinistra per poterne leggere di altre. Nella parte sottostante si avr invece la notizia vera e propria, con la possibilit di vedere quanti lhanno gi letta e di poterla segnare come piaciuta attraverso licona del cuore.
  31. 31. 60 61 EVENTI E CONCORSI EVENTI E CONCORSIforgotten project 25 MARK OUT - MACRO Rome 19 ottobre 2015 3 commenti 142 LE MIGLIORI 10 MOSTRE Rome 15 ottobre 2015 2 commenti 158 UNDERGROUND WALLS Rome 3 settembre 2015 11 commenti 265 CONCORSO PER METRO Rome 2 settembre 2015 9 commenti 301 ALL EVENTS - WORKSHOPS - MOSTRE ED EVENTI - CONCORSI x Altra sezione principale quella degli eventi e dei concorsi presenti. Strutturata come quella delle news, ma conla possibilit di filtrare la ricerca per cercare nello specifico solo workshops, solo mostre ed eventi o solo concorsi.
  32. 32. 62 63 PAGINA EVENTO NEWSforgotten project 25 MACRO Via Nizza 138, 00198 Roma MACRO Testaccio La Pelanda Centro di produzione culturale Piazza Orazio Giustiniani 4, 00153 Roma Tel. 060608 Email: [email protected] MARK OUT - MACRO Roma 15 ottobre 2015 2 commenti 246 178 Descrizione. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occae- cat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation daa x Se si clicca su un evento in particolare, questa la pagina a cui lutente verr indirizzato. Anche questa strutturata come la pagina della notizia singola, differenziata dalla parte destra della descrizione in cui vengono visualizzate le informazioni inerenti al luogo, ai contatti e altre precisazioni riguardo levento specificato.
  33. 33. 64 65 VIDEO CONCORSO PER METRO Rome 12 settembre 2015 178 Vita, opere, citazioni ecc. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. VIDEOforgotten project 25 158 NEWS E INTERVISTE SIMILI New York Graffiti American Street Art Solo Interview Banksy Interview VIDEO SIMILI Il Mondo Rome 0 comments Beautiful Bizarre Paris 3 comments Rats London 5 comments CERCA VAI! x Nei vari collegamenti del sito si incontrer sicuramente la pubblicazione di un video. Questa la pagina inerente a come questo video sar visualizzato. Nella sidebar saranno presenti consigli riguardo a notizie ad esso inerenti, a video simili e la possibilit di cercare per nome del video.
  34. 34. 66 67 MAPPE MAPPEforgotten project 25 CONTRIBUISCI ALLA MAPPA! SEGNALACI UNOPERA NON PRESENTE NELLA MAPPA QUI. 5 12 2 7 SORPRENDIMI! LADY AIKO Rome, Italy 178 x Sezione del sito particolarmente utile quella della mappa. La prima visualizzazione dellutente sar quella di una mappa generale senza marker presenti. Si avr quindi la possibilit di cercare per via, per artista, per opera o si potr semplicemente cliccare su uno dei cerchietti gialli, che segnalano in quella zona quante opere sono presenti. Una volta cliccato su unopera specifica, questa la pagina che verr visualizzata. A sinistra la posizione precisa e a destra lanteprima dellopera con il nome, la citt e la possibilit di salvarla tra i preferiti. Ovviamente questanteprima sar collegata alla pagina dellopera specifica per visualizzare ulteriori informazioni. Il meccanismo di ricerca sulla mappa prevede inoltre lopzione Sorprendimi!, che mostra al visitatore unopera darte selezionata a caso tra quelle presenti in tutto il mondo. Infine si da la possibilit allutente di segnalare opere non presenti nel sistema.
  35. 35. 68 69 tour TOURforgotten project I NOSTRI TOUR 25 x Ultima sezione presente quella riguardante i tour organizzati dal team di Forgotten Project. La prima pagina sar la visualizzazione di un video evocativo per sensibilizzare lutente e incuriosirlo. Come in altre sezioni precedenti, anche qui cliccando sulla prima icona si andr alla pagina informativa vera e propria.
  36. 36. 70 71 tour ISCRIVITI I NOSTRI TOUR 25 BENVENUTO SU FORGOTTEN PROJECT STREET ART TOUR! Ulrimo aggiornamento: 12 marzo 2016 Unisciti a noi per scoprire un lato della tua citt che ancora non conosci! I nostri tour di due ore, tenuti da esperti del settore, ti guideranno attraverso pi di 100 capolavori di street art e graffiti e ti parleranno degli artisti che li hanno creati. Scegli la citt,il giorno e lorario del tuo tour e prenota! Non hai trovato un giorno o un orario che ti fa comodo? I tour di Forgotten Project sono flessibili. Preferisci un tour privato per il tuo gruppo? Contattaci per email: [email protected]. GUARDA LA GALLERY DEI NOSTRI TOUR ISCRIVITI ALLA NOSTRA NEWSLETTER Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. R O M A VAI! MARZO 2016 29. 7. 14. 21. 11.00 am 28. 12.30 pm L U N - M A R - M E R - G I O - V E N - S A B - D O M 1. 8. 15. 22. 12.00 pm 29. 12.30 pm 2. 9. 16. 12.30 pm 23. 12.30 pm 30. 12.30 pm 3. 10. 17. 12.30 pm 24. 11.00 am 31. 12.30 pm 4. 11. 18. 12.30 pm 25. 11.00 am 1. 5. 12. - 19. 2.00 pm 26. - 2. 6. 13. 20. - 27. 2.00 pm 3. x Una volta cliccato sulla freccetta, questa la pagina che verr visualizzata. E presente una piccola spiegazione riguardo ai Forgotten Project Street Art Tours e a come funzionano. La prima cosa da scegliere sar la citt in cui si vuole effettuare il tour. A quel punto verr visualizzato il calendario dei tour preorganizzati e la mappa del percorso stabilito. Si da inoltre la possibilit di contattare direttamente il team del sito per poter ottenere tour privati. Nella sidebar si pu visualizzare la gallery riguardo a tour gi effettuati e anche qui la possibilit di iscriversi alla newsletter.
  37. 37. 72 73 news interviste mappe6. even e con 5. newe sww intervistennewe sw mappe even e cone cone con 5. mappe6. r i c e v i u n a c o p i a d i q u e s t o m e s s a g g i o C O N T A T T A C I N O M E C O G N O M E E M A I L O G G E T T O D E T T A G L I forgotten project contatti INVIA news interviste mappe6. even e con 5. newe sww intervistennewe sw mappe even e cone cone con 5. mappe6. r i c e v i u n a c o p i a d i q u e s t o m e s s a g g i o C O N T A T T A C I N O M E C O G N O M E E M A I L O G G E T T O D E T T A G L I forgotten project contatti INVIA news interviste mappe6. even e con 5. newe sww intervistennewe sw mappe even e cone cone con 5. mappe6. r i c e v i u n a c o p i a d i q u e s t o m e s s a g g i o C O N T A T T A C I N O M E C O G N O M E E M A I L O G G E T T O D E T T A G L I forgotten project contatti INVIA news interviste mappe6. even e con 5. newe sww intervistennewe sw mappe even e cone cone con 5. mappe6. r i c e v i u n a c o p i a d i q u e s t o m e s s a g g i o C O N T A T T A C I N O M E C O G N O M E E M A I L O G G E T T O D E T T A G L I forgotten project contatti INVIA contattI x Lultima sezione considerata quella dei contatti. Qui si ha la possibili di contattare, attraverso un form prestabilito, il team di Forgotten Project, inserendo i campi al lato specificati con una breve descrizione di cosa si vuole comunicare. Inoltre c la possibilit di ricevere unemail con la copia del messaggio inviato.
  38. 38. beatrIce castaldo FORGOTTEN PROJECT