{"id":59924,"date":"2025-11-24T06:49:16","date_gmt":"2025-11-24T06:49:16","guid":{"rendered":"https:\/\/codewebbarcelona.com\/diseno-web-destacado-la-semana-flashlights-historia-interactiva-activismo-digital-tubik-studio\/"},"modified":"2026-06-10T19:09:02","modified_gmt":"2026-06-10T19:09:02","slug":"design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/","title":{"rendered":"Web design in evidenza della settimana: Flashlights \u2014 Storia interattiva e attivismo digitale con Tubik Studio"},"content":{"rendered":"<h3>Quando il web design porta alla luce le storie nascoste del sistema giudiziario<\/h3>\n<p>Nella nostra rubrica <strong>web design della settimana<\/strong> analizziamo progetti digitali che non solo colpiscono per l\u2019impatto visivo, ma dimostrano anche come una buona esperienza utente possa cambiare il modo in cui percepiamo la realt\u00e0. Oggi puntiamo i riflettori su <strong>Flashlights<\/strong>, un progetto firmato <strong>Tubik Studio<\/strong> in collaborazione con la <strong>Jailhouse Lawyers Initiative<\/strong> della NYU School of Law.<\/p>\n<div style=\"padding: 56.25% 0 0 0; position: relative;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" title=\"Flashlights\" src=\"https:\/\/player.vimeo.com\/video\/1129816608?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\"><\/iframe><\/div>\n<p>&nbsp;<\/p>\n<p>Flashlights \u00e8 una sezione interattiva inserita in un sito esistente che racconta la storia e l\u2019impatto dei <em>jailhouse lawyers<\/em>: persone detenute che, senza una formazione accademica formale, hanno studiato legge da autodidatti diventando punti di riferimento legali all\u2019interno delle carceri. La sfida era enorme: trasformare un contenuto denso, storico e giuridico in un\u2019esperienza <strong>chiara, accessibile e profondamente coinvolgente<\/strong>.<\/p>\n<p>Il risultato \u00e8 una dimostrazione esemplare di ci\u00f2 che pu\u00f2 realizzare un\u2019<strong>agenzia di web design<\/strong> quando unisce <strong>UI\/UX, motion design, grafica e sviluppo<\/strong> sotto una visione narrativa condivisa. Per studi come il nostro a Barcellona, specializzati in <strong>web design, branding digitale e storytelling interattivo<\/strong>, Flashlights diventa un riferimento imprescindibile.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-59924-1\" width=\"2400\" height=\"1800\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-2.mp4?_=1\" \/><\/video><\/div>\n<h3>Chi c\u2019\u00e8 dietro: Tubik Studio e un team specializzato in esperienza digitale<\/h3>\n<p>Flashlights porta la firma di <strong>Tubik Studio<\/strong>, realt\u00e0 internazionale nota per l\u2019approccio concettuale ai prodotti digitali. Il progetto riunisce un team multidisciplinare che dimostra come il web design di alto livello sia sempre frutto di un lavoro corale.<\/p>\n<ul>\n<li>Direzione e concept: <strong>Vladyslav Taran<\/strong>.<\/li>\n<li>UI\/UX design: <strong>Daria Tsehelna<\/strong> e <strong>Artem Meshkov<\/strong>.<\/li>\n<li>Sviluppo e Webflow: <strong>Oleksii Dubrov<\/strong>.<\/li>\n<li>Grafica: <strong>Maryna Solomennykova<\/strong>.<\/li>\n<li>Motion design: <strong>Ladamyra Kuntysia<\/strong>.<\/li>\n<li>Project management: <strong>Anastasiia Ostapenko<\/strong>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>La scelta di rendere pubblici questi crediti dice molto della cultura dello studio: il progetto non \u00e8 solo un \u201cbel sito\u201d, ma il risultato di una <strong>collaborazione coordinata tra design, contenuti, tecnologia e gestione<\/strong>, elemento chiave in ogni progetto web complesso per enti, ONG o realt\u00e0 culturali.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-59924-2\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-3.mp4?_=2\" \/><\/video><\/div>\n<h3>La sfida: trasformare una narrazione storica complessa in un\u2019esperienza navigabile<\/h3>\n<p>La Jailhouse Lawyers Initiative disponeva di una mole enorme di informazioni: date, casi, tappe giuridiche, biografie, citazioni, risorse accademiche\u2026 Una narrazione ricca ma difficile da fruire per il pubblico generalista. La richiesta a Tubik era chiara: <strong>creare una sezione all\u2019interno del sito che funzionasse come un percorso storico interattivo<\/strong>, senza appesantire l\u2019utente n\u00e9 snaturare il design complessivo.<\/p>\n<p>C\u2019erano inoltre vincoli tecnici: la sezione doveva integrarsi in una struttura preesistente realizzata in <strong>Webflow<\/strong>, rispettando l\u2019identit\u00e0 di base ma aggiungendo una personalit\u00e0 visiva distintiva. Il team ha dovuto gestire un grande volume di immagini e risorse, garantendo tempi di caricamento rapidi e compatibilit\u00e0 con i browser moderni.<\/p>\n<p>In termini di strategia digitale, la sfida si riassume in una frase: <strong>trasformare l\u2019informazione in esperienza<\/strong>. Ed \u00e8 proprio qui che Flashlights eccelle.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-59924-3\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-1.mp4?_=3\" \/><\/video><\/div>\n<h3>Design visivo: tra archivio vivo e grafica attivista<\/h3>\n<p>Il linguaggio visivo di Flashlights si ispira a <strong>manifesti vintage, collage, ritagli di giornale, fotografie d\u2019archivio e appunti manoscritti<\/strong>. Questa commistione crea un\u2019estetica che appare insieme documentaristica ed emotiva: non siamo davanti a un sito corporate tradizionale, ma a una sorta di murale digitale in movimento.<\/p>\n<p>La palette cromatica si basa su due colori principali, evidenziati anche da Awwwards: <strong>#F1EADA<\/strong>, un avorio caldo che richiama la carta antica, e <strong>#DF4359<\/strong>, un rosso intenso usato per titoli, dettagli e accenti. L\u2019abbinamento evoca sia memoria storica che energia attivista.<\/p>\n<p>Anche la tipografia rafforza questa idea: si alternano font dal taglio editoriale a titoli decisi che rimandano alla stampa e ai manifesti di protesta. Il risultato \u00e8 un sistema grafico coerente, lontano dall\u2019asettico, perfettamente in linea con la causa sociale rappresentata.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-59924-4\" width=\"2400\" height=\"1800\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-5.mp4?_=4\" \/><\/video><\/div>\n<h3>UX e architettura dell\u2019informazione: la timeline come spina dorsale<\/h3>\n<p>Per gestire la complessit\u00e0 dei contenuti, Tubik sceglie una soluzione classica ma estremamente efficace se ben realizzata: <strong>una timeline interattiva<\/strong>. Invece di un testo lungo e difficile da seguire, la storia dei jailhouse lawyers viene suddivisa in tappe e momenti chiave che l\u2019utente pu\u00f2 esplorare in sequenza o saltando ai passaggi di maggiore interesse.<\/p>\n<p>Ogni blocco della timeline unisce <strong>testi brevi, immagini, collage e composizioni tipografiche<\/strong>. Si creano cos\u00ec piccole \u201ccapsule\u201d narrative, facili da leggere, scansionare e visivamente distinte. La sensazione generale \u00e8 di progressione: l\u2019utente sfoglia pagina dopo pagina, senza mai perdere il filo.<\/p>\n<p>Dal punto di vista del <strong>UX design<\/strong>, questo approccio riduce il carico cognitivo su temi complessi, consente diversi livelli di approfondimento \u2014 dalla lettura veloce all\u2019esplorazione dettagliata \u2014 ed evita l\u2019infinito scroll senza struttura, tipico di molti progetti editoriali.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-59924-5\" width=\"2400\" height=\"1800\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-4.mp4?_=5\" \/><\/video><\/div>\n<h3>Motion design e scroll: ritmo, tensione ed emozione<\/h3>\n<p>Flashlights non sarebbe lo stesso senza il lavoro di <strong>motion design<\/strong> guidato da Ladamyra Kuntysia. Ogni transizione, effetto di apparizione e micro-animazione ha una funzione narrativa precisa. Nessun movimento \u00e8 superfluo: tutto serve a scandire il <strong>ritmo della lettura<\/strong>.<\/p>\n<p>Procedendo lungo la timeline, gli elementi compaiono con animazioni morbide che ricordano il collage fisico: pezzi che scorrono, cornici che si sovrappongono, foto che si stratificano. Questo rafforza la sensazione di sfogliare un archivio vivo.<\/p>\n<p>Lo scroll diventa una vera <strong>leva di storytelling<\/strong>. Non serve solo a \u201cscendere\u201d nella pagina: attiva cambi di composizione, mette in risalto dati, riposiziona mappe e fa emergere citazioni. \u00c8 una soluzione sempre pi\u00f9 diffusa nei progetti premiati da Awwwards e perfettamente in linea con il trend dello <strong>scroll narrativo<\/strong>.<\/p>\n<div style=\"width: 2800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-59924-6\" width=\"2800\" height=\"2100\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-6.mp4?_=6\" \/><\/video><\/div>\n<h3>Integrazione tecnica in Webflow e performance<\/h3>\n<p>Anche se il risultato appare leggero, il progetto \u00e8 tecnicamente sofisticato. Lo sviluppatore <strong>Oleksii Dubrov<\/strong> ha dovuto integrare questa sezione in un sito Webflow gi\u00e0 esistente, lavorando con numerose immagini ottimizzate in <strong>WebP<\/strong>, livelli e <em>blend modes<\/em> per simulare texture, animazioni personalizzate e compatibilit\u00e0 cross-browser senza sacrificare la ricchezza visiva.<\/p>\n<p>Il bilanciamento tra <strong>impatto visivo e performance<\/strong> \u00e8 uno dei motivi per cui Flashlights ha ottenuto l\u2019<strong>Awwwards Developer Award<\/strong>. Un promemoria di come il web design contemporaneo richieda una stretta collaborazione tra designer e sviluppatori, soprattutto quando si tratta di esperienze ricche di contenuti.<\/p>\n<div style=\"width: 2800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-59924-7\" width=\"2800\" height=\"2100\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-7.mp4?_=7\" \/><\/video><\/div>\n<h3>Contenuto e tono: pedagogia, rispetto e impegno<\/h3>\n<p>Oltre all\u2019aspetto visivo, il successo del progetto si fonda su un tono editoriale calibrato con cura. I contenuti sono <strong>rigorosi<\/strong>, con dati, date e contesto storico ben documentati; <strong>accessibili<\/strong>, senza tecnicismi giuridici inutili; <strong>rispettosi<\/strong> verso le persone raccontate e le loro esperienze; e chiaramente <strong>impegnati<\/strong>, nel senso che invitano a riflettere e a prendere posizione.<\/p>\n<p>La grafica di <strong>Maryna Solomennykova<\/strong> fa da ponte tra contenuto e utente: ogni elemento visivo rafforza la voce del testo, evitando che il progetto scivoli nella freddezza accademica. Un equilibrio delicato, ma perfettamente riuscito.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-13834\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-5.png\" alt=\"\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-13835\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-4.png\" alt=\"\" width=\"5600\" height=\"3600\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-13836\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-6.jpg\" alt=\"\" width=\"1600\" height=\"1200\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-13837\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-7.jpg\" alt=\"\" width=\"1600\" height=\"1200\" \/><\/p>\n<h3>Riconoscimenti: un progetto piccolo nelle dimensioni, enorme nell\u2019impatto<\/h3>\n<p>Flashlights ha ricevuto numerosi riconoscimenti internazionali che ne attestano l\u2019eccellenza: <strong>Awwwards Site of the Day<\/strong>, <strong>Awwwards Honorable Mention<\/strong>, <strong>Awwwards Developer Award<\/strong>, nomination come <strong>Site of the Month<\/strong> su Awwwards e candidatura ai <strong>Webby Awards<\/strong>. Non \u00e8 un caso: racchiude tutto ci\u00f2 che oggi si ricerca nel web design di alto livello \u2014 idea solida, responsabilit\u00e0 sociale, esecuzione visiva impeccabile, attenzione all\u2019esperienza utente e performance tecnica di rilievo.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-13838\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-3.jpg\" alt=\"\" width=\"2800\" height=\"1800\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-13839\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-1.jpg\" alt=\"\" width=\"2800\" height=\"1750\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-13840\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-10.jpg\" alt=\"\" width=\"2800\" height=\"1800\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-13841\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-8.jpg\" alt=\"\" width=\"1600\" height=\"1200\" \/><\/p>\n<h3>Spunti per brand, istituzioni e studi di design<\/h3>\n<p>Flashlights offre diversi insegnamenti che ogni <strong>studio di web design<\/strong> o istituzione pu\u00f2 applicare ai propri progetti: anche i contenuti complessi diventano fruibili se ben strutturati e supportati da un sistema visivo coerente; il design non deve edulcorare i problemi, ma aiutarci a guardarli in faccia con pi\u00f9 contesto ed empatia; la narrazione interattiva \u00e8 particolarmente efficace per progetti educativi, di memoria storica o giustizia sociale; e l\u2019integrazione tecnica \u00e8 importante quanto l\u2019estetica.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-13842\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-2.jpg\" alt=\"\" width=\"5600\" height=\"3600\" \/> <img decoding=\"async\" class=\"alignnone size-full wp-image-13843\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-1-9.png\" alt=\"\" width=\"1600\" height=\"1200\" \/><\/p>\n<h3>Conclusioni: Flashlights come esempio di web design con un obiettivo<\/h3>\n<p>Flashlights dimostra che il <strong>web design con uno scopo<\/strong> pu\u00f2 essere bello, emozionante e tecnologicamente avanzato allo stesso tempo. Non \u00e8 solo una sezione di un sito istituzionale: \u00e8 un pezzo di <strong>memoria digitale<\/strong>, uno strumento didattico e una piattaforma di attivismo.<\/p>\n<p>Per chi lavora in <strong>web design, branding ed esperienza digitale<\/strong>, questo progetto conferma che le migliori interfacce non sono quelle che urlano pi\u00f9 forte, ma quelle che fanno luce su storie che raramente trovano spazio. In questo senso, il lavoro di <strong>Tubik Studio<\/strong> con Jailhouse Lawyers Initiative rende davvero onore al nome del progetto: vere e proprie torce accese in un sistema che preferisce lasciare molte cose nell\u2019ombra.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quando il web design porta alla luce le storie nascoste del sistema giudiziario Nella nostra rubrica web design della settimana analizziamo progetti digitali che non solo colpiscono per l\u2019impatto visivo, ma dimostrano anche come una buona esperienza utente possa cambiare il modo in cui percepiamo la realt\u00e0. Oggi puntiamo i riflettori su Flashlights, un progetto [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7852,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"class_list":["post-59924","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web design in evidenza della settimana: Flashlights \u2014 Storia interattiva e attivismo digitale con Tubik Studio - CODE<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web design in evidenza della settimana: Flashlights \u2014 Storia interattiva e attivismo digitale con Tubik Studio - CODE\" \/>\n<meta property=\"og:description\" content=\"Quando il web design porta alla luce le storie nascoste del sistema giudiziario Nella nostra rubrica web design della settimana analizziamo progetti digitali che non solo colpiscono per l\u2019impatto visivo, ma dimostrano anche come una buona esperienza utente possa cambiare il modo in cui percepiamo la realt\u00e0. Oggi puntiamo i riflettori su Flashlights, un progetto [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-24T06:49:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T19:09:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-featured.png\" \/>\n\t<meta property=\"og:image:width\" content=\"458\" \/>\n\t<meta property=\"og:image:height\" content=\"255\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Web design in evidenza della settimana: Flashlights \u2014 Storia interattiva e attivismo digitale con Tubik Studio\",\"datePublished\":\"2025-11-24T06:49:16+00:00\",\"dateModified\":\"2026-06-10T19:09:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\\\/\"},\"wordCount\":1445,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-featured.png\",\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\\\/\",\"name\":\"Web design in evidenza della settimana: Flashlights \u2014 Storia interattiva e attivismo digitale con Tubik Studio - CODE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-featured.png\",\"datePublished\":\"2025-11-24T06:49:16+00:00\",\"dateModified\":\"2026-06-10T19:09:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-featured.png\",\"contentUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-featured.png\",\"width\":458,\"height\":255},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\\\/\\\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web design in evidenza della settimana: Flashlights \u2014 Storia interattiva e attivismo digitale con Tubik Studio - CODE","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/","og_locale":"it_IT","og_type":"article","og_title":"Web design in evidenza della settimana: Flashlights \u2014 Storia interattiva e attivismo digitale con Tubik Studio - CODE","og_description":"Quando il web design porta alla luce le storie nascoste del sistema giudiziario Nella nostra rubrica web design della settimana analizziamo progetti digitali che non solo colpiscono per l\u2019impatto visivo, ma dimostrano anche come una buona esperienza utente possa cambiare il modo in cui percepiamo la realt\u00e0. Oggi puntiamo i riflettori su Flashlights, un progetto [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/","og_site_name":"CODE","article_published_time":"2025-11-24T06:49:16+00:00","article_modified_time":"2026-06-10T19:09:02+00:00","og_image":[{"width":458,"height":255,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-featured.png","type":"image\/png"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Web design in evidenza della settimana: Flashlights \u2014 Storia interattiva e attivismo digitale con Tubik Studio","datePublished":"2025-11-24T06:49:16+00:00","dateModified":"2026-06-10T19:09:02+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/"},"wordCount":1445,"image":{"@id":"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-featured.png","inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/","url":"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/","name":"Web design in evidenza della settimana: Flashlights \u2014 Storia interattiva e attivismo digitale con Tubik Studio - CODE","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-featured.png","datePublished":"2025-11-24T06:49:16+00:00","dateModified":"2026-06-10T19:09:02+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/codewebbarcelona.com\/it\/design-web-della-settimana-flashlights-storia-interattiva-attivismo-digitale-tubik-studio\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-featured.png","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2025\/11\/diseno-web-destacado-de-la-semana-flashlights-historia-interactiva-y-activismo-digital-con-tubik-studio-featured.png","width":458,"height":255},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/it\/#website","url":"https:\/\/codewebbarcelona.com\/it\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/59924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/comments?post=59924"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/59924\/revisions"}],"predecessor-version":[{"id":59944,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/59924\/revisions\/59944"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/media\/7852"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/media?parent=59924"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/categories?post=59924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}