{"id":47008,"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-10T10:25:25","modified_gmt":"2026-06-10T10:25:25","slug":"site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\/","title":{"rendered":"Site web de la semaine : Flashlights \u2014 Histoire interactive et activisme digital avec Tubik Studio"},"content":{"rendered":"<h3>Quand le webdesign \u00e9claire l\u2019histoire cach\u00e9e du syst\u00e8me judiciaire<\/h3>\n<p>Dans notre rubrique <strong>webdesign de la semaine<\/strong>, nous analysons des projets digitaux qui ne se contentent pas d\u2019\u00eatre visuellement remarquables, mais qui prouvent aussi comment une exp\u00e9rience utilisateur bien pens\u00e9e peut transformer notre compr\u00e9hension du monde. Aujourd\u2019hui, lumi\u00e8re sur <strong>Flashlights<\/strong>, une cr\u00e9ation sign\u00e9e <strong>Tubik Studio<\/strong> en partenariat avec la <strong>Jailhouse Lawyers Initiative<\/strong> de la NYU School of Law.<\/p>\n<div style=\"padding: 56.25% 0 0 0; position: relative;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" title=\"Flashlights\" src=\"https:\/\/player.vimeo.com\/video\/1129816608?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\"><\/iframe><\/div>\n<p>&nbsp;<\/p>\n<p>Flashlights est une section interactive int\u00e9gr\u00e9e \u00e0 un site existant, qui retrace l\u2019histoire et l\u2019impact des <em>jailhouse lawyers<\/em> : des personnes incarc\u00e9r\u00e9es qui, sans formation juridique classique, se sont form\u00e9es seules et sont devenues des d\u00e9fenseurs du droit au sein des prisons. Le d\u00e9fi \u00e9tait de taille : transformer un contenu dense, historique et juridique en une exp\u00e9rience <strong>claire, accessible et \u00e9motionnellement forte<\/strong>.<\/p>\n<p>Le r\u00e9sultat est une d\u00e9monstration exemplaire de ce qu\u2019une <strong>agence de webdesign<\/strong> peut accomplir en r\u00e9unissant <strong>UI\/UX, motion design, design graphique et d\u00e9veloppement<\/strong> autour d\u2019une vision narrative commune. Pour des studios comme le n\u00f4tre \u00e0 Barcelone, sp\u00e9cialis\u00e9s en <strong>webdesign, branding digital et storytelling interactif<\/strong>, Flashlights s\u2019impose comme une r\u00e9f\u00e9rence incontournable.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47008-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>Derri\u00e8re le projet : Tubik Studio et une \u00e9quipe experte en exp\u00e9rience digitale<\/h3>\n<p>Flashlights est le fruit du travail de <strong>Tubik Studio<\/strong>, un studio international reconnu pour ses produits digitaux \u00e0 forte dimension conceptuelle. Le projet r\u00e9unit une \u00e9quipe pluridisciplinaire qui illustre parfaitement que le webdesign de haut niveau est toujours une aventure collective.<\/p>\n<ul>\n<li>Direction et concept g\u00e9n\u00e9ral : <strong>Vladyslav Taran<\/strong>.<\/li>\n<li>UI\/UX design : <strong>Daria Tsehelna<\/strong> et <strong>Artem Meshkov<\/strong>.<\/li>\n<li>D\u00e9veloppement et Webflow : <strong>Oleksii Dubrov<\/strong>.<\/li>\n<li>Design graphique : <strong>Maryna Solomennykova<\/strong>.<\/li>\n<li>Motion design : <strong>Ladamyra Kuntysia<\/strong>.<\/li>\n<li>Gestion de projet : <strong>Anastasiia Ostapenko<\/strong>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Le fait que le studio mette en avant ces cr\u00e9dits en dit long sur sa culture : le projet n\u2019est pas qu\u2019un \u00ab joli site \u00bb, mais le fruit d\u2019une <strong>collaboration coordonn\u00e9e entre design, contenu, technologie et gestion<\/strong>, un \u00e9l\u00e9ment cl\u00e9 pour tout projet web complexe destin\u00e9 \u00e0 des institutions, ONG ou initiatives culturelles.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47008-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>Le d\u00e9fi : condenser une narration historique complexe en une exp\u00e9rience fluide<\/h3>\n<p>La Jailhouse Lawyers Initiative disposait d\u2019une masse d\u2019informations consid\u00e9rable : dates, affaires, jalons juridiques, biographies, citations, ressources acad\u00e9miques\u2026 Une mati\u00e8re riche, mais difficile \u00e0 appr\u00e9hender pour le grand public. La mission confi\u00e9e \u00e0 Tubik \u00e9tait claire : <strong>cr\u00e9er une section du site qui serve de parcours historique interactif<\/strong>, sans submerger l\u2019utilisateur ni rompre l\u2019harmonie graphique du site.<\/p>\n<p>\u00c0 cela s\u2019ajoutaient des contraintes techniques : la section devait s\u2019int\u00e9grer dans une structure existante sous <strong>Webflow<\/strong>, respecter l\u2019identit\u00e9 visuelle de base tout en apportant une personnalit\u00e9 graphique propre. L\u2019\u00e9quipe devait \u00e9galement g\u00e9rer un grand volume d\u2019images et de ressources, garantir des temps de chargement raisonnables et assurer la compatibilit\u00e9 avec les navigateurs actuels.<\/p>\n<p>En r\u00e9sum\u00e9, la strat\u00e9gie digitale se concentrait sur un objectif : <strong>transformer l\u2019information en exp\u00e9rience<\/strong>. Et c\u2019est pr\u00e9cis\u00e9ment l\u00e0 que Flashlights excelle.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47008-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 visuel : une esth\u00e9tique d\u2019archives vivantes et d\u2019affiches militantes<\/h3>\n<p>L\u2019univers graphique de Flashlights puise son inspiration dans les <strong>affiches vintage, collages, coupures de presse, photos d\u2019archives et notes manuscrites<\/strong>. Ce m\u00e9lange donne naissance \u00e0 une esth\u00e9tique \u00e0 la fois documentaire et \u00e9motionnelle : on n\u2019est pas face \u00e0 un site institutionnel classique, mais devant une sorte de fresque digitale anim\u00e9e.<\/p>\n<p>La palette de couleurs s\u2019articule autour de deux teintes principales mises en avant par Awwwards : <strong>#F1EADA<\/strong>, un ivoire chaleureux \u00e9voquant le papier ancien, et <strong>#DF4359<\/strong>, un rouge profond utilis\u00e9 pour les titres, les d\u00e9tails et les \u00e9l\u00e9ments d\u2019accent. L\u2019ensemble sugg\u00e8re \u00e0 la fois m\u00e9moire historique et \u00e9nergie militante.<\/p>\n<p>La typographie renforce ce parti-pris : des polices \u00e0 l\u2019esprit \u00e9ditorial se m\u00ealent \u00e0 des titres percutants rappelant la presse imprim\u00e9e et les affiches de protestation. Le r\u00e9sultat : un syst\u00e8me graphique coh\u00e9rent, loin de toute froideur, qui s\u2019engage pleinement pour la cause sociale port\u00e9e par le projet.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47008-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 et architecture de l\u2019information : la timeline comme fil conducteur<\/h3>\n<p>Pour rendre le contenu digeste, Tubik mise sur un classique redoutablement efficace quand il est bien ex\u00e9cut\u00e9 : <strong>une frise chronologique interactive<\/strong>. Plut\u00f4t qu\u2019un long texte difficile \u00e0 parcourir, l\u2019histoire des jailhouse lawyers est d\u00e9coup\u00e9e en \u00e9tapes et moments cl\u00e9s, que l\u2019utilisateur explore \u00e0 son rythme ou en sautant directement aux jalons qui l\u2019int\u00e9ressent.<\/p>\n<p>Chaque segment de la timeline associe <strong>texte concis, image, collage et composition typographique<\/strong>. On obtient ainsi de petites capsules narratives, faciles \u00e0 lire, \u00e0 parcourir et visuellement distinctes. L\u2019impression g\u00e9n\u00e9rale est celle d\u2019une progression : l\u2019utilisateur tourne les pages, chapitre apr\u00e8s chapitre, sans jamais perdre le fil.<\/p>\n<p>Du point de vue de l\u2019<strong>UX design<\/strong>, cette approche r\u00e9duit la charge cognitive face \u00e0 un sujet complexe, respecte diff\u00e9rents niveaux de lecture \u2014 survol rapide ou exploration approfondie \u2014 et \u00e9vite le scroll infini sans structure, si courant dans les projets \u00e9ditoriaux.<\/p>\n<div style=\"width: 2400px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47008-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 et scroll : rythme, tension et \u00e9motion<\/h3>\n<p>Flashlights ne serait pas le m\u00eame projet sans le travail de <strong>motion design<\/strong> men\u00e9 par Ladamyra Kuntysia. Chaque transition, apparition ou micro-animation sert la narration. Aucun effet n\u2019est gratuit : tout contribue au <strong>rythme de lecture<\/strong>.<\/p>\n<p>Au fil de la timeline, les \u00e9l\u00e9ments apparaissent avec des animations douces, \u00e9voquant le collage physique : des pi\u00e8ces qui glissent, des cadres qui se superposent, des photos qui s\u2019assemblent. Cela renforce l\u2019impression de feuilleter des archives vivantes.<\/p>\n<p>Le scroll devient ici un <strong>outil de storytelling<\/strong>. Il ne sert pas seulement \u00e0 \u00ab descendre \u00bb la page : il d\u00e9clenche des changements de composition, met en avant des chiffres, repositionne des cartes et d\u00e9voile des citations. C\u2019est une tendance de plus en plus pr\u00e9sente dans les projets r\u00e9compens\u00e9s par Awwwards, parfaitement incarn\u00e9e ici dans le <strong>scroll narratif<\/strong>.<\/p>\n<div style=\"width: 2800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47008-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>Int\u00e9gration technique sous Webflow et performance<\/h3>\n<p>Si le rendu para\u00eet fluide, le projet est pourtant d\u2019une grande complexit\u00e9 technique. Le d\u00e9veloppeur <strong>Oleksii Dubrov<\/strong> a d\u00fb int\u00e9grer cette section \u00e0 un site Webflow existant, en g\u00e9rant un nombre important d\u2019images optimis\u00e9es au format <strong>WebP<\/strong>, des calques et <em>blend modes<\/em> pour simuler des textures, des animations sur-mesure et une compatibilit\u00e9 multi-navigateurs sans sacrifier la richesse visuelle.<\/p>\n<p>L\u2019\u00e9quilibre entre <strong>impact visuel et performance<\/strong> est l\u2019une des raisons pour lesquelles Flashlights a re\u00e7u le <strong>Awwwards Developer Award<\/strong>. C\u2019est un rappel que le webdesign contemporain exige une collaboration \u00e9troite entre designers et d\u00e9veloppeurs, surtout pour des exp\u00e9riences riches en contenu.<\/p>\n<div style=\"width: 2800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47008-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>Contenu et ton : p\u00e9dagogie, respect et engagement<\/h3>\n<p>Au-del\u00e0 de l\u2019aspect visuel, le succ\u00e8s du projet repose sur un ton \u00e9ditorial parfaitement ma\u00eetris\u00e9. Le contenu est <strong>rigoureux<\/strong>, avec des donn\u00e9es, des dates et un contexte historique solidement document\u00e9s ; <strong>accessible<\/strong>, sans jargon juridique inutile ; <strong>respectueux<\/strong> envers les personnes mises en avant et leurs parcours ; et r\u00e9solument <strong>engag\u00e9<\/strong>, car il invite \u00e0 la r\u00e9flexion et \u00e0 la prise de position.<\/p>\n<p>Le design graphique de <strong>Maryna Solomennykova<\/strong> fait le lien entre ce contenu et l\u2019utilisateur : chaque \u00e9l\u00e9ment visuel renforce le propos et \u00e9vite au projet de sombrer dans la froideur acad\u00e9mique. Un \u00e9quilibre subtil, parfaitement atteint.<\/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>Distinctions : un projet modeste par sa taille, immense par son impact<\/h3>\n<p>Flashlights a re\u00e7u de nombreux prix internationaux qui attestent de son excellence : <strong>Awwwards Site of the Day<\/strong>, <strong>Awwwards Honorable Mention<\/strong>, <strong>Awwwards Developer Award<\/strong>, nomination au <strong>Site of the Month<\/strong> sur Awwwards et nomination aux <strong>Webby Awards<\/strong>. Rien d\u2019\u00e9tonnant : il r\u00e9unit tout ce qui fait la valeur du webdesign d\u2019aujourd\u2019hui \u2014 id\u00e9e forte, responsabilit\u00e9 sociale, ex\u00e9cution visuelle irr\u00e9prochable, exp\u00e9rience utilisateur soign\u00e9e et performance technique exemplaire.<\/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>Enseignements pour les marques, institutions et studios de design<\/h3>\n<p>Flashlights livre plusieurs enseignements pr\u00e9cieux pour tout <strong>studio de webdesign<\/strong> ou institution : un contenu complexe peut devenir accessible s\u2019il est bien structur\u00e9 et soutenu par un syst\u00e8me visuel coh\u00e9rent ; le design ne doit pas \u00e9dulcorer le probl\u00e8me, mais nous aider \u00e0 l\u2019affronter avec plus de contexte et d\u2019empathie ; la narration interactive est particuli\u00e8rement puissante pour les projets \u00e9ducatifs, de m\u00e9moire ou de justice sociale ; et l\u2019int\u00e9gration technique est aussi essentielle que l\u2019esth\u00e9tique.<\/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, un mod\u00e8le de webdesign engag\u00e9<\/h3>\n<p>Flashlights prouve qu\u2019un <strong>webdesign porteur de sens<\/strong> peut \u00eatre \u00e0 la fois beau, \u00e9mouvant et techniquement abouti. Ce n\u2019est pas qu\u2019une simple section d\u2019un site institutionnel : c\u2019est une pi\u00e8ce de <strong>m\u00e9moire digitale<\/strong>, un outil p\u00e9dagogique et un levier d\u2019activisme.<\/p>\n<p>Pour celles et ceux qui \u0153uvrent dans le <strong>webdesign, le branding et l\u2019exp\u00e9rience digitale<\/strong>, ce projet confirme que les meilleures interfaces ne sont pas celles qui crient le plus fort, mais celles qui mettent en lumi\u00e8re des histoires rarement racont\u00e9es. En ce sens, le travail de <strong>Tubik Studio<\/strong> avec la Jailhouse Lawyers Initiative porte parfaitement le nom du projet : de v\u00e9ritables faisceaux de lumi\u00e8re dans un syst\u00e8me qui pr\u00e9f\u00e8re souvent laisser certaines r\u00e9alit\u00e9s dans l\u2019ombre.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quand le webdesign \u00e9claire l\u2019histoire cach\u00e9e du syst\u00e8me judiciaire Dans notre rubrique webdesign de la semaine, nous analysons des projets digitaux qui ne se contentent pas d\u2019\u00eatre visuellement remarquables, mais qui prouvent aussi comment une exp\u00e9rience utilisateur bien pens\u00e9e peut transformer notre compr\u00e9hension du monde. Aujourd\u2019hui, lumi\u00e8re sur Flashlights, une cr\u00e9ation sign\u00e9e Tubik Studio en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7852,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[495,497],"class_list":["post-47008","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conception-developpement-web","category-inspiration"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Site web de la semaine : Flashlights \u2014 Histoire interactive et activisme digital avec 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\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Site web de la semaine : Flashlights \u2014 Histoire interactive et activisme digital avec Tubik Studio - CODE\" \/>\n<meta property=\"og:description\" content=\"Quand le webdesign \u00e9claire l\u2019histoire cach\u00e9e du syst\u00e8me judiciaire Dans notre rubrique webdesign de la semaine, nous analysons des projets digitaux qui ne se contentent pas d\u2019\u00eatre visuellement remarquables, mais qui prouvent aussi comment une exp\u00e9rience utilisateur bien pens\u00e9e peut transformer notre compr\u00e9hension du monde. Aujourd\u2019hui, lumi\u00e8re sur Flashlights, une cr\u00e9ation sign\u00e9e Tubik Studio en [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-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-10T10:25:25+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\\\/fr\\\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Site web de la semaine : Flashlights \u2014 Histoire interactive et activisme digital avec Tubik Studio\",\"datePublished\":\"2025-11-24T06:49:16+00:00\",\"dateModified\":\"2026-06-10T10:25:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\\\/\"},\"wordCount\":1659,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-semaine-flashlights-histoire-interactive-activisme-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\":[\"Conception et d\u00e9veloppement web\",\"Inspiration\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\\\/\",\"name\":\"Site web de la semaine : Flashlights \u2014 Histoire interactive et activisme digital avec Tubik Studio - CODE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-semaine-flashlights-histoire-interactive-activisme-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-10T10:25:25+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-semaine-flashlights-histoire-interactive-activisme-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\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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":"Site web de la semaine : Flashlights \u2014 Histoire interactive et activisme digital avec 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\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\/","og_locale":"fr_FR","og_type":"article","og_title":"Site web de la semaine : Flashlights \u2014 Histoire interactive et activisme digital avec Tubik Studio - CODE","og_description":"Quand le webdesign \u00e9claire l\u2019histoire cach\u00e9e du syst\u00e8me judiciaire Dans notre rubrique webdesign de la semaine, nous analysons des projets digitaux qui ne se contentent pas d\u2019\u00eatre visuellement remarquables, mais qui prouvent aussi comment une exp\u00e9rience utilisateur bien pens\u00e9e peut transformer notre compr\u00e9hension du monde. Aujourd\u2019hui, lumi\u00e8re sur Flashlights, une cr\u00e9ation sign\u00e9e Tubik Studio en [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\/","og_site_name":"CODE","article_published_time":"2025-11-24T06:49:16+00:00","article_modified_time":"2026-06-10T10:25:25+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\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Site web de la semaine : Flashlights \u2014 Histoire interactive et activisme digital avec Tubik Studio","datePublished":"2025-11-24T06:49:16+00:00","dateModified":"2026-06-10T10:25:25+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\/"},"wordCount":1659,"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-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":["Conception et d\u00e9veloppement web","Inspiration"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\/","url":"https:\/\/codewebbarcelona.com\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\/","name":"Site web de la semaine : Flashlights \u2014 Histoire interactive et activisme digital avec Tubik Studio - CODE","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-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-10T10:25:25+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-tubik-studio\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-semaine-flashlights-histoire-interactive-activisme-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\/fr\/#website","url":"https:\/\/codewebbarcelona.com\/fr\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/posts\/47008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/comments?post=47008"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/47008\/revisions"}],"predecessor-version":[{"id":47028,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/47008\/revisions\/47028"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media\/7852"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media?parent=47008"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/categories?post=47008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}