{"id":18192,"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-04-20T19:07:27","modified_gmt":"2026-04-20T19:07:27","slug":"disseny-web-setmana-flashlights-tubik-studio","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/","title":{"rendered":"Disseny web destacat de la setmana: Flashlights \u2014 Hist\u00f2ria interactiva i activisme digital amb Tubik Studio"},"content":{"rendered":"<h3>Quan el disseny web il\u00b7lumina la hist\u00f2ria amagada del sistema judicial<\/h3>\n<p>A la nostra secci\u00f3 de <strong>disseny web destacat de la setmana<\/strong> analitzem projectes digitals que no nom\u00e9s destaquen pel seu impacte visual, sin\u00f3 que tamb\u00e9 demostren com una bona experi\u00e8ncia d\u2019usuari pot transformar la manera com entenem el m\u00f3n. Avui posem el focus en <strong>Flashlights<\/strong>, una pe\u00e7a creada per <strong>Tubik Studio<\/strong> en col\u00b7laboraci\u00f3 amb la <strong>Jailhouse Lawyers Initiative<\/strong> de la 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 \u00e9s una secci\u00f3 interactiva integrada en un web existent que narra la hist\u00f2ria i l\u2019impacte dels <em>jailhouse lawyers<\/em>: persones empresonades que, sense formaci\u00f3 jur\u00eddica formal, van aprendre dret de manera autodidacta i es van convertir en defensors legals dins de la pres\u00f3. El repte era maj\u00fascul: transformar un contingut dens, hist\u00f2ric i jur\u00eddic en una experi\u00e8ncia <strong>clara, accessible i amb una c\u00e0rrega emocional potent<\/strong>.<\/p>\n<p>El resultat \u00e9s una mostra exemplar del que pot aconseguir una <strong>ag\u00e8ncia de disseny web<\/strong> quan integra <strong>UI\/UX, motion design, disseny gr\u00e0fic i desenvolupament<\/strong> sota una mateixa visi\u00f3 narrativa. Per a estudis com el nostre a Barcelona, especialitzats en <strong>disseny web, branding digital i storytelling interactiu<\/strong>, Flashlights esdev\u00e9 una refer\u00e8ncia imprescindible.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18192-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>Qui hi ha darrere: Tubik Studio i un equip especialitzat en experi\u00e8ncia digital<\/h3>\n<p>Flashlights \u00e9s una creaci\u00f3 de <strong>Tubik Studio<\/strong>, un estudi internacional reconegut pel seu enfocament conceptual en productes digitals. El projecte reuneix un equip multidisciplinari que demostra que el disseny web d\u2019alt nivell sempre \u00e9s fruit del treball col\u00b7lectiu.<\/p>\n<ul>\n<li>Direcci\u00f3 i concepte general: <strong>Vladyslav Taran<\/strong>.<\/li>\n<li>Disseny UI\/UX: <strong>Daria Tsehelna<\/strong> i <strong>Artem Meshkov<\/strong>.<\/li>\n<li>Desenvolupament i Webflow: <strong>Oleksii Dubrov<\/strong>.<\/li>\n<li>Disseny gr\u00e0fic: <strong>Maryna Solomennykova<\/strong>.<\/li>\n<li>Motion design: <strong>Ladamyra Kuntysia<\/strong>.<\/li>\n<li>Gesti\u00f3 de projecte: <strong>Anastasiia Ostapenko<\/strong>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>El fet que l\u2019estudi faci p\u00fablics aquests cr\u00e8dits ja diu molt de la seva cultura: el projecte no \u00e9s nom\u00e9s un \u201cweb bonic\u201d, sin\u00f3 el resultat d\u2019una <strong>col\u00b7laboraci\u00f3 coordinada entre disseny, contingut, tecnologia i gesti\u00f3<\/strong>, un aspecte clau en qualsevol projecte web complex per a institucions, ONG o iniciatives culturals.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18192-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>El repte: condensar una narrativa hist\u00f2rica complexa en una experi\u00e8ncia navegable<\/h3>\n<p>La Jailhouse Lawyers Initiative disposava d\u2019una gran quantitat d\u2019informaci\u00f3: dates, casos, fites jur\u00eddiques, biografies, cites, recursos acad\u00e8mics\u2026 Una narrativa rica per\u00f2 dif\u00edcil de consumir pel p\u00fablic general. L\u2019enc\u00e0rrec a Tubik era clar: <strong>crear una secci\u00f3 dins el web existent que funcion\u00e9s com un recorregut hist\u00f2ric interactiu<\/strong>, sense saturar l\u2019usuari ni trencar la coher\u00e8ncia visual del lloc.<\/p>\n<p>A m\u00e9s, hi havia limitacions t\u00e8cniques: la secci\u00f3 s\u2019havia d\u2019integrar en una estructura pr\u00e8via feta amb <strong>Webflow<\/strong>, respectant la identitat base per\u00f2 aportant una personalitat visual pr\u00f2pia. L\u2019equip tamb\u00e9 havia de gestionar una gran quantitat d\u2019imatges i recursos, garantint temps de c\u00e0rrega \u00f2ptims i compatibilitat amb navegadors actuals.<\/p>\n<p>En termes d\u2019estrat\u00e8gia digital, el repte es pot resumir en una frase: <strong>convertir informaci\u00f3 en experi\u00e8ncia<\/strong>. I \u00e9s precisament aqu\u00ed on Flashlights brilla.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18192-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>Disseny visual: una est\u00e8tica d\u2019arxiu viu i cartelleria activista<\/h3>\n<p>El llenguatge visual de Flashlights s\u2019inspira en <strong>cartells vintage, collages, retalls de premsa, fotografies d\u2019arxiu i apunts manuscrits<\/strong>. Aquesta combinaci\u00f3 genera una est\u00e8tica que transmet alhora sensaci\u00f3 documental i emoci\u00f3: no \u00e9s una web corporativa convencional, sin\u00f3 una mena de mural digital en moviment.<\/p>\n<p>La paleta crom\u00e0tica es basa en dos colors principals destacats a Awwwards: <strong>#F1EADA<\/strong>, un marfil c\u00e0lid que recorda el paper envellit, i <strong>#DF4359<\/strong>, un vermell intens que s\u2019utilitza per a titulars, detalls i elements d\u2019\u00e8mfasi. La combinaci\u00f3 evoca mem\u00f2ria hist\u00f2rica i energia activista a parts iguals.<\/p>\n<p>La tipografia refor\u00e7a aquest concepte: es combinen fonts d\u2019estil editorial amb titulars potents que remeten a la premsa impresa i a la cartelleria de protesta. El resultat \u00e9s un sistema gr\u00e0fic coherent, allunyat de l\u2019as\u00e8psia i alineat amb la causa social que representa.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18192-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 i arquitectura de la informaci\u00f3: la l\u00ednia del temps com a eix narratiu<\/h3>\n<p>Per fer digerible la densitat del contingut, Tubik aposta per un recurs cl\u00e0ssic per\u00f2 molt potent quan s\u2019executa b\u00e9: <strong>una l\u00ednia del temps interactiva<\/strong>. En comptes de presentar un text llarg i feixuc, la hist\u00f2ria dels jailhouse lawyers es divideix en etapes i moments clau que l\u2019usuari pot explorar de manera seq\u00fcencial o saltant als fets que m\u00e9s li interessin.<\/p>\n<p>Cada bloc de la l\u00ednia del temps combina <strong>text breu, imatge, collage i composici\u00f3 tipogr\u00e0fica<\/strong>. Aix\u00f2 genera petites \u201cc\u00e0psules\u201d narratives f\u00e0cils de llegir, escanejables i visualment diferenciades. La sensaci\u00f3 general \u00e9s de progr\u00e9s: l\u2019usuari avan\u00e7a p\u00e0gina a p\u00e0gina, cap\u00edtol a cap\u00edtol, sense perdre el fil.<\/p>\n<p>Des del punt de vista de <strong>UX design<\/strong>, aquest enfocament permet reduir la c\u00e0rrega cognitiva davant un tema complex, adaptar-se a diferents nivells de profunditat \u2014lectura r\u00e0pida o exploraci\u00f3 detallada\u2014 i evitar l\u2019scroll infinit sense estructura, tan habitual en webs de contingut.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18192-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 i scroll: ritme, tensi\u00f3 i emoci\u00f3<\/h3>\n<p>Flashlights no seria el mateix sense el treball de <strong>motion design<\/strong> liderat per Ladamyra Kuntysia. Cada transici\u00f3, efecte d\u2019aparici\u00f3 i microanimaci\u00f3 t\u00e9 una funci\u00f3 narrativa. No hi ha moviments gratu\u00efts: tot est\u00e0 pensat per potenciar el <strong>ritme de lectura<\/strong>.<\/p>\n<p>A mesura que avances per la l\u00ednia del temps, els elements apareixen amb animacions suaus que recorden el collage f\u00edsic: peces que es desplacen, marcs que es munten, fotografies que se superposen. Aix\u00f2 refor\u00e7a la sensaci\u00f3 de fullejar un arxiu viu.<\/p>\n<p>L\u2019scroll es converteix en una <strong>eina de storytelling<\/strong>. No nom\u00e9s serveix per \u201cbaixar\u201d per la p\u00e0gina: activa canvis de composici\u00f3, destaca xifres, reubica mapes i desplega cites. \u00c9s un recurs cada cop m\u00e9s habitual en projectes premiats per Awwwards i encaixa perfectament amb la tend\u00e8ncia del <strong>scroll narratiu<\/strong>.<\/p>\n<div style=\"width: 2800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18192-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>Integraci\u00f3 t\u00e8cnica a Webflow i rendiment<\/h3>\n<p>Tot i que el resultat sembli lleuger, el projecte \u00e9s t\u00e8cnicament complex. El desenvolupador <strong>Oleksii Dubrov<\/strong> va haver d\u2019integrar aquesta secci\u00f3 en un web Webflow ja existent, treballant amb un gran volum d\u2019imatges optimitzades en format <strong>WebP<\/strong>, capes i <em>blend modes<\/em> que simulen textures, animacions personalitzades i compatibilitat entre navegadors sense perdre riquesa visual.<\/p>\n<p>L\u2019equilibri entre <strong>impacte visual i rendiment<\/strong> \u00e9s un dels motius pels quals Flashlights ha estat reconegut amb el <strong>Awwwards Developer Award<\/strong>. \u00c9s un recordatori que el disseny web contemporani exigeix una col\u00b7laboraci\u00f3 estreta entre dissenyadors i desenvolupadors, especialment quan es tracta d\u2019experi\u00e8ncies riques en contingut.<\/p>\n<div style=\"width: 2800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-18192-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>Contingut i to: pedagogia, respecte i comprom\u00eds<\/h3>\n<p>M\u00e9s enll\u00e0 de l\u2019aspecte visual, l\u2019\u00e8xit del projecte es fonamenta en un to editorial molt ben calibrat. El contingut \u00e9s <strong>rigor\u00f3s<\/strong>, amb dades, dates i context hist\u00f2ric ben documentats; <strong>accessible<\/strong>, evitant tecnicismes jur\u00eddics innecessaris; <strong>respectu\u00f3s<\/strong> amb les persones retratades i les seves experi\u00e8ncies; i clarament <strong>comprom\u00e8s<\/strong>, ja que convida a la reflexi\u00f3 i a prendre partit.<\/p>\n<p>El disseny gr\u00e0fic de <strong>Maryna Solomennykova<\/strong> fa de pont entre el contingut i l\u2019usuari: cada pe\u00e7a visual refor\u00e7a la veu del text i evita que el projecte caigui en la fredor acad\u00e8mica. Un equilibri delicat, per\u00f2 molt ben aconseguit.<\/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>Reconeixements: un projecte petit en mida, enorme en impacte<\/h3>\n<p>Flashlights ha rebut diversos reconeixements internacionals que avalen la seva excel\u00b7l\u00e8ncia: <strong>Awwwards Site of the Day<\/strong>, <strong>Awwwards Honorable Mention<\/strong>, <strong>Awwwards Developer Award<\/strong>, nominaci\u00f3 a <strong>Site of the Month<\/strong> a Awwwards i nominaci\u00f3 als <strong>Webby Awards<\/strong>. No \u00e9s casualitat: reuneix tot el que avui es valora en el disseny web d\u2019alta gamma \u2014idea s\u00f2lida, responsabilitat social, execuci\u00f3 visual impecable, experi\u00e8ncia d\u2019usuari cuidada i rendiment t\u00e8cnic excel\u00b7lent.<\/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>Lli\u00e7ons per a marques, institucions i estudis de disseny<\/h3>\n<p>Flashlights ofereix diverses claus que qualsevol <strong>estudi de disseny web<\/strong> o instituci\u00f3 pot aplicar als seus projectes: el contingut complex pot ser accessible si s\u2019estructura b\u00e9 i es recolza en un sistema visual coherent; el disseny no ha de suavitzar el problema, sin\u00f3 ajudar-nos a mirar-lo de cara amb m\u00e9s context i empatia; la narrativa interactiva \u00e9s especialment poderosa per a projectes educatius, de mem\u00f2ria hist\u00f2rica o de just\u00edcia social; i la integraci\u00f3 t\u00e8cnica \u00e9s tan important com l\u2019est\u00e8tica.<\/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>Conclusi\u00f3: Flashlights com a model de disseny web amb prop\u00f2sit<\/h3>\n<p>Flashlights demostra que el <strong>disseny web amb prop\u00f2sit<\/strong> pot ser bell, emotiu i t\u00e8cnicament avan\u00e7at alhora. No \u00e9s nom\u00e9s una secci\u00f3 dins d\u2019un web institucional: \u00e9s una pe\u00e7a de <strong>mem\u00f2ria digital<\/strong>, un recurs pedag\u00f2gic i una eina d\u2019activisme.<\/p>\n<p>Per a qui treballem en <strong>disseny web, branding i experi\u00e8ncia digital<\/strong>, aquest projecte confirma que les millors interf\u00edcies no s\u00f3n les que criden m\u00e9s, sin\u00f3 les que il\u00b7luminen hist\u00f2ries que gaireb\u00e9 mai s\u2019expliquen. I en aquest sentit, la feina de <strong>Tubik Studio<\/strong> amb Jailhouse Lawyers Initiative fa honor al nom del projecte: s\u00f3n aut\u00e8ntiques llanternes enceses en un sistema que prefereix mantenir moltes coses a les fosques.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quan el disseny web il\u00b7lumina la hist\u00f2ria amagada del sistema judicial A la nostra secci\u00f3 de disseny web destacat de la setmana analitzem projectes digitals que no nom\u00e9s destaquen pel seu impacte visual, sin\u00f3 que tamb\u00e9 demostren com una bona experi\u00e8ncia d\u2019usuari pot transformar la manera com entenem el m\u00f3n. Avui posem el focus en [&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":[208,210],"class_list":["post-18192","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web","category-inspiracio"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Disseny web destacat de la setmana: Flashlights \u2014 Hist\u00f2ria interactiva i activisme digital amb Tubik Studio - Code Barcelona<\/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\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Disseny web destacat de la setmana: Flashlights \u2014 Hist\u00f2ria interactiva i activisme digital amb Tubik Studio - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Quan el disseny web il\u00b7lumina la hist\u00f2ria amagada del sistema judicial A la nostra secci\u00f3 de disseny web destacat de la setmana analitzem projectes digitals que no nom\u00e9s destaquen pel seu impacte visual, sin\u00f3 que tamb\u00e9 demostren com una bona experi\u00e8ncia d\u2019usuari pot transformar la manera com entenem el m\u00f3n. Avui posem el focus en [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-24T06:49:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T19:07:27+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=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Disseny web destacat de la setmana: Flashlights \u2014 Hist\u00f2ria interactiva i activisme digital amb Tubik Studio\",\"datePublished\":\"2025-11-24T06:49:16+00:00\",\"dateModified\":\"2026-04-20T19:07:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/\"},\"wordCount\":1658,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-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\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/\",\"name\":\"Disseny web destacat de la setmana: Flashlights \u2014 Hist\u00f2ria interactiva i activisme digital amb Tubik Studio - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-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-04-20T19:07:27+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-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\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@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":"Disseny web destacat de la setmana: Flashlights \u2014 Hist\u00f2ria interactiva i activisme digital amb Tubik Studio - Code Barcelona","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\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/","og_locale":"ca_ES","og_type":"article","og_title":"Disseny web destacat de la setmana: Flashlights \u2014 Hist\u00f2ria interactiva i activisme digital amb Tubik Studio - Code Barcelona","og_description":"Quan el disseny web il\u00b7lumina la hist\u00f2ria amagada del sistema judicial A la nostra secci\u00f3 de disseny web destacat de la setmana analitzem projectes digitals que no nom\u00e9s destaquen pel seu impacte visual, sin\u00f3 que tamb\u00e9 demostren com una bona experi\u00e8ncia d\u2019usuari pot transformar la manera com entenem el m\u00f3n. Avui posem el focus en [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/","og_site_name":"Code Barcelona","article_published_time":"2025-11-24T06:49:16+00:00","article_modified_time":"2026-04-20T19:07:27+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":{"Escrit per":"cd26Bc","Temps estimat de lectura":"8 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Disseny web destacat de la setmana: Flashlights \u2014 Hist\u00f2ria interactiva i activisme digital amb Tubik Studio","datePublished":"2025-11-24T06:49:16+00:00","dateModified":"2026-04-20T19:07:27+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/"},"wordCount":1658,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-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","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/","name":"Disseny web destacat de la setmana: Flashlights \u2014 Hist\u00f2ria interactiva i activisme digital amb Tubik Studio - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-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-04-20T19:07:27+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-tubik-studio\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/disseny-web-setmana-flashlights-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\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@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\/ca\/wp-json\/wp\/v2\/posts\/18192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=18192"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/18192\/revisions"}],"predecessor-version":[{"id":18212,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/18192\/revisions\/18212"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/7852"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=18192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=18192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}