[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-post-adidas-video-hacking-here-to-create-it":3},{"post":4,"parsedBody":17},{"slug":5,"locale":6,"otherLocales":7,"title":10,"description":11,"body":12,"cover_image":13,"cover_alt":14,"published_at":15,"updated_at":16},"adidas-video-hacking-here-to-create","it",[8],{"locale":9,"slug":5},"en","Adidas Video Hacking","Adidas Video Hacking - progetto installativo e web per Adidas®. Tesi del mio training progrem in Web Design presso IED Firenze.","## Il progetto di tesi\r\n\r\n**IED Firenze** è solita proporre ai suoi studenti di realizzare un progetto di tesi in collaborazione con aziende che si rivolgono all'istituto in cerca di idee per arricchire ed innovare la propria comunicazione o il design dei suoi servizi e spazi.\r\n\r\nPer il nostro training program **PTP in Web Design**, la proposta del 2018 è arrivata da **Adidas**.\r\n\r\n## Adidas: Here to Create\r\n\r\nIn un brief introduttivo (in videoconferenza da Norimberga), alcuni dei responsabili marketing di Adidas ci hanno riassunto le caratteristiche del **target** di riferimento, lo **storytelling** alla base delle attuali campagne, le **attività** intraprese finora, e gli **obiettivi** principali delle prossime iniziative di comunicazione.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-2.webp\"\r\n    description: \"Adidas Video Hacking - Esempio presentazione 1\"\r\n    width: 1920\r\n    height: 1082\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-3.webp\"\r\n    description: \"Adidas Video Hacking - Esempio presentazione 2\"\r\n    width: 1920\r\n    height: 1082\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-4.webp\"\r\n    description: \"Adidas Video Hacking - Esempio presentazione 3\"\r\n    width: 1920\r\n    height: 1082\r\n---\r\n::\r\n\r\nA noi studenti è stato affidato il compito di elaborare una proposta innovativa da poter integrare nella loro strategia.\r\n\r\n## Call the Creators\r\n\r\nLe campagne di comunicazione Adidas puntano ai *__Creators__*: giovani della cosiddetta ***Generation Z*** con voglia di esprimersi, partecipare, modificare, creare la propria unicità.\r\n\r\nIl loro primo obiettivo è quello di **coinvolgere**, proporre un'**esperienza** di intrattenimento o acquisto che accresca il senso di appartenenza alla **community Adidas**.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-moodboard-creators.webp\"\r\n    description: \"Adidas Video Hacking - Moodboard creators\"\r\n    width: 2048\r\n    height: 1448\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-moodboard-graffiti.webp\"\r\n    description: \"Adidas Video Hacking - Moodboard graffiti\"\r\n    width: 1024\r\n    height: 768\r\n---\r\n::\r\n\r\nSono inoltre alla ricerca di proposte volte a **ridurre il gap tra l'esperienza nel negozio fisico e la comunicazione online**, anche in contrapposizione al predominio dell'acquisto anonimo e totalizzante di Amazon.\r\n\r\nInsieme ai compagni del mio gruppo di lavoro ([Lorenzo Cini](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Florenzo-cini-668545309), [Davide De Bartolomeo](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fdavide-de-bartolomeo-b3a684139) e [Michele Martelli](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmichelemartelli)), dopo una fase di analisi, brainstorming e documentazione, abbiamo deciso di optare per un progetto insolito…\r\n\r\n## Adidas Video Hacking\r\n\r\nAbbiamo trovato la nostra principale ispirazione in un progetto web: [The Johnny Cash Project](https:\u002F\u002Fwww.radicalmedia.com\u002Fwork\u002Fthe-johnny-cash-project\u002F).\r\nIn questo portale online (ora sostituito da un case study, essendosi conclusa l'iniziativa) i visitatori potevano **personalizzare singoli fotogrammi** tratti dal video di *Ain't No Grave* di Johnny Cash, ridisegnandoli e dando vita ad un'**opera collettiva in perenne movimento**.\r\n\r\n::embedded-video\r\n---\r\nsrc: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fjohnny-cash-project.mp4\"\r\nposter: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fjohnny-cash-project-cover.webp\"\r\ncaption: \"Estratto da “The Johnny Cash Project”, tutti i diritti appartengono ai gestori del progetto.\"\r\n---\r\n::\r\n\r\nQuesto concetto di fornire uno strumento e permettere al pubblico di esprimersi modificando un media preesistente ci è parso in linea con il concetto di **hacking** e **creation** portato avanti da Adidas.\r\n\r\nVolevamo far sì che Adidas, che aveva già sperimentato con la personalizzazione dei propri prodotti, proponesse un'esperienza di **hacking di un video di comunicazione** del brand, integrata con i social network.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-5.webp\"\r\n    description: \"Adidas Video Hacking - Esempio presentazione 4\"\r\n    width: 1920\r\n    height: 1082\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-6.webp\"\r\n    description: \"Adidas Video Hacking - Esempio presentazione 5\"\r\n    width: 1920\r\n    height: 1082\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-7.webp\"\r\n    description: \"Adidas Video Hacking - Esempio presentazione 6\"\r\n    width: 1920\r\n    height: 1082\r\n---\r\n::\r\n\r\nL'idea di Adidas Video Hacking è quella di creare un **portale web** dove personalizzare i singoli fotogrammi di un video promozionale, dando vita all'opera collettiva.\r\n\r\nMa questo non ci bastava… volevamo che la nostra esperienza fosse fruibile **in-store**, con modalità ancora più coinvolgenti, per questo abbiamo deciso di affiancare al portale un'**interfaccia fisica**.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-user-flow.webp\"\r\n    description: \"Adidas Video Hacking - User flow\"\r\n    width: 1920\r\n    height: 1081\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-schema-software.webp\"\r\n    description: \"Adidas Video Hacking - Schema software\"\r\n    width: 1753\r\n    height: 1240\r\n---\r\n::\r\n\r\n## Graffiti artists are the hackers of urban space\r\n\r\nNello store, un'installazione composta da un **pannello** e una finta **bomboletta spray** (in realtà un puntatore a infrarossi) permetteranno ai presenti di personalizzare i fotogrammi del video come se si trattasse di una parete su cui disegnare **graffiti**.\r\n\r\nIl portale sarà simile in tutto a quello accessibile online, ma con un'interfaccia dedicata, per calare l'utente nel **mood** dello **hacking urbano**, insieme ad Adidas!\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-9.webp\"\r\n    description: \"Adidas Video Hacking - Esempio presentazione 7\"\r\n    width: 1920\r\n    height: 1082\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-11.webp\"\r\n    description: \"Adidas Video Hacking - Esempio presentazione 8\"\r\n    width: 1920\r\n    height: 1082\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-12.webp\"\r\n    description: \"Adidas Video Hacking - Esempio presentazione 9\"\r\n    width: 1920\r\n    height: 1082\r\n---\r\n::\r\n\r\n## Dal pitch al prototipo\r\n\r\nIn occasione del pitch del progetto, i responsabili marketing e ricerca e sviluppo di Adidas si sono dimostrati molto interessati alla nostra idea! Ci hanno richiesto di realizzare un prototipo rappresentativo dell'esperienza utente e di mettere in evidenza eventuali problematiche, proponendo soluzioni.\r\n\r\nIl primo step era la **realizzazione del software** per creare fotogrammi personalizzati e generare il video a partire da essi.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-3.webp\"\r\n    description: \"Adidas Video Hacking - Work in progress 1\"\r\n    width: 2048\r\n    height: 1152\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-6.webp\"\r\n    description: \"Adidas Video Hacking - Work in progress 2\"\r\n    width: 1850\r\n    height: 1084\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-1.webp\"\r\n    description: \"Adidas Video Hacking - Work in progress 3\"\r\n    width: 1152\r\n    height: 2048\r\n---\r\n::\r\n\r\nAbbiamo disegnato e poi implementato un'**interfaccia semplice e diretta**, che permettesse all'utente di cimentarsi subito nella creazione. Alcune delle scelte progettuali sono scaturite dalla necessità di rendere il processo intuitivo, altre per aggirare limitazioni tecnologiche e ottimizzare le performance.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-invision-0.webp\"\r\n    description: \"Adidas Video Hacking - Screen 1\"\r\n    width: 736\r\n    height: 414\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-invision-1.webp\"\r\n    description: \"Adidas Video Hacking - Screen 2\"\r\n    width: 736\r\n    height: 414\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-invision-2.webp\"\r\n    description: \"Adidas Video Hacking - Screen 3\"\r\n    width: 736\r\n    height: 414\r\n---\r\n::\r\n\r\nSoddisfatti del risultato, siamo passati allo step successivo: la realizzazione del **sistema di puntamento \"a bomboletta\"**.\r\n\r\nDopo aver sperimentato con telecomandi, laser, webcam e proiettori di vario tipo, ci siamo assestati sui componenti necessari e ci siamo procurati tutto l'occorrente.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-7.webp\"\r\n    description: \"Adidas Video Hacking - Costruzione bomboletta\"\r\n    width: 1152\r\n    height: 2048\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-cover.webp\"\r\n    description: \"Adidas Video Hacking - Sketch\"\r\n    width: 1920\r\n    height: 1282\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-4.webp\"\r\n    description: \"Adidas Video Hacking - Costruzione schermo\"\r\n    width: 2048\r\n    height: 1536\r\n---\r\n::\r\n\r\nSpinti dalla volontà di dimostrare la nostra idea (e dalla preoccupazione che qualcosa andasse storto), **con una buona dose di fai-da-te**, abbiamo costruito un'installazione che non era bella a vedersi, ma funzionava a meraviglia!\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-9.webp\"\r\n    description: \"Adidas Video Hacking - Assemblaggio schermo 1\"\r\n    width: 2048\r\n    height: 1152\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-2.webp\"\r\n    description: \"Adidas Video Hacking - Assemblaggio schermo 2\"\r\n    width: 1152\r\n    height: 2048\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-5.webp\"\r\n    description: \"Adidas Video Hacking - Test schermo\"\r\n    width: 1920\r\n    height: 1080\r\n---\r\n::\r\n\r\nDopo le ultime sistemazioni, tarature e test del caso, eravamo pronti al gran finale!\r\n\r\n## Presentazione del progetto\r\n\r\nAbbiamo esposto il progetto ai responsabili marketing e ricerca e sviluppo di Adidas, avendo cura di ripercorrere la fase di analisi iniziale e di presentare lo studio e il lavoro che hanno dato forma al prototipo.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-presentazione-1.webp\"\r\n    description: \"Adidas Video Hacking - Presentazione 1\"\r\n    width: 1920\r\n    height: 1280\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-presentazione-2.webp\"\r\n    description: \"Adidas Video Hacking - Presentazione 2\"\r\n    width: 1920\r\n    height: 1280\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-presentazione-3.webp\"\r\n    description: \"Adidas Video Hacking - Presentazione 3\"\r\n    width: 1920\r\n    height: 1280\r\n---\r\n::\r\n\r\nEcco il **video di esempio** che abbiamo portato: tratto da materiale promozionale Adidas e modificato tramite l'app da me e gli altri membri del gruppo.\r\n\r\n::embedded-video\r\n---\r\nsrc: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-video.mp4\"\r\nposter: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-video-cover.webp\"\r\ncaption: \"Nota: tutti i diritti del video originale appartengono ad Adidas.\"\r\n---\r\n::\r\n\r\nIl momento di massima soddisfazione (e apprensione) è stato quando, come da programma, abbiamo proposto ai nostri interlocutori di **provare in prima persona l'installazione**.\r\n\r\n**È stato un successo!** Abbiamo saputo comunicare chiaramente tutti gli aspetti, proporre ulteriori sviluppi e abbiamo ricevuto i complimenti per essere riusciti a fornire un prototipo completo rendendo giustizia al nostro intento iniziale.\r\n\r\n::gallery\r\n---\r\nitems: \r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-class-1.webp\"\r\n    description: \"Adidas Video Hacking - Classe 1\"\r\n    width: 1600\r\n    height: 1200\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-class-2.webp\"\r\n    description: \"Adidas Video Hacking - Classe 2\"\r\n    width: 1600\r\n    height: 1200\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fdiploma-2.webp\"\r\n    description: \"IED Firenze - Consegna del diploma\"\r\n    width: 1024\r\n    height: 683\r\n---\r\n::\r\n\r\n---\r\n\r\n::link-button\r\n---\r\nhref: \"https:\u002F\u002Fgithub.com\u002Fnmanvilli\u002Fadidas-video-hacking-fe\"\r\nexternal: true\r\n---\r\nRepository GitHub web app front-end\r\n::\r\n\r\n::link-button\r\n---\r\nhref: \"https:\u002F\u002Fgithub.com\u002Fnmanvilli\u002Fadidas-video-hacking-be\"\r\nexternal: true\r\n---\r\nRepository GitHub web app back-end\r\n::\r\n\r\n::link-button\r\n---\r\nhref: \"https:\u002F\u002Fgithub.com\u002Fnmanvilli\u002Fadidas-video-hacking-of\"\r\nexternal: true\r\n---\r\nRepository GitHub applicazione spray-can\r\n::","https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-cover.webp","Adidas Video Hacking - Sketch","2018-06-20T02:24:00+00:00","2026-10-26T11:00:50+00:00",{"data":18,"body":19},{},{"type":20,"children":21},"root",[22,31,43,62,68,101,106,111,117,143,168,172,184,218,223,257,264,282,294,298,310,328,332,338,363,382,386,392,397,409,413,425,429,440,445,449,461,465,470,476,481,485,497,503,514,524,528,532,543,552],{"type":23,"tag":24,"props":25,"children":27},"element","h2",{"id":26},"il-progetto-di-tesi",[28],{"type":29,"value":30},"text","Il progetto di tesi",{"type":23,"tag":32,"props":33,"children":34},"p",{},[35,41],{"type":23,"tag":36,"props":37,"children":38},"strong",{},[39],{"type":29,"value":40},"IED Firenze",{"type":29,"value":42}," è solita proporre ai suoi studenti di realizzare un progetto di tesi in collaborazione con aziende che si rivolgono all'istituto in cerca di idee per arricchire ed innovare la propria comunicazione o il design dei suoi servizi e spazi.",{"type":23,"tag":32,"props":44,"children":45},{},[46,48,53,55,60],{"type":29,"value":47},"Per il nostro training program ",{"type":23,"tag":36,"props":49,"children":50},{},[51],{"type":29,"value":52},"PTP in Web Design",{"type":29,"value":54},", la proposta del 2018 è arrivata da ",{"type":23,"tag":36,"props":56,"children":57},{},[58],{"type":29,"value":59},"Adidas",{"type":29,"value":61},".",{"type":23,"tag":24,"props":63,"children":65},{"id":64},"adidas-here-to-create",[66],{"type":29,"value":67},"Adidas: Here to Create",{"type":23,"tag":32,"props":69,"children":70},{},[71,73,78,80,85,87,92,94,99],{"type":29,"value":72},"In un brief introduttivo (in videoconferenza da Norimberga), alcuni dei responsabili marketing di Adidas ci hanno riassunto le caratteristiche del ",{"type":23,"tag":36,"props":74,"children":75},{},[76],{"type":29,"value":77},"target",{"type":29,"value":79}," di riferimento, lo ",{"type":23,"tag":36,"props":81,"children":82},{},[83],{"type":29,"value":84},"storytelling",{"type":29,"value":86}," alla base delle attuali campagne, le ",{"type":23,"tag":36,"props":88,"children":89},{},[90],{"type":29,"value":91},"attività",{"type":29,"value":93}," intraprese finora, e gli ",{"type":23,"tag":36,"props":95,"children":96},{},[97],{"type":29,"value":98},"obiettivi",{"type":29,"value":100}," principali delle prossime iniziative di comunicazione.",{"type":23,"tag":102,"props":103,"children":105},"gallery",{":items":104},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-2.webp\",\"description\":\"Adidas Video Hacking - Esempio presentazione 1\",\"width\":1920,\"height\":1082},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-3.webp\",\"description\":\"Adidas Video Hacking - Esempio presentazione 2\",\"width\":1920,\"height\":1082},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-4.webp\",\"description\":\"Adidas Video Hacking - Esempio presentazione 3\",\"width\":1920,\"height\":1082}]",[],{"type":23,"tag":32,"props":107,"children":108},{},[109],{"type":29,"value":110},"A noi studenti è stato affidato il compito di elaborare una proposta innovativa da poter integrare nella loro strategia.",{"type":23,"tag":24,"props":112,"children":114},{"id":113},"call-the-creators",[115],{"type":29,"value":116},"Call the Creators",{"type":23,"tag":32,"props":118,"children":119},{},[120,122,131,133,141],{"type":29,"value":121},"Le campagne di comunicazione Adidas puntano ai ",{"type":23,"tag":123,"props":124,"children":125},"em",{},[126],{"type":23,"tag":36,"props":127,"children":128},{},[129],{"type":29,"value":130},"Creators",{"type":29,"value":132},": giovani della cosiddetta ",{"type":23,"tag":123,"props":134,"children":135},{},[136],{"type":23,"tag":36,"props":137,"children":138},{},[139],{"type":29,"value":140},"Generation Z",{"type":29,"value":142}," con voglia di esprimersi, partecipare, modificare, creare la propria unicità.",{"type":23,"tag":32,"props":144,"children":145},{},[146,148,153,155,160,162,167],{"type":29,"value":147},"Il loro primo obiettivo è quello di ",{"type":23,"tag":36,"props":149,"children":150},{},[151],{"type":29,"value":152},"coinvolgere",{"type":29,"value":154},", proporre un'",{"type":23,"tag":36,"props":156,"children":157},{},[158],{"type":29,"value":159},"esperienza",{"type":29,"value":161}," di intrattenimento o acquisto che accresca il senso di appartenenza alla ",{"type":23,"tag":36,"props":163,"children":164},{},[165],{"type":29,"value":166},"community Adidas",{"type":29,"value":61},{"type":23,"tag":102,"props":169,"children":171},{":items":170},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-moodboard-creators.webp\",\"description\":\"Adidas Video Hacking - Moodboard creators\",\"width\":2048,\"height\":1448},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-moodboard-graffiti.webp\",\"description\":\"Adidas Video Hacking - Moodboard graffiti\",\"width\":1024,\"height\":768}]",[],{"type":23,"tag":32,"props":173,"children":174},{},[175,177,182],{"type":29,"value":176},"Sono inoltre alla ricerca di proposte volte a ",{"type":23,"tag":36,"props":178,"children":179},{},[180],{"type":29,"value":181},"ridurre il gap tra l'esperienza nel negozio fisico e la comunicazione online",{"type":29,"value":183},", anche in contrapposizione al predominio dell'acquisto anonimo e totalizzante di Amazon.",{"type":23,"tag":32,"props":185,"children":186},{},[187,189,198,200,207,209,216],{"type":29,"value":188},"Insieme ai compagni del mio gruppo di lavoro (",{"type":23,"tag":190,"props":191,"children":195},"a",{"href":192,"rel":193},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Florenzo-cini-668545309",[194],"nofollow",[196],{"type":29,"value":197},"Lorenzo Cini",{"type":29,"value":199},", ",{"type":23,"tag":190,"props":201,"children":204},{"href":202,"rel":203},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fdavide-de-bartolomeo-b3a684139",[194],[205],{"type":29,"value":206},"Davide De Bartolomeo",{"type":29,"value":208}," e ",{"type":23,"tag":190,"props":210,"children":213},{"href":211,"rel":212},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmichelemartelli",[194],[214],{"type":29,"value":215},"Michele Martelli",{"type":29,"value":217},"), dopo una fase di analisi, brainstorming e documentazione, abbiamo deciso di optare per un progetto insolito…",{"type":23,"tag":24,"props":219,"children":221},{"id":220},"adidas-video-hacking",[222],{"type":29,"value":10},{"type":23,"tag":32,"props":224,"children":225},{},[226,228,235,237,242,244,249,251,256],{"type":29,"value":227},"Abbiamo trovato la nostra principale ispirazione in un progetto web: ",{"type":23,"tag":190,"props":229,"children":232},{"href":230,"rel":231},"https:\u002F\u002Fwww.radicalmedia.com\u002Fwork\u002Fthe-johnny-cash-project\u002F",[194],[233],{"type":29,"value":234},"The Johnny Cash Project",{"type":29,"value":236},".\nIn questo portale online (ora sostituito da un case study, essendosi conclusa l'iniziativa) i visitatori potevano ",{"type":23,"tag":36,"props":238,"children":239},{},[240],{"type":29,"value":241},"personalizzare singoli fotogrammi",{"type":29,"value":243}," tratti dal video di ",{"type":23,"tag":123,"props":245,"children":246},{},[247],{"type":29,"value":248},"Ain't No Grave",{"type":29,"value":250}," di Johnny Cash, ridisegnandoli e dando vita ad un'",{"type":23,"tag":36,"props":252,"children":253},{},[254],{"type":29,"value":255},"opera collettiva in perenne movimento",{"type":29,"value":61},{"type":23,"tag":258,"props":259,"children":263},"embedded-video",{"caption":260,"poster":261,"src":262},"Estratto da “The Johnny Cash Project”, tutti i diritti appartengono ai gestori del progetto.","https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fjohnny-cash-project-cover.webp","https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fjohnny-cash-project.mp4",[],{"type":23,"tag":32,"props":265,"children":266},{},[267,269,274,275,280],{"type":29,"value":268},"Questo concetto di fornire uno strumento e permettere al pubblico di esprimersi modificando un media preesistente ci è parso in linea con il concetto di ",{"type":23,"tag":36,"props":270,"children":271},{},[272],{"type":29,"value":273},"hacking",{"type":29,"value":208},{"type":23,"tag":36,"props":276,"children":277},{},[278],{"type":29,"value":279},"creation",{"type":29,"value":281}," portato avanti da Adidas.",{"type":23,"tag":32,"props":283,"children":284},{},[285,287,292],{"type":29,"value":286},"Volevamo far sì che Adidas, che aveva già sperimentato con la personalizzazione dei propri prodotti, proponesse un'esperienza di ",{"type":23,"tag":36,"props":288,"children":289},{},[290],{"type":29,"value":291},"hacking di un video di comunicazione",{"type":29,"value":293}," del brand, integrata con i social network.",{"type":23,"tag":102,"props":295,"children":297},{":items":296},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-5.webp\",\"description\":\"Adidas Video Hacking - Esempio presentazione 4\",\"width\":1920,\"height\":1082},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-6.webp\",\"description\":\"Adidas Video Hacking - Esempio presentazione 5\",\"width\":1920,\"height\":1082},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-7.webp\",\"description\":\"Adidas Video Hacking - Esempio presentazione 6\",\"width\":1920,\"height\":1082}]",[],{"type":23,"tag":32,"props":299,"children":300},{},[301,303,308],{"type":29,"value":302},"L'idea di Adidas Video Hacking è quella di creare un ",{"type":23,"tag":36,"props":304,"children":305},{},[306],{"type":29,"value":307},"portale web",{"type":29,"value":309}," dove personalizzare i singoli fotogrammi di un video promozionale, dando vita all'opera collettiva.",{"type":23,"tag":32,"props":311,"children":312},{},[313,315,320,322,327],{"type":29,"value":314},"Ma questo non ci bastava… volevamo che la nostra esperienza fosse fruibile ",{"type":23,"tag":36,"props":316,"children":317},{},[318],{"type":29,"value":319},"in-store",{"type":29,"value":321},", con modalità ancora più coinvolgenti, per questo abbiamo deciso di affiancare al portale un'",{"type":23,"tag":36,"props":323,"children":324},{},[325],{"type":29,"value":326},"interfaccia fisica",{"type":29,"value":61},{"type":23,"tag":102,"props":329,"children":331},{":items":330},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-user-flow.webp\",\"description\":\"Adidas Video Hacking - User flow\",\"width\":1920,\"height\":1081},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-schema-software.webp\",\"description\":\"Adidas Video Hacking - Schema software\",\"width\":1753,\"height\":1240}]",[],{"type":23,"tag":24,"props":333,"children":335},{"id":334},"graffiti-artists-are-the-hackers-of-urban-space",[336],{"type":29,"value":337},"Graffiti artists are the hackers of urban space",{"type":23,"tag":32,"props":339,"children":340},{},[341,343,348,350,355,357,362],{"type":29,"value":342},"Nello store, un'installazione composta da un ",{"type":23,"tag":36,"props":344,"children":345},{},[346],{"type":29,"value":347},"pannello",{"type":29,"value":349}," e una finta ",{"type":23,"tag":36,"props":351,"children":352},{},[353],{"type":29,"value":354},"bomboletta spray",{"type":29,"value":356}," (in realtà un puntatore a infrarossi) permetteranno ai presenti di personalizzare i fotogrammi del video come se si trattasse di una parete su cui disegnare ",{"type":23,"tag":36,"props":358,"children":359},{},[360],{"type":29,"value":361},"graffiti",{"type":29,"value":61},{"type":23,"tag":32,"props":364,"children":365},{},[366,368,373,375,380],{"type":29,"value":367},"Il portale sarà simile in tutto a quello accessibile online, ma con un'interfaccia dedicata, per calare l'utente nel ",{"type":23,"tag":36,"props":369,"children":370},{},[371],{"type":29,"value":372},"mood",{"type":29,"value":374}," dello ",{"type":23,"tag":36,"props":376,"children":377},{},[378],{"type":29,"value":379},"hacking urbano",{"type":29,"value":381},", insieme ad Adidas!",{"type":23,"tag":102,"props":383,"children":385},{":items":384},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-9.webp\",\"description\":\"Adidas Video Hacking - Esempio presentazione 7\",\"width\":1920,\"height\":1082},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-11.webp\",\"description\":\"Adidas Video Hacking - Esempio presentazione 8\",\"width\":1920,\"height\":1082},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-12.webp\",\"description\":\"Adidas Video Hacking - Esempio presentazione 9\",\"width\":1920,\"height\":1082}]",[],{"type":23,"tag":24,"props":387,"children":389},{"id":388},"dal-pitch-al-prototipo",[390],{"type":29,"value":391},"Dal pitch al prototipo",{"type":23,"tag":32,"props":393,"children":394},{},[395],{"type":29,"value":396},"In occasione del pitch del progetto, i responsabili marketing e ricerca e sviluppo di Adidas si sono dimostrati molto interessati alla nostra idea! Ci hanno richiesto di realizzare un prototipo rappresentativo dell'esperienza utente e di mettere in evidenza eventuali problematiche, proponendo soluzioni.",{"type":23,"tag":32,"props":398,"children":399},{},[400,402,407],{"type":29,"value":401},"Il primo step era la ",{"type":23,"tag":36,"props":403,"children":404},{},[405],{"type":29,"value":406},"realizzazione del software",{"type":29,"value":408}," per creare fotogrammi personalizzati e generare il video a partire da essi.",{"type":23,"tag":102,"props":410,"children":412},{":items":411},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-3.webp\",\"description\":\"Adidas Video Hacking - Work in progress 1\",\"width\":2048,\"height\":1152},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-6.webp\",\"description\":\"Adidas Video Hacking - Work in progress 2\",\"width\":1850,\"height\":1084},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-1.webp\",\"description\":\"Adidas Video Hacking - Work in progress 3\",\"width\":1152,\"height\":2048}]",[],{"type":23,"tag":32,"props":414,"children":415},{},[416,418,423],{"type":29,"value":417},"Abbiamo disegnato e poi implementato un'",{"type":23,"tag":36,"props":419,"children":420},{},[421],{"type":29,"value":422},"interfaccia semplice e diretta",{"type":29,"value":424},", che permettesse all'utente di cimentarsi subito nella creazione. Alcune delle scelte progettuali sono scaturite dalla necessità di rendere il processo intuitivo, altre per aggirare limitazioni tecnologiche e ottimizzare le performance.",{"type":23,"tag":102,"props":426,"children":428},{":items":427},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-invision-0.webp\",\"description\":\"Adidas Video Hacking - Screen 1\",\"width\":736,\"height\":414},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-invision-1.webp\",\"description\":\"Adidas Video Hacking - Screen 2\",\"width\":736,\"height\":414},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-invision-2.webp\",\"description\":\"Adidas Video Hacking - Screen 3\",\"width\":736,\"height\":414}]",[],{"type":23,"tag":32,"props":430,"children":431},{},[432,434,439],{"type":29,"value":433},"Soddisfatti del risultato, siamo passati allo step successivo: la realizzazione del ",{"type":23,"tag":36,"props":435,"children":436},{},[437],{"type":29,"value":438},"sistema di puntamento \"a bomboletta\"",{"type":29,"value":61},{"type":23,"tag":32,"props":441,"children":442},{},[443],{"type":29,"value":444},"Dopo aver sperimentato con telecomandi, laser, webcam e proiettori di vario tipo, ci siamo assestati sui componenti necessari e ci siamo procurati tutto l'occorrente.",{"type":23,"tag":102,"props":446,"children":448},{":items":447},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-7.webp\",\"description\":\"Adidas Video Hacking - Costruzione bomboletta\",\"width\":1152,\"height\":2048},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-cover.webp\",\"description\":\"Adidas Video Hacking - Sketch\",\"width\":1920,\"height\":1282},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-4.webp\",\"description\":\"Adidas Video Hacking - Costruzione schermo\",\"width\":2048,\"height\":1536}]",[],{"type":23,"tag":32,"props":450,"children":451},{},[452,454,459],{"type":29,"value":453},"Spinti dalla volontà di dimostrare la nostra idea (e dalla preoccupazione che qualcosa andasse storto), ",{"type":23,"tag":36,"props":455,"children":456},{},[457],{"type":29,"value":458},"con una buona dose di fai-da-te",{"type":29,"value":460},", abbiamo costruito un'installazione che non era bella a vedersi, ma funzionava a meraviglia!",{"type":23,"tag":102,"props":462,"children":464},{":items":463},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-9.webp\",\"description\":\"Adidas Video Hacking - Assemblaggio schermo 1\",\"width\":2048,\"height\":1152},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-2.webp\",\"description\":\"Adidas Video Hacking - Assemblaggio schermo 2\",\"width\":1152,\"height\":2048},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-build-5.webp\",\"description\":\"Adidas Video Hacking - Test schermo\",\"width\":1920,\"height\":1080}]",[],{"type":23,"tag":32,"props":466,"children":467},{},[468],{"type":29,"value":469},"Dopo le ultime sistemazioni, tarature e test del caso, eravamo pronti al gran finale!",{"type":23,"tag":24,"props":471,"children":473},{"id":472},"presentazione-del-progetto",[474],{"type":29,"value":475},"Presentazione del progetto",{"type":23,"tag":32,"props":477,"children":478},{},[479],{"type":29,"value":480},"Abbiamo esposto il progetto ai responsabili marketing e ricerca e sviluppo di Adidas, avendo cura di ripercorrere la fase di analisi iniziale e di presentare lo studio e il lavoro che hanno dato forma al prototipo.",{"type":23,"tag":102,"props":482,"children":484},{":items":483},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-presentazione-1.webp\",\"description\":\"Adidas Video Hacking - Presentazione 1\",\"width\":1920,\"height\":1280},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-presentazione-2.webp\",\"description\":\"Adidas Video Hacking - Presentazione 2\",\"width\":1920,\"height\":1280},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-presentazione-3.webp\",\"description\":\"Adidas Video Hacking - Presentazione 3\",\"width\":1920,\"height\":1280}]",[],{"type":23,"tag":32,"props":486,"children":487},{},[488,490,495],{"type":29,"value":489},"Ecco il ",{"type":23,"tag":36,"props":491,"children":492},{},[493],{"type":29,"value":494},"video di esempio",{"type":29,"value":496}," che abbiamo portato: tratto da materiale promozionale Adidas e modificato tramite l'app da me e gli altri membri del gruppo.",{"type":23,"tag":258,"props":498,"children":502},{"caption":499,"poster":500,"src":501},"Nota: tutti i diritti del video originale appartengono ad Adidas.","https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-video-cover.webp","https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-video.mp4",[],{"type":23,"tag":32,"props":504,"children":505},{},[506,508,513],{"type":29,"value":507},"Il momento di massima soddisfazione (e apprensione) è stato quando, come da programma, abbiamo proposto ai nostri interlocutori di ",{"type":23,"tag":36,"props":509,"children":510},{},[511],{"type":29,"value":512},"provare in prima persona l'installazione",{"type":29,"value":61},{"type":23,"tag":32,"props":515,"children":516},{},[517,522],{"type":23,"tag":36,"props":518,"children":519},{},[520],{"type":29,"value":521},"È stato un successo!",{"type":29,"value":523}," Abbiamo saputo comunicare chiaramente tutti gli aspetti, proporre ulteriori sviluppi e abbiamo ricevuto i complimenti per essere riusciti a fornire un prototipo completo rendendo giustizia al nostro intento iniziale.",{"type":23,"tag":102,"props":525,"children":527},{":items":526},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-class-1.webp\",\"description\":\"Adidas Video Hacking - Classe 1\",\"width\":1600,\"height\":1200},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-class-2.webp\",\"description\":\"Adidas Video Hacking - Classe 2\",\"width\":1600,\"height\":1200},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fdiploma-2.webp\",\"description\":\"IED Firenze - Consegna del diploma\",\"width\":1024,\"height\":683}]",[],{"type":23,"tag":529,"props":530,"children":531},"hr",{},[],{"type":23,"tag":533,"props":534,"children":537},"link-button",{":external":535,"href":536},"true","https:\u002F\u002Fgithub.com\u002Fnmanvilli\u002Fadidas-video-hacking-fe",[538],{"type":23,"tag":32,"props":539,"children":540},{},[541],{"type":29,"value":542},"Repository GitHub web app front-end",{"type":23,"tag":533,"props":544,"children":546},{":external":535,"href":545},"https:\u002F\u002Fgithub.com\u002Fnmanvilli\u002Fadidas-video-hacking-be",[547],{"type":23,"tag":32,"props":548,"children":549},{},[550],{"type":29,"value":551},"Repository GitHub web app back-end",{"type":23,"tag":533,"props":553,"children":555},{":external":535,"href":554},"https:\u002F\u002Fgithub.com\u002Fnmanvilli\u002Fadidas-video-hacking-of",[556],{"type":23,"tag":32,"props":557,"children":558},{},[559],{"type":29,"value":560},"Repository GitHub applicazione spray-can"]