{"id":20032,"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-20T22:19:30","modified_gmt":"2026-04-20T22:19:30","slug":"featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/","title":{"rendered":"Featured Website of the Week: Flashlights \u2014 Interactive Storytelling and Digital Activism with Tubik Studio"},"content":{"rendered":"<h3>When web design shines a light on the hidden stories of the justice system<\/h3>\n<p>In our <strong>featured web design of the week<\/strong> section, we spotlight digital projects that are not only visually striking but also show how great user experience can transform our understanding of the world. Today, our focus is on <strong>Flashlights<\/strong>, a project by <strong>Tubik Studio<\/strong> in collaboration with the <strong>Jailhouse Lawyers Initiative<\/strong> at 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 is an interactive section within an existing website that tells the story and impact of <em>jailhouse lawyers<\/em>: incarcerated individuals who, without formal legal training, taught themselves the law and became legal advocates within the prison system. The challenge was immense: to transform dense, historical, and legal content into an experience that was <strong>clear, accessible, and emotionally compelling<\/strong>.<\/p>\n<p>The result is a standout example of what a <strong>web design agency<\/strong> can achieve when <strong>UI\/UX, motion design, graphic design, and development<\/strong> come together under a unified narrative vision. For studios like ours in Barcelona, specializing in <strong>web design, digital branding, and interactive storytelling<\/strong>, Flashlights is a benchmark project.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-20032-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>Who\u2019s behind it: Tubik Studio and a team of digital experience specialists<\/h3>\n<p>Flashlights is the work of <strong>Tubik Studio<\/strong>, an international studio renowned for its concept-driven digital products. The project brings together a multidisciplinary team, demonstrating that high-level web design is always a collective effort.<\/p>\n<ul>\n<li>Direction and overall concept: <strong>Vladyslav Taran<\/strong>.<\/li>\n<li>UI\/UX design: <strong>Daria Tsehelna<\/strong> and <strong>Artem Meshkov<\/strong>.<\/li>\n<li>Development &#038; Webflow: <strong>Oleksii Dubrov<\/strong>.<\/li>\n<li>Graphic design: <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>The fact that the studio openly credits its team speaks volumes about its culture: this isn\u2019t just a \u201cpretty website,\u201d but the result of <strong>coordinated collaboration across design, content, technology, and management<\/strong>\u2014a must for any complex web project for institutions, NGOs, or cultural initiatives.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-20032-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>The challenge: distilling a complex historical narrative into a navigable experience<\/h3>\n<p>The Jailhouse Lawyers Initiative had a vast trove of information: dates, cases, legal milestones, biographies, quotes, academic resources\u2014a rich narrative, but overwhelming for the general public. Tubik\u2019s brief was clear: <strong>create a section within the existing site that would serve as an interactive historical journey<\/strong>, without overwhelming users or disrupting the site\u2019s overall design.<\/p>\n<p>There were also technical constraints: the section needed to fit seamlessly into a pre-existing <strong>Webflow<\/strong> structure, respecting the core identity while introducing its own visual personality. The team also had to manage a large volume of images and resources, ensuring fast load times and compatibility with modern browsers.<\/p>\n<p>From a digital strategy perspective, the challenge can be summed up in one phrase: <strong>turning information into experience<\/strong>. And that\u2019s exactly where Flashlights excels.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-20032-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>Visual design: a living archive meets activist poster art<\/h3>\n<p>Flashlights\u2019 visual language draws inspiration from <strong>vintage posters, collages, newspaper clippings, archival photos, and handwritten notes<\/strong>. The result is a look that feels both documentary and emotional: this isn\u2019t your typical corporate website, but a kind of digital mural in motion.<\/p>\n<p>The color palette is built around two main shades highlighted by Awwwards: <strong>#F1EADA<\/strong>, a warm ivory reminiscent of aged paper, and <strong>#DF4359<\/strong>, a bold red used for headlines, details, and emphasis. Together, they evoke both historical memory and activist energy.<\/p>\n<p>Typography reinforces this concept: editorial-style fonts are paired with bold headlines reminiscent of print newspapers and protest posters. The result is a cohesive graphic system that avoids sterility and aligns with the social cause it represents.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-20032-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 and information architecture: the timeline as backbone<\/h3>\n<p>To tackle the density of the content, Tubik chose a classic but powerful tool when done right: <strong>an interactive timeline<\/strong>. Instead of overwhelming users with endless text, the story of the jailhouse lawyers is broken down into key stages and moments that users can explore sequentially or jump between as they wish.<\/p>\n<p>Each timeline block combines <strong>concise text, imagery, collage, and typographic composition<\/strong>. This creates bite-sized narrative \u201ccapsules\u201d that are easy to read, scan, and visually distinct. The overall feeling is one of progression: users move forward, page by page, chapter by chapter, never losing the thread.<\/p>\n<p>From a <strong>UX design<\/strong> perspective, this approach reduces cognitive load on a complex topic, accommodates different levels of engagement\u2014quick reads or deep dives\u2014and avoids the endless, unstructured scrolling so common in content-heavy projects.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-20032-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 and scroll: rhythm, tension, and emotion<\/h3>\n<p>Flashlights wouldn\u2019t be the same without the <strong>motion design<\/strong> led by Ladamyra Kuntysia. Every transition, reveal, and micro-animation serves a narrative purpose. There\u2019s no gratuitous movement\u2014everything is in service of the <strong>reading flow<\/strong>.<\/p>\n<p>As you move through the timeline, elements appear with smooth animations reminiscent of physical collages: sliding pieces, layered frames, overlapping photos. This enhances the feeling of leafing through a living archive.<\/p>\n<p>Scrolling is used as a <strong>storytelling tool<\/strong>. It\u2019s not just about moving down the page: it triggers layout changes, highlights figures, repositions maps, and reveals quotes. This technique is increasingly common in Awwwards-winning projects and fits perfectly with the trend of <strong>narrative scrolling<\/strong>.<\/p>\n<div style=\"width: 2800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-20032-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>Technical integration in Webflow and performance<\/h3>\n<p>Despite its light feel, the project is technically complex. Developer <strong>Oleksii Dubrov<\/strong> had to integrate this section into an existing Webflow site, working with a large number of optimized <strong>WebP<\/strong> images, layers, and <em>blend modes<\/em> to simulate textures, custom animations, and cross-browser compatibility\u2014all without sacrificing visual richness.<\/p>\n<p>The balance between <strong>visual impact and performance<\/strong> is another reason Flashlights earned the <strong>Awwwards Developer Award<\/strong>. It\u2019s a reminder that contemporary web design demands close collaboration between designers and developers, especially for content-rich experiences.<\/p>\n<div style=\"width: 2800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-20032-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>Content and tone: education, respect, and commitment<\/h3>\n<p>Beyond the visuals, the project\u2019s success rests on a carefully crafted editorial tone. The content is <strong>rigorous<\/strong>, with well-documented facts, dates, and historical context; <strong>accessible<\/strong>, avoiding unnecessary legal jargon; <strong>respectful<\/strong> of the people and stories portrayed; and clearly <strong>committed<\/strong>, inviting reflection and engagement.<\/p>\n<p><strong>Maryna Solomennykova\u2019s<\/strong> graphic design bridges the content and the user: every visual element amplifies the text\u2019s voice and prevents the project from feeling cold or academic. It\u2019s a delicate balance, but one that\u2019s been masterfully achieved.<\/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>Recognition: small in size, huge in impact<\/h3>\n<p>Flashlights has received multiple international accolades validating its excellence: <strong>Awwwards Site of the Day<\/strong>, <strong>Awwwards Honorable Mention<\/strong>, <strong>Awwwards Developer Award<\/strong>, a nomination for <strong>Site of the Month<\/strong> at Awwwards, and a <strong>Webby Awards<\/strong> nomination. This is no coincidence: it brings together everything valued in top-tier web design today\u2014solid concept, social responsibility, flawless visual execution, thoughtful user experience, and outstanding technical performance.<\/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>Lessons for brands, institutions, and design studios<\/h3>\n<p>Flashlights offers several takeaways for any <strong>web design studio<\/strong> or institution: complex content can be made digestible with the right structure and a cohesive visual system; design shouldn\u2019t gloss over difficult issues, but help us confront them with more context and empathy; interactive storytelling is especially powerful for educational, historical memory, or social justice projects; and technical integration is just as important as aesthetics.<\/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>Conclusion: Flashlights as a model for purposeful web design<\/h3>\n<p>Flashlights proves that <strong>purpose-driven web design<\/strong> can be beautiful, moving, and technically sophisticated all at once. It\u2019s not just a section within an institutional website: it\u2019s a piece of <strong>digital memory<\/strong>, an educational resource, and a tool for activism.<\/p>\n<p>For those of us working in <strong>web design, branding, and digital experience<\/strong>, this project confirms that the best interfaces aren\u2019t the loudest\u2014they\u2019re the ones that illuminate stories rarely told. In that sense, Tubik Studio\u2019s work with the Jailhouse Lawyers Initiative truly lives up to its name: these are real flashlights shining in a system that prefers to keep many things in the dark.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When web design shines a light on the hidden stories of the justice system In our featured web design of the week section, we spotlight digital projects that are not only visually striking but also show how great user experience can transform our understanding of the world. Today, our focus is on Flashlights, a project [&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-20032","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>Featured Website of the Week: Flashlights \u2014 Interactive Storytelling and Digital Activism with 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\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Featured Website of the Week: Flashlights \u2014 Interactive Storytelling and Digital Activism with Tubik Studio - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"When web design shines a light on the hidden stories of the justice system In our featured web design of the week section, we spotlight digital projects that are not only visually striking but also show how great user experience can transform our understanding of the world. Today, our focus is on Flashlights, a project [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-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-20T22:19:30+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\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Featured Website of the Week: Flashlights \u2014 Interactive Storytelling and Digital Activism with Tubik Studio\",\"datePublished\":\"2025-11-24T06:49:16+00:00\",\"dateModified\":\"2026-04-20T22:19:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/\"},\"wordCount\":1373,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-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\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/\",\"name\":\"Featured Website of the Week: Flashlights \u2014 Interactive Storytelling and Digital Activism with Tubik Studio - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-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-20T22:19:30+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-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\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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":"Featured Website of the Week: Flashlights \u2014 Interactive Storytelling and Digital Activism with 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\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/","og_locale":"en_US","og_type":"article","og_title":"Featured Website of the Week: Flashlights \u2014 Interactive Storytelling and Digital Activism with Tubik Studio - Code Barcelona","og_description":"When web design shines a light on the hidden stories of the justice system In our featured web design of the week section, we spotlight digital projects that are not only visually striking but also show how great user experience can transform our understanding of the world. Today, our focus is on Flashlights, a project [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/","og_site_name":"Code Barcelona","article_published_time":"2025-11-24T06:49:16+00:00","article_modified_time":"2026-04-20T22:19:30+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\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Featured Website of the Week: Flashlights \u2014 Interactive Storytelling and Digital Activism with Tubik Studio","datePublished":"2025-11-24T06:49:16+00:00","dateModified":"2026-04-20T22:19:30+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/"},"wordCount":1373,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-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":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/","name":"Featured Website of the Week: Flashlights \u2014 Interactive Storytelling and Digital Activism with Tubik Studio - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-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-20T22:19:30+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-tubik-studio\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/featured-web-design-flashlights-interactive-story-digital-activism-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\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@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\/en\/wp-json\/wp\/v2\/posts\/20032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=20032"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/20032\/revisions"}],"predecessor-version":[{"id":20052,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/20032\/revisions\/20052"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/7852"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=20032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=20032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}