{"id":76628,"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-11T00:13:58","modified_gmt":"2026-06-11T00:13:58","slug":"destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\/","title":{"rendered":"Destaque de web design da semana: Flashlights \u2014 Hist\u00f3ria interativa e ativismo digital com a Tubik Studio"},"content":{"rendered":"<h3>Quando o web design revela a hist\u00f3ria oculta do sistema judicial<\/h3>\n<p>Na nossa rubrica <strong>destaque de web design da semana<\/strong>, analisamos projetos digitais que n\u00e3o se destacam apenas pelo impacto visual, mas tamb\u00e9m mostram como uma boa experi\u00eancia de utilizador pode transformar a nossa perce\u00e7\u00e3o do mundo. Hoje damos destaque a <strong>Flashlights<\/strong>, uma cria\u00e7\u00e3o do <strong>Tubik Studio<\/strong> em colabora\u00e7\u00e3o com a <strong>Jailhouse Lawyers Initiative<\/strong> da 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 \u00e9 uma sec\u00e7\u00e3o interativa integrada num site j\u00e1 existente, que conta a hist\u00f3ria e o impacto dos <em>jailhouse lawyers<\/em>: pessoas privadas de liberdade que, sem forma\u00e7\u00e3o jur\u00eddica formal, aprenderam direito de forma autodidata e se tornaram defensores legais dentro das pris\u00f5es. O desafio era enorme: transformar um conte\u00fado denso, hist\u00f3rico e jur\u00eddico numa experi\u00eancia <strong>clara, acess\u00edvel e emocionalmente envolvente<\/strong>.<\/p>\n<p>O resultado \u00e9 um exemplo not\u00e1vel do que uma <strong>ag\u00eancia de web design<\/strong> pode alcan\u00e7ar ao unir <strong>UI\/UX, motion design, design gr\u00e1fico e desenvolvimento<\/strong> sob uma vis\u00e3o narrativa comum. Para est\u00fadios como o nosso, em Barcelona, especializados em <strong>web design, branding digital e storytelling interativo<\/strong>, Flashlights \u00e9 uma refer\u00eancia incontorn\u00e1vel.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-76628-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>Quem est\u00e1 por tr\u00e1s: Tubik Studio e uma equipa dedicada \u00e0 experi\u00eancia digital<\/h3>\n<p>Flashlights \u00e9 da autoria do <strong>Tubik Studio<\/strong>, um est\u00fadio internacional reconhecido pelo seu enfoque em produtos digitais com forte componente conceptual. O projeto re\u00fane uma equipa multidisciplinar que mostra como o web design de excel\u00eancia \u00e9 sempre fruto de trabalho coletivo.<\/p>\n<ul>\n<li>Dire\u00e7\u00e3o e conceito: <strong>Vladyslav Taran<\/strong>.<\/li>\n<li>UI\/UX design: <strong>Daria Tsehelna<\/strong> e <strong>Artem Meshkov<\/strong>.<\/li>\n<li>Desenvolvimento e Webflow: <strong>Oleksii Dubrov<\/strong>.<\/li>\n<li>Design gr\u00e1fico: <strong>Maryna Solomennykova<\/strong>.<\/li>\n<li>Motion design: <strong>Ladamyra Kuntysia<\/strong>.<\/li>\n<li>Gest\u00e3o de projeto: <strong>Anastasiia Ostapenko<\/strong>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>O facto de o est\u00fadio dar visibilidade a estes cr\u00e9ditos diz muito sobre a sua cultura: este n\u00e3o \u00e9 apenas um \u201csite bonito\u201d, mas sim o resultado de uma <strong>colabora\u00e7\u00e3o coordenada entre design, conte\u00fado, tecnologia e gest\u00e3o<\/strong> \u2014 algo essencial em projetos web complexos para institui\u00e7\u00f5es, ONG ou iniciativas culturais.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-76628-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>O desafio: condensar uma narrativa hist\u00f3rica complexa numa experi\u00eancia naveg\u00e1vel<\/h3>\n<p>A Jailhouse Lawyers Initiative dispunha de uma quantidade massiva de informa\u00e7\u00e3o: datas, casos, marcos jur\u00eddicos, biografias, cita\u00e7\u00f5es, recursos acad\u00e9micos\u2026 Uma narrativa rica, mas dif\u00edcil de consumir para o p\u00fablico em geral. O briefing para a Tubik foi claro: <strong>criar uma sec\u00e7\u00e3o dentro do site existente que funcionasse como um percurso hist\u00f3rico interativo<\/strong>, sem sobrecarregar o utilizador nem comprometer o design global do site.<\/p>\n<p>Havia ainda restri\u00e7\u00f5es t\u00e9cnicas: a sec\u00e7\u00e3o teria de se integrar numa estrutura pr\u00e9-existente em <strong>Webflow<\/strong>, respeitando a identidade visual base e, ao mesmo tempo, trazendo personalidade pr\u00f3pria. A equipa teve tamb\u00e9m de gerir um grande volume de imagens e recursos, garantindo tempos de carregamento aceit\u00e1veis e compatibilidade com os principais browsers.<\/p>\n<p>Em termos de estrat\u00e9gia digital, o desafio resume-se numa frase: <strong>transformar informa\u00e7\u00e3o em experi\u00eancia<\/strong>. E \u00e9 precisamente aqui que Flashlights se destaca.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-76628-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 visual: est\u00e9tica de arquivo vivo e cartazismo ativista<\/h3>\n<p>O universo visual de Flashlights inspira-se em <strong>cartazes vintage, colagens, recortes de imprensa, fotografias de arquivo e apontamentos manuscritos<\/strong>. Esta fus\u00e3o cria uma est\u00e9tica simultaneamente documental e emotiva: n\u00e3o estamos perante um site corporativo tradicional, mas sim diante de um mural digital em constante movimento.<\/p>\n<p>A paleta crom\u00e1tica assenta em dois tons principais destacados nos Awwwards: <strong>#F1EADA<\/strong>, um marfim quente que evoca papel envelhecido, e <strong>#DF4359<\/strong>, um vermelho intenso usado para t\u00edtulos, detalhes e elementos de destaque. A combina\u00e7\u00e3o sugere, ao mesmo tempo, mem\u00f3ria hist\u00f3rica e energia ativista.<\/p>\n<p>A tipografia refor\u00e7a este conceito: conjuga fontes de inspira\u00e7\u00e3o editorial com t\u00edtulos marcantes que remetem para a imprensa e cartazes de protesto. O resultado \u00e9 um sistema gr\u00e1fico coeso, que foge do aspeto ass\u00e9tico e se alinha com a causa social representada.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-76628-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 arquitetura de informa\u00e7\u00e3o: a linha do tempo como fio condutor<\/h3>\n<p>Para gerir a densidade do conte\u00fado, a Tubik recorre a um recurso cl\u00e1ssico \u2014 e extremamente eficaz quando bem executado: <strong>uma linha do tempo interativa<\/strong>. Em vez de um texto longo e dif\u00edcil de navegar, a hist\u00f3ria dos jailhouse lawyers \u00e9 dividida em etapas e momentos-chave, permitindo ao utilizador explorar de forma sequencial ou saltar diretamente para os marcos que mais lhe interessam.<\/p>\n<p>Cada bloco da linha do tempo combina <strong>texto curto, imagem, colagem e composi\u00e7\u00e3o tipogr\u00e1fica<\/strong>. Isto cria pequenas \u201cc\u00e1psulas\u201d narrativas, f\u00e1ceis de ler, r\u00e1pidas de percorrer e visualmente distintas. A sensa\u00e7\u00e3o \u00e9 de progresso: o utilizador vai avan\u00e7ando, p\u00e1gina a p\u00e1gina, sem nunca perder o fio \u00e0 meada.<\/p>\n<p>Do ponto de vista de <strong>UX design<\/strong>, esta abordagem reduz a carga cognitiva de um tema complexo, respeita diferentes n\u00edveis de profundidade \u2014 leitura r\u00e1pida ou explora\u00e7\u00e3o detalhada \u2014 e evita o scroll infinito e desestruturado t\u00e3o comum em projetos de conte\u00fado.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-76628-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, tens\u00e3o e emo\u00e7\u00e3o<\/h3>\n<p>Flashlights n\u00e3o seria o mesmo sem o trabalho de <strong>motion design<\/strong> liderado por Ladamyra Kuntysia. Cada transi\u00e7\u00e3o, efeito de entrada e microanima\u00e7\u00e3o tem um prop\u00f3sito narrativo. N\u00e3o h\u00e1 movimentos gratuitos: tudo serve o <strong>ritmo de leitura<\/strong>.<\/p>\n<p>\u00c0 medida que se avan\u00e7a na linha do tempo, os elementos surgem com anima\u00e7\u00f5es suaves que evocam o universo do collage f\u00edsico: pe\u00e7as que deslizam, molduras que se encaixam, fotografias sobrepostas. Isto refor\u00e7a a sensa\u00e7\u00e3o de folhear um arquivo vivo.<\/p>\n<p>O scroll \u00e9 usado como <strong>ferramenta de storytelling<\/strong>. N\u00e3o serve apenas para \u201cdescer\u201d na p\u00e1gina: ativa mudan\u00e7as de composi\u00e7\u00e3o, destaca n\u00fameros, reposiciona mapas e revela cita\u00e7\u00f5es. \u00c9 um recurso cada vez mais presente em projetos premiados nos Awwwards e encaixa perfeitamente na tend\u00eancia do <strong>scroll narrativo<\/strong>.<\/p>\n<div style=\"width: 2800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-76628-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>Integra\u00e7\u00e3o t\u00e9cnica em Webflow e performance<\/h3>\n<p>Apesar do resultado parecer leve, o projeto \u00e9 tecnicamente exigente. O programador <strong>Oleksii Dubrov<\/strong> teve de integrar esta sec\u00e7\u00e3o num site Webflow j\u00e1 existente, trabalhando com um grande volume de imagens otimizadas em <strong>WebP<\/strong>, camadas e <em>blend modes<\/em> para simular texturas, anima\u00e7\u00f5es personalizadas e compatibilidade entre browsers, sem sacrificar a riqueza visual.<\/p>\n<p>O equil\u00edbrio entre <strong>impacto visual e desempenho<\/strong> \u00e9 mais uma raz\u00e3o para Flashlights ter recebido o <strong>Awwwards Developer Award<\/strong>. \u00c9 um lembrete de que o web design contempor\u00e2neo exige uma rela\u00e7\u00e3o pr\u00f3xima entre designers e developers, sobretudo em experi\u00eancias ricas em conte\u00fado.<\/p>\n<div style=\"width: 2800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-76628-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>Conte\u00fado e tom: pedagogia, respeito e compromisso<\/h3>\n<p>Para al\u00e9m do visual, o sucesso do projeto assenta num tom editorial muito bem afinado. O conte\u00fado \u00e9 <strong>rigoroso<\/strong>, com dados, datas e contexto hist\u00f3rico bem fundamentados; <strong>acess\u00edvel<\/strong>, evitando jarg\u00e3o jur\u00eddico desnecess\u00e1rio; <strong>respeitador<\/strong> das pessoas retratadas e das suas viv\u00eancias; e claramente <strong>comprometido<\/strong>, no sentido em que convida \u00e0 reflex\u00e3o e \u00e0 tomada de posi\u00e7\u00e3o.<\/p>\n<p>O design gr\u00e1fico de <strong>Maryna Solomennykova<\/strong> serve de ponte entre o conte\u00fado e o utilizador: cada elemento visual refor\u00e7a a voz do texto e impede que o projeto se torne frio ou excessivamente acad\u00e9mico. \u00c9 um equil\u00edbrio delicado, mas muito bem conseguido.<\/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>Reconhecimentos: um projeto pequeno em dimens\u00e3o, gigante no impacto<\/h3>\n<p>Flashlights conquistou diversos pr\u00e9mios internacionais que atestam a sua excel\u00eancia: <strong>Awwwards Site of the Day<\/strong>, <strong>Awwwards Honorable Mention<\/strong>, <strong>Awwwards Developer Award<\/strong>, nomea\u00e7\u00e3o para <strong>Site of the Month<\/strong> nos Awwwards e nomea\u00e7\u00e3o nos <strong>Webby Awards<\/strong>. N\u00e3o \u00e9 por acaso: re\u00fane tudo o que hoje se valoriza no web design de topo \u2014 ideia s\u00f3lida, responsabilidade social, execu\u00e7\u00e3o visual irrepreens\u00edvel, experi\u00eancia de utilizador cuidada e desempenho t\u00e9cnico de excel\u00eancia.<\/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>Aprendizagens para marcas, institui\u00e7\u00f5es e est\u00fadios de design<\/h3>\n<p>Flashlights deixa v\u00e1rias li\u00e7\u00f5es que qualquer <strong>est\u00fadio de web design<\/strong> ou institui\u00e7\u00e3o pode aplicar: conte\u00fados complexos tornam-se acess\u00edveis quando bem estruturados e suportados por um sistema visual coerente; o design n\u00e3o deve suavizar o problema, mas sim ajudar-nos a encar\u00e1-lo com mais contexto e empatia; a narrativa interativa \u00e9 especialmente poderosa em projetos educativos, de mem\u00f3ria hist\u00f3rica ou justi\u00e7a social; e a integra\u00e7\u00e3o t\u00e9cnica \u00e9 t\u00e3o importante quanto a est\u00e9tica.<\/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>Conclus\u00e3o: Flashlights como exemplo de web design com prop\u00f3sito<\/h3>\n<p>Flashlights prova que o <strong>web design com prop\u00f3sito<\/strong> pode ser belo, emotivo e tecnicamente avan\u00e7ado. N\u00e3o \u00e9 apenas uma sec\u00e7\u00e3o de um site institucional: \u00e9 um peda\u00e7o de <strong>mem\u00f3ria digital<\/strong>, um recurso pedag\u00f3gico e uma ferramenta de ativismo.<\/p>\n<p>Para quem trabalha em <strong>web design, branding e experi\u00eancia digital<\/strong>, este projeto confirma que as melhores interfaces n\u00e3o s\u00e3o as que mais se imp\u00f5em, mas sim as que iluminam hist\u00f3rias raramente contadas. E, nesse sentido, o trabalho do <strong>Tubik Studio<\/strong> com a Jailhouse Lawyers Initiative faz jus ao nome do projeto: verdadeiras lanternas acesas num sistema que prefere manter muitas realidades na sombra.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quando o web design revela a hist\u00f3ria oculta do sistema judicial Na nossa rubrica destaque de web design da semana, analisamos projetos digitais que n\u00e3o se destacam apenas pelo impacto visual, mas tamb\u00e9m mostram como uma boa experi\u00eancia de utilizador pode transformar a nossa perce\u00e7\u00e3o do mundo. Hoje damos destaque a Flashlights, uma cria\u00e7\u00e3o do [&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-76628","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Destaque de web design da semana: Flashlights \u2014 Hist\u00f3ria interativa e ativismo digital com a 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\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Destaque de web design da semana: Flashlights \u2014 Hist\u00f3ria interativa e ativismo digital com a Tubik Studio - CODE\" \/>\n<meta property=\"og:description\" content=\"Quando o web design revela a hist\u00f3ria oculta do sistema judicial Na nossa rubrica destaque de web design da semana, analisamos projetos digitais que n\u00e3o se destacam apenas pelo impacto visual, mas tamb\u00e9m mostram como uma boa experi\u00eancia de utilizador pode transformar a nossa perce\u00e7\u00e3o do mundo. Hoje damos destaque a Flashlights, uma cria\u00e7\u00e3o do [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-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-11T00:13:58+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=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Destaque de web design da semana: Flashlights \u2014 Hist\u00f3ria interativa e ativismo digital com a Tubik Studio\",\"datePublished\":\"2025-11-24T06:49:16+00:00\",\"dateModified\":\"2026-06-11T00:13:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\\\/\"},\"wordCount\":1626,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-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\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\\\/\",\"name\":\"Destaque de web design da semana: Flashlights \u2014 Hist\u00f3ria interativa e ativismo digital com a Tubik Studio - CODE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-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-11T00:13:58+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-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\\\/pt-pt\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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":"Destaque de web design da semana: Flashlights \u2014 Hist\u00f3ria interativa e ativismo digital com a 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\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\/","og_locale":"pt_PT","og_type":"article","og_title":"Destaque de web design da semana: Flashlights \u2014 Hist\u00f3ria interativa e ativismo digital com a Tubik Studio - CODE","og_description":"Quando o web design revela a hist\u00f3ria oculta do sistema judicial Na nossa rubrica destaque de web design da semana, analisamos projetos digitais que n\u00e3o se destacam apenas pelo impacto visual, mas tamb\u00e9m mostram como uma boa experi\u00eancia de utilizador pode transformar a nossa perce\u00e7\u00e3o do mundo. Hoje damos destaque a Flashlights, uma cria\u00e7\u00e3o do [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\/","og_site_name":"CODE","article_published_time":"2025-11-24T06:49:16+00:00","article_modified_time":"2026-06-11T00:13:58+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":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Destaque de web design da semana: Flashlights \u2014 Hist\u00f3ria interativa e ativismo digital com a Tubik Studio","datePublished":"2025-11-24T06:49:16+00:00","dateModified":"2026-06-11T00:13:58+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\/"},"wordCount":1626,"image":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-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":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\/","url":"https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\/","name":"Destaque de web design da semana: Flashlights \u2014 Hist\u00f3ria interativa e ativismo digital com a Tubik Studio - CODE","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-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-11T00:13:58+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-tubik-studio\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/destaque-web-semana-flashlights-historia-interactiva-ativismo-digital-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\/pt-pt\/#website","url":"https:\/\/codewebbarcelona.com\/pt-pt\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/pt-pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"pt-PT","@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\/pt-pt\/wp-json\/wp\/v2\/posts\/76628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=76628"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/76628\/revisions"}],"predecessor-version":[{"id":76648,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/76628\/revisions\/76648"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/media\/7852"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=76628"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=76628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}