{"id":17527,"date":"2026-05-12T16:48:29","date_gmt":"2026-05-12T16:48:29","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=17527"},"modified":"2026-05-12T16:48:58","modified_gmt":"2026-05-12T16:48:58","slug":"zealous-x-tas-case-study-design-meets-purpose","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/","title":{"rendered":"Zealous \u00d7 TAS Case Study: Design Meets Purpose"},"content":{"rendered":"

There are projects you take on for the portfolio. And then there are the ones you take on because they matter. The Alabama Solution was the second kind.<\/span><\/p>\n

When longtime partner Zealous reached out about building an investigative subdomain for HBO’s documentary <\/span>The Alabama Solution<\/span><\/i>\u2014a film exposing the systemic causes of inmate deaths inside Alabama’s prison system\u2014we understood immediately that this wasn’t a branding exercise. It was a design problem with moral weight. One that demanded both restraint and ambition, often at the same time.<\/span><\/p>\n

The Client<\/strong><\/h2>\n

Zealous is a creative agency we’ve worked with across multiple campaigns, so the trust was already established. What was new was the subject matter: a full-scale investigative journalism platform built to complement Andrew Jarecki’s documentary, set to premiere on HBO.<\/span><\/p>\n

The subdomain needed to function as a standalone destination\u2014a place where audiences could explore the investigation in depth without necessarily watching the film first. That meant handling an extraordinary volume of sensitive material: court records, medical examiner reports, and a private database of more than 1,000 individual cases, each representing a person who died inside the Alabama prison system. We were given access to all of it.<\/span><\/p>\n

The scope was significant. The timeline\u2014roughly one month\u2014was not.<\/span><\/p>\n

\"\"<\/p>\n

The Challenge<\/strong><\/h2>\n

Designing around mass incarceration deaths is not like designing a product launch. Every aesthetic decision carries implications. Make it too stark and you risk feeling exploitative. Too polished and it reads as institutional. Too experimental and you lose the gravity the subject demands.<\/span><\/p>\n

Our brief was clear in some respects and deliberately open in others: make it impactful, make it serious, and\u2014because little had been locked down for the primary domain\u2014bring new ideas to the table on style.<\/span><\/p>\n

The site needed to house two core experiences: an <\/span>Overview<\/b> that mapped the full scope of the investigation, and a series of <\/span>Findings<\/b> pages\u2014each dedicated to a specific cause of mortality\u2014built quickly enough to launch in parallel with the film’s premiere.<\/span><\/p>\n

We started with what we do when the stakes are highest: we ignored the safe path entirely.<\/span><\/p>\n

\"\"<\/p>\n

First Instincts\u2014and Why They Almost Stayed<\/strong><\/h2>\n

Our initial direction was architecturally unconventional. Collaged imagery. Non-linear scrolling that mixed vertical and horizontal movement. Text animations with real personality. A “Death Wall”\u2014a sprawling visual grid giving each of the 1,000+ individuals their own presence on screen\u2014executed with a zoom-out reveal that felt more like a reckoning than a UI pattern.<\/span><\/p>\n

Zealous’s team loved it. More than that: they found the visual language compelling enough to begin adapting their own primary domain to match our approach. That’s a rare thing\u2014a client so moved by a subdomain’s direction that it reorients the parent project.<\/span><\/p>\n

Development began before design was fully locked, because the timeline demanded it. Over roughly four weeks, the team built out an intricate first version: scroll-triggered graph animations, hero video sequences that split the title typographically, layered interactions that made the investigation feel alive rather than archived. It was the kind of work that earns quiet satisfaction at the end of a late night.<\/span><\/p>\n

Then the director saw it\u2014and wanted something different. Simpler. More restrained. A design that wouldn’t risk overshadowing the film or aestheticizing a tragedy that deserved sober treatment.<\/span><\/p>\n

It’s a direction we understood and respected. The subject matter carries real weight, and meeting a client exactly where they are\u2014even when it means releasing ideas you believed in\u2014is part of the work. We adapted quickly, leaned on the trust we’d built with the Zealous team, and focused our energy on identifying what was worth fighting for within the new constraints.<\/span><\/p>\n

The design simplified. But it didn’t surrender entirely.<\/span><\/p>\n

\"\"<\/p>\n

What We Kept\u2014and Why It Matters<\/strong><\/h2>\n

There’s a specific discipline in knowing which ideas to fight for when you’re losing ground on others. We held onto what we believed would make the final product feel genuinely authored rather than assembled.<\/span><\/p>\n

The hero section animation\u2014where video footage splits the headline typographically\u2014survived. So did the zoom-out reveal on the Death Wall, which transforms a single photograph into the full grid of lives lost. The scroll-triggered graph animations on the Findings pages stayed. On the <\/span>Deaths from Suicide<\/span><\/i> page, an animated dialogue sequence reconstructs a real exchange as the user scrolls\u2014a piece of storytelling that earns its complexity. On <\/span>Deaths from Officer Violence<\/span><\/i>, fragments of a handwritten letter from an incarcerated person animate into view, preserved in their original hand as requested.<\/span><\/p>\n

These weren’t decorative decisions. Each one was an argument for treating the audience as capable of holding difficulty without having it simplified away from them.<\/span><\/p>\n

The four Findings pages\u2014each built in roughly one to two weeks\u2014were designed to feel structurally similar without becoming repetitive. Shared scaffolding accelerated development; deliberate variation in execution kept each one distinct. We also ran an informal design review for a developer on Zealous’s side who was encountering issues with their portion of the build. That kind of collaboration\u2014unplanned, uncompensated in the traditional sense\u2014is something we believe in.<\/span><\/p>\n

What This Project Taught Us<\/strong><\/h2>\n

Some projects change how you think about the work itself.<\/span><\/p>\n

Designing around real human tragedy demands a different kind of attention\u2014slower, more deliberate, more ethically considered. It sharpens your instincts for what actually matters versus what just looks good in a presentation.<\/span><\/p>\n

We also learned that simplification isn’t the enemy of good design. The constraint became the creative challenge: when the canvas narrows, you find out which ideas were truly essential. The ones worth protecting reveal themselves quickly\u2014and holding the line on those, with precision and clarity, is its own form of craft.<\/span><\/p>\n

In Closing<\/strong><\/h2>\n

The Alabama Solution launched before the film’s premiere. One Finding went live instead of six\u2014a deliberate scope constraint made under pressure, and the right call given the timeline. The film and the broader investigation received Oscar nominations and recognition across award circuits. The site lives as part of that record.<\/span><\/p>\n

We didn’t ship everything we built. We rarely do, on projects that matter this much. What we shipped was careful, honest, and built with the kind of attention the subject demanded.<\/span><\/p>\n

Sometimes that’s enough. Sometimes that’s everything.<\/span><\/p>\n

Recommended Reading<\/h2>\n

Enjoyed this one? Make sure you take a look at our other case studies, too:<\/p>\n

Malloy Banks Case Study: Clarity Over Compliance<\/a><\/p>\n

Immediate Case Study: Rethinking Payday<\/a><\/p>\n

FarmSense Case Study: Fields, Sensors, and System Thinking<\/a><\/p>\n

Case Study: Manatee Energy. Designing Warmth<\/a><\/p>\n

Case Study: Orakle. Modern Web Design for Medical Education<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Designing an investigative platform for an HBO documentary on Alabama prison deaths meant balancing ambition with restraint. Here’s how we navigated creative pivots, moral weight, and a one-month deadline.<\/p>\n","protected":false},"author":10003,"featured_media":17528,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,9],"tags":[57,256,336,440,447,462,533,782,783,784,785,786,787],"coauthors":[634],"class_list":["post-17527","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-ui_ux","tag-case-study","tag-interaction-design","tag-motion-design","tag-tubik","tag-tubik-studio","tag-ui-design","tag-web-design","tag-investigative-journalism","tag-documentary","tag-social-impact-design","tag-hbo","tag-zealous","tag-editorial-design"],"acf":[],"yoast_head":"\nZealous \u00d7 TAS Case Study: Design Meets Purpose<\/title>\n<meta name=\"description\" content=\"How we designed the investigative subdomain for HBO's The Alabama Solution\u2014handling sensitive material, creative pivots, and a tight deadline.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zealous \u00d7 TAS Case Study: Design Meets Purpose\" \/>\n<meta property=\"og:description\" content=\"How we designed the investigative subdomain for HBO's The Alabama Solution\u2014handling sensitive material, creative pivots, and a tight deadline.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-12T16:48:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-12T16:48:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/05\/Zealous.TAS-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anastasiia Lutsenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anastasiia Lutsenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/\",\"name\":\"Zealous \u00d7 TAS Case Study: Design Meets Purpose\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/05\/Zealous.TAS-1.png\",\"datePublished\":\"2026-05-12T16:48:29+00:00\",\"dateModified\":\"2026-05-12T16:48:58+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"How we designed the investigative subdomain for HBO's The Alabama Solution\u2014handling sensitive material, creative pivots, and a tight deadline.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/05\/Zealous.TAS-1.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/05\/Zealous.TAS-1.png\",\"width\":1200,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zealous \u00d7 TAS Case Study: Design Meets Purpose\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\",\"name\":\"Anastasiia Lutsenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"caption\":\"Anastasiia Lutsenko\"},\"description\":\"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.\",\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Zealous \u00d7 TAS Case Study: Design Meets Purpose","description":"How we designed the investigative subdomain for HBO's The Alabama Solution\u2014handling sensitive material, creative pivots, and a tight deadline.","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:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/","og_locale":"en_US","og_type":"article","og_title":"Zealous \u00d7 TAS Case Study: Design Meets Purpose","og_description":"How we designed the investigative subdomain for HBO's The Alabama Solution\u2014handling sensitive material, creative pivots, and a tight deadline.","og_url":"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2026-05-12T16:48:29+00:00","article_modified_time":"2026-05-12T16:48:58+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/05\/Zealous.TAS-1.png","type":"image\/png"}],"author":"Anastasiia Lutsenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anastasiia Lutsenko","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/","url":"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/","name":"Zealous \u00d7 TAS Case Study: Design Meets Purpose","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/05\/Zealous.TAS-1.png","datePublished":"2026-05-12T16:48:29+00:00","dateModified":"2026-05-12T16:48:58+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"How we designed the investigative subdomain for HBO's The Alabama Solution\u2014handling sensitive material, creative pivots, and a tight deadline.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/05\/Zealous.TAS-1.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2026\/05\/Zealous.TAS-1.png","width":1200,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/zealous-x-tas-case-study-design-meets-purpose\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Zealous \u00d7 TAS Case Study: Design Meets Purpose"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1","name":"Anastasiia Lutsenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25","url":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","caption":"Anastasiia Lutsenko"},"description":"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.","url":"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/17527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/10003"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=17527"}],"version-history":[{"count":4,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/17527\/revisions"}],"predecessor-version":[{"id":17539,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/17527\/revisions\/17539"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/17528"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=17527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=17527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=17527"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=17527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}