{"id":87599,"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-11T06:12:32","modified_gmt":"2026-06-11T06:12:32","slug":"webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\/","title":{"rendered":"Hervorgehobenes Webdesign der Woche: Flashlights \u2014 Interaktive Geschichte und digitaler Aktivismus mit Tubik Studio"},"content":{"rendered":"<h3>Wenn Webdesign verborgene Geschichten des Justizsystems ans Licht bringt<\/h3>\n<p>In unserer Rubrik <strong>Webdesign-Highlight der Woche<\/strong> stellen wir digitale Projekte vor, die nicht nur visuell beeindrucken, sondern auch zeigen, wie eine durchdachte User Experience unsere Sicht auf die Welt ver\u00e4ndern kann. Heute richten wir den Scheinwerfer auf <strong>Flashlights<\/strong>, ein Projekt von <strong>Tubik Studio<\/strong> in Zusammenarbeit mit der <strong>Jailhouse Lawyers Initiative<\/strong> der 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 ist ein interaktiver Bereich innerhalb einer bestehenden Website, der die Geschichte und Bedeutung der <em>jailhouse lawyers<\/em> erz\u00e4hlt: Inhaftierte, die sich ohne formale juristische Ausbildung selbst das Recht beigebracht haben und innerhalb der Gef\u00e4ngnisse zu Rechtsbeist\u00e4nden wurden. Die Herausforderung war enorm: Komplexe, historische und juristische Inhalte in eine <strong>klare, zug\u00e4ngliche und emotional ber\u00fchrende<\/strong> Nutzererfahrung zu verwandeln.<\/p>\n<p>Das Ergebnis ist ein Paradebeispiel daf\u00fcr, was eine <strong>Webdesign-Agentur<\/strong> erreichen kann, wenn <strong>UI\/UX, Motion Design, Grafikdesign und Entwicklung<\/strong> unter einer gemeinsamen narrativen Vision zusammenkommen. F\u00fcr Studios wie unseres in Barcelona, die sich auf <strong>Webdesign, digitales Branding und interaktives Storytelling<\/strong> spezialisiert haben, wird Flashlights damit zur unverzichtbaren Referenz.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87599-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>Das Team dahinter: Tubik Studio und Spezialist:innen f\u00fcr digitale Erlebnisse<\/h3>\n<p>Flashlights stammt aus der Feder von <strong>Tubik Studio<\/strong>, einem internationalen Studio, das f\u00fcr seine konzeptstarken digitalen Produkte bekannt ist. Das Projekt vereint ein multidisziplin\u00e4res Team und zeigt, dass exzellentes Webdesign immer Teamarbeit ist.<\/p>\n<ul>\n<li>Leitung und Gesamtkonzept: <strong>Vladyslav Taran<\/strong>.<\/li>\n<li>UI\/UX Design: <strong>Daria Tsehelna<\/strong> und <strong>Artem Meshkov<\/strong>.<\/li>\n<li>Entwicklung &#038; Webflow: <strong>Oleksii Dubrov<\/strong>.<\/li>\n<li>Grafikdesign: <strong>Maryna Solomennykova<\/strong>.<\/li>\n<li>Motion Design: <strong>Ladamyra Kuntysia<\/strong>.<\/li>\n<li>Projektmanagement: <strong>Anastasiia Ostapenko<\/strong>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Dass das Studio die Credits offen kommuniziert, spricht f\u00fcr seine Kultur: Das Projekt ist weit mehr als eine \u201esch\u00f6ne Website\u201c \u2013 es ist das Ergebnis einer <strong>koordinierten Zusammenarbeit von Design, Inhalt, Technologie und Projektsteuerung<\/strong>. Gerade bei komplexen Webprojekten f\u00fcr Institutionen, NGOs oder Kulturbetriebe ist das entscheidend.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87599-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>Die Herausforderung: Komplexe Zeitgeschichte als digitale Erfahrung erlebbar machen<\/h3>\n<p>Die Jailhouse Lawyers Initiative verf\u00fcgte \u00fcber eine F\u00fclle an Informationen: Daten, Fallgeschichten, juristische Meilensteine, Biografien, Zitate, wissenschaftliche Ressourcen \u2026 Eine inhaltlich reiche, aber f\u00fcr ein breites Publikum schwer zug\u00e4ngliche Narrative. Der Auftrag an Tubik war klar: <strong>eine Sektion innerhalb der bestehenden Website zu schaffen, die als interaktiver historischer Rundgang funktioniert<\/strong> \u2013 ohne die Nutzer:innen zu \u00fcberfordern oder das Gesamtdesign zu sprengen.<\/p>\n<p>Hinzu kamen technische Vorgaben: Die Sektion musste sich in eine bestehende <strong>Webflow<\/strong>-Struktur einf\u00fcgen, die Grundidentit\u00e4t respektieren und zugleich eine eigene visuelle Handschrift entwickeln. Das Team musste zudem eine gro\u00dfe Menge an Bildmaterial und Ressourcen so einbinden, dass Ladezeiten und Browserkompatibilit\u00e4t gew\u00e4hrleistet bleiben.<\/p>\n<p>Digitalstrategisch l\u00e4sst sich die Herausforderung auf einen Satz bringen: <strong>Information in Erlebnis verwandeln<\/strong>. Genau hier setzt Flashlights Ma\u00dfst\u00e4be.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87599-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>Visuelles Design: Zwischen lebendigem Archiv und Aktivismus-\u00c4sthetik<\/h3>\n<p>Die visuelle Sprache von Flashlights sch\u00f6pft aus <strong>Vintage-Plakaten, Collagen, Zeitungsausschnitten, Archivfotos und handschriftlichen Notizen<\/strong>. Diese Mischung erzeugt eine \u00c4sthetik, die dokumentarisch und emotional zugleich wirkt: Hier entsteht kein klassischer Unternehmensauftritt, sondern ein digitales Wandbild in Bewegung.<\/p>\n<p>Die Farbpalette basiert auf zwei von Awwwards hervorgehobenen T\u00f6nen: <strong>#F1EADA<\/strong>, ein warmes Elfenbein, das an gealtertes Papier erinnert, und <strong>#DF4359<\/strong>, ein kr\u00e4ftiges Rot als Akzent f\u00fcr Headlines, Details und Highlights. Die Kombination vermittelt historische Tiefe und die Energie des Aktivismus.<\/p>\n<p>Auch die Typografie unterstreicht diesen Ansatz: Editorial anmutende Schriften treffen auf markante \u00dcberschriften, die an Printmedien und Protestplakate erinnern. Das Ergebnis ist ein konsistentes grafisches System, das sich bewusst von steriler \u00c4sthetik absetzt und die soziale Botschaft unterst\u00fctzt.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87599-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 und Informationsarchitektur: Die Timeline als roter Faden<\/h3>\n<p>Um die inhaltliche Dichte zu meistern, setzt Tubik auf ein bew\u00e4hrtes, aber wirkungsvolles Mittel: <strong>eine interaktive Zeitleiste<\/strong>. Statt eines endlosen Flie\u00dftextes wird die Geschichte der jailhouse lawyers in Etappen und Schl\u00fcsselmomente gegliedert, die Nutzer:innen entweder chronologisch oder gezielt ansteuern k\u00f6nnen.<\/p>\n<p>Jeder Abschnitt der Timeline kombiniert <strong>kurze Texte, Bilder, Collagen und typografische Kompositionen<\/strong>. So entstehen kleine, leicht erfassbare Story-Kapseln, die sich optisch und inhaltlich voneinander abheben. Das Gef\u00fchl: Man bl\u00e4ttert Seite f\u00fcr Seite, Kapitel f\u00fcr Kapitel \u2013 ohne den roten Faden zu verlieren.<\/p>\n<p>Aus <strong>UX-Sicht<\/strong> reduziert dieser Ansatz die kognitive Belastung bei einem komplexen Thema, erm\u00f6glicht verschiedene Tiefen \u2013 vom schnellen \u00dcberblick bis zur vertieften Recherche \u2013 und vermeidet das oft erm\u00fcdende, strukturlose Endlos-Scrolling.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87599-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 und Scroll: Rhythmus, Spannung, Emotion<\/h3>\n<p>Flashlights w\u00e4re ohne das Motion Design von Ladamyra Kuntysia nicht dasselbe. Jede Transition, jedes Auftauchen, jede Mikroanimation folgt einem erz\u00e4hlerischen Zweck. Es gibt keine Effekte um der Effekte willen \u2013 alles dient dem <strong>Leserhythmus<\/strong>.<\/p>\n<p>Beim Navigieren durch die Timeline erscheinen die Elemente mit sanften Animationen, die an echte Collagen erinnern: Einzelteile gleiten ins Bild, Rahmen werden aufgebaut, Fotos \u00fcberlagern sich. Das verst\u00e4rkt das Gef\u00fchl, durch ein lebendiges Archiv zu bl\u00e4ttern.<\/p>\n<p>Der Scroll wird zur <strong>Storytelling-Engine<\/strong>. Er dient nicht nur dem \u201eWeiterbl\u00e4ttern\u201c, sondern l\u00f6st Kompositionswechsel aus, hebt Zahlen hervor, verschiebt Karten und entfaltet Zitate. Ein Ansatz, der immer h\u00e4ufiger bei Awwwards-pr\u00e4mierten Projekten zu sehen ist und perfekt zum Trend des <strong>narrativen Scrollings<\/strong> passt.<\/p>\n<div style=\"width: 2800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87599-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>Technische Integration in Webflow und Performance<\/h3>\n<p>So leicht das Ergebnis wirkt, so anspruchsvoll ist die technische Umsetzung. Entwickler <strong>Oleksii Dubrov<\/strong> musste die Sektion in eine bestehende Webflow-Seite integrieren, zahlreiche Bilder im <strong>WebP<\/strong>-Format optimieren, mit Ebenen und <em>Blend Modes<\/em> Texturen simulieren, individuelle Animationen realisieren und dabei die Browserkompatibilit\u00e4t sicherstellen \u2013 ohne visuelle Qualit\u00e4t einzub\u00fc\u00dfen.<\/p>\n<p>Das ausgewogene Verh\u00e4ltnis von <strong>visuellem Impact und Performance<\/strong> ist einer der Gr\u00fcnde, warum Flashlights mit dem <strong>Awwwards Developer Award<\/strong> ausgezeichnet wurde. Ein Beleg daf\u00fcr, dass modernes Webdesign eine enge Zusammenarbeit von Design und Entwicklung erfordert \u2013 gerade bei inhaltsstarken Erlebnissen.<\/p>\n<div style=\"width: 2800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87599-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>Inhalt und Tonalit\u00e4t: Vermittlung, Respekt und Haltung<\/h3>\n<p>\u00dcber die visuelle Ebene hinaus \u00fcberzeugt das Projekt durch eine pr\u00e4zise abgestimmte redaktionelle Tonalit\u00e4t. Die Inhalte sind <strong>fundiert<\/strong>, mit sorgf\u00e4ltig recherchierten Daten, Fakten und historischem Kontext; <strong>zug\u00e4nglich<\/strong>, ohne unn\u00f6tigen juristischen Jargon; <strong>respektvoll<\/strong> gegen\u00fcber den portr\u00e4tierten Menschen und ihren Geschichten; und klar <strong>engagiert<\/strong> \u2013 sie regen zur Reflexion und Positionierung an.<\/p>\n<p>Das Grafikdesign von <strong>Maryna Solomennykova<\/strong> schl\u00e4gt die Br\u00fccke zwischen Inhalt und Nutzer: Jede visuelle Komponente verst\u00e4rkt die Aussage des Textes und verhindert, dass das Projekt in akademische Distanz abrutscht. Ein sensibles Gleichgewicht, das hier hervorragend gelingt.<\/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>Auszeichnungen: Klein im Umfang, gro\u00df in der Wirkung<\/h3>\n<p>Flashlights wurde mit zahlreichen internationalen Preisen ausgezeichnet, die seine Qualit\u00e4t best\u00e4tigen: <strong>Awwwards Site of the Day<\/strong>, <strong>Awwwards Honorable Mention<\/strong>, <strong>Awwwards Developer Award<\/strong>, Nominierung als <strong>Site of the Month<\/strong> bei Awwwards und Nominierung bei den <strong>Webby Awards<\/strong>. Kein Zufall: Das Projekt vereint alles, was heute im High-End-Webdesign z\u00e4hlt \u2013 eine starke Idee, gesellschaftliche Verantwortung, makellose visuelle Umsetzung, durchdachte User Experience und herausragende technische 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>Learnings f\u00fcr Marken, Institutionen und Designstudios<\/h3>\n<p>Flashlights liefert wertvolle Impulse, die jedes <strong>Webdesign-Studio<\/strong> oder jede Institution f\u00fcr eigene Projekte nutzen kann: Komplexe Inhalte werden zug\u00e4nglich, wenn sie gut strukturiert und visuell konsistent aufbereitet sind; Design sollte Probleme nicht besch\u00f6nigen, sondern sie mit mehr Kontext und Empathie sichtbar machen; interaktives Storytelling entfaltet besonders bei Bildungs-, Erinnerungs- oder Social-Justice-Projekten seine Kraft; und die technische Integration ist genauso wichtig wie die \u00c4sthetik.<\/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>Fazit: Flashlights als Vorbild f\u00fcr sinnstiftendes Webdesign<\/h3>\n<p>Flashlights beweist, dass <strong>Webdesign mit Haltung<\/strong> zugleich sch\u00f6n, bewegend und technisch anspruchsvoll sein kann. Es ist nicht nur ein Abschnitt einer institutionellen Website, sondern ein St\u00fcck <strong>digitale Erinnerungskultur<\/strong>, ein p\u00e4dagogisches Werkzeug und ein Instrument des Aktivismus.<\/p>\n<p>F\u00fcr alle, die im Bereich <strong>Webdesign, Branding und digitale Experience<\/strong> arbeiten, best\u00e4tigt dieses Projekt: Die besten Interfaces sind nicht die lautesten, sondern die, die selten erz\u00e4hlte Geschichten ins Licht r\u00fccken. In diesem Sinne macht die Arbeit von <strong>Tubik Studio<\/strong> mit der Jailhouse Lawyers Initiative dem Projektnamen alle Ehre \u2013 sie sind echte \u201eFlashlights\u201c in einem System, das vieles lieber im Dunkeln l\u00e4sst.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wenn Webdesign verborgene Geschichten des Justizsystems ans Licht bringt In unserer Rubrik Webdesign-Highlight der Woche stellen wir digitale Projekte vor, die nicht nur visuell beeindrucken, sondern auch zeigen, wie eine durchdachte User Experience unsere Sicht auf die Welt ver\u00e4ndern kann. Heute richten wir den Scheinwerfer auf Flashlights, ein Projekt von Tubik Studio in Zusammenarbeit mit [&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":[686,658],"class_list":["post-87599","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiration","category-webdesign-webentwicklung"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Hervorgehobenes Webdesign der Woche: Flashlights \u2014 Interaktive Geschichte und digitaler Aktivismus mit 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\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hervorgehobenes Webdesign der Woche: Flashlights \u2014 Interaktive Geschichte und digitaler Aktivismus mit Tubik Studio - CODE\" \/>\n<meta property=\"og:description\" content=\"Wenn Webdesign verborgene Geschichten des Justizsystems ans Licht bringt In unserer Rubrik Webdesign-Highlight der Woche stellen wir digitale Projekte vor, die nicht nur visuell beeindrucken, sondern auch zeigen, wie eine durchdachte User Experience unsere Sicht auf die Welt ver\u00e4ndern kann. Heute richten wir den Scheinwerfer auf Flashlights, ein Projekt von Tubik Studio in Zusammenarbeit mit [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-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-11T06:12:32+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\\\/de\\\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Hervorgehobenes Webdesign der Woche: Flashlights \u2014 Interaktive Geschichte und digitaler Aktivismus mit Tubik Studio\",\"datePublished\":\"2025-11-24T06:49:16+00:00\",\"dateModified\":\"2026-06-11T06:12:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\\\/\"},\"wordCount\":1388,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-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\":[\"Inspiration\",\"Webdesign und -entwicklung\"],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\\\/\",\"name\":\"Hervorgehobenes Webdesign der Woche: Flashlights \u2014 Interaktive Geschichte und digitaler Aktivismus mit Tubik Studio - CODE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-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-11T06:12:32+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-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\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@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":"Hervorgehobenes Webdesign der Woche: Flashlights \u2014 Interaktive Geschichte und digitaler Aktivismus mit 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\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\/","og_locale":"de_DE","og_type":"article","og_title":"Hervorgehobenes Webdesign der Woche: Flashlights \u2014 Interaktive Geschichte und digitaler Aktivismus mit Tubik Studio - CODE","og_description":"Wenn Webdesign verborgene Geschichten des Justizsystems ans Licht bringt In unserer Rubrik Webdesign-Highlight der Woche stellen wir digitale Projekte vor, die nicht nur visuell beeindrucken, sondern auch zeigen, wie eine durchdachte User Experience unsere Sicht auf die Welt ver\u00e4ndern kann. Heute richten wir den Scheinwerfer auf Flashlights, ein Projekt von Tubik Studio in Zusammenarbeit mit [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\/","og_site_name":"CODE","article_published_time":"2025-11-24T06:49:16+00:00","article_modified_time":"2026-06-11T06:12:32+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\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Hervorgehobenes Webdesign der Woche: Flashlights \u2014 Interaktive Geschichte und digitaler Aktivismus mit Tubik Studio","datePublished":"2025-11-24T06:49:16+00:00","dateModified":"2026-06-11T06:12:32+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\/"},"wordCount":1388,"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-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":["Inspiration","Webdesign und -entwicklung"],"inLanguage":"de-DE"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\/","url":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\/","name":"Hervorgehobenes Webdesign der Woche: Flashlights \u2014 Interaktive Geschichte und digitaler Aktivismus mit Tubik Studio - CODE","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-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-11T06:12:32+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-tubik-studio\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-flashlights-interaktive-story-digitales-aktivismus-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\/de\/#website","url":"https:\/\/codewebbarcelona.com\/de\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"de-DE","@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\/de\/wp-json\/wp\/v2\/posts\/87599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/comments?post=87599"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/87599\/revisions"}],"predecessor-version":[{"id":87619,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/87599\/revisions\/87619"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media\/7852"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media?parent=87599"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/categories?post=87599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}