{"id":15452,"date":"2024-03-20T15:10:00","date_gmt":"2024-03-20T15:10:00","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=15452"},"modified":"2026-01-14T14:14:16","modified_gmt":"2026-01-14T14:14:16","slug":"case-study-storytelling-web-design","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/","title":{"rendered":"Case Study: Decriminalize Poverty. Storytelling Web Design on Social Issue"},"content":{"rendered":"<p>Most projects we work on focus on business and commercial goals, but today&#8217;s story is about changing society and improving the world rather than making money or promoting brands. In this case study, let&#8217;s uncover how the award-winning website Decriminalize Poverty in Tennessee was created by our team for Zealous. That&#8217;s the web project that emerged from a Vera Institute of Justice and Free Hearts report and turned into an engaging storytelling experience, awarded by two Webbys, Awwwards Site of the Day, and other signs of recognition from the international creative community.<\/p>\n<p>Here&#8217;s the video telling the case step by step. What makes it special is that the client tells the story about this project together with us. Welcome to watch.<\/p>\n<p><iframe loading=\"lazy\" title=\"How we created engaging website on social issue using scrollytelling approach\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Sg_K1urD1ek?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>Now, let&#8217;s take a closer look and dive into the design solutions for the website.<\/p>\n<h2>Client and Project<\/h2>\n<p>The project was initiated by <a href=\"https:\/\/zealo.us\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Zealous<\/a>, a team of professionals who challenge injustice through media, storytelling, and the arts.<\/p>\n<p><a href=\"https:\/\/decriminalizepoverty.org\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Decriminalize Poverty<\/a> is a story about existing injustice issues, and the task for our team was to make it compelling and engaging. Based on the report by Vera Institute of Justice and Free Hearts, a local organization led by formerly incarcerated women, this narrative experience explores how poverty has been criminalized across Tennessee, what this means for people who live in communities in the state, and practical steps to build a better future. It also features a massive digital archive of impacted voices and a campaign hub for the fight against criminalization.<\/p>\n<p>The creative team from the tubik side included\u00a0Vladyslav Taran, Denys Koloskov, Maryna Solomennykova, and Anastasiia Ostapenko.<\/p>\n<h2>Scrollytelling and Visual Content<\/h2>\n<p>So, we were introduced to the project&#8217;s mission and goal, took all that information, and started looking for ways to amplify it with the power of scrollytelling.<\/p>\n<p>In digital design, scrollytelling is turning the process of scrolling the page into a captivating story with the right balance of visuals, motion, interactions, and text design. Its primary advantage is meeting the eternal love people have for stories. This approach allows creative teams to effectively transform enormous amounts of information into a smooth, well-arranged flow, making it memorable and interesting.<\/p>\n<p>We already used it in our earlier projects, the brightest one of which was the <a href=\"https:\/\/blog.tubikstudio.com\/case-study-kubrick-life-educational-biography-website-design\/\">biographic website about Stanley Kubrick<\/a>. It brought us not only RedDot and Webby but also this collaboration with Zealous. As their founder and CEO, Scott Hechinger, mentioned, that project impressed and encouraged them to connect with us.<\/p>\n<p>One of the biggest challenges in this project was creating something engaging and impressive when we had a lot of data but no visual content. After exploring all the provided information, the creative team decided on the most effective and emotionally appealing way to present\u00a0it. So, the visual part presents a mix of text blocks, illustrations, graphic elements, animations, and collages, all united in one emotional and informative integral story.<\/p>\n<p><iframe loading=\"lazy\" title=\"decriminalize poverty tubik web design\" src=\"https:\/\/player.vimeo.com\/video\/915561613?h=5899cb8f60&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>The process of creating images was a big deal. First, the keywords were chosen for the theme presented in a specific section. Then, we tried to find a visual metaphor in each illustration that would make it clear to a reader what the section is about before reading its text. The motion made this effect even more powerful and dynamic.<\/p>\n<p>One more challenge was finding ways to avoid some points. For example, how to set the idea of prison without showing it directly and making graphic content that wouldn\u2019t offend anyone.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15459\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-and-graphics-tubik.jpg\" alt=\"decriminalize poverty website and graphics tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-and-graphics-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-and-graphics-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-and-graphics-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-and-graphics-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-and-graphics-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"decriminalize poverty design tubik\" src=\"https:\/\/player.vimeo.com\/video\/927580789?h=0eac197ef7&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<h2>Website Design<\/h2>\n<p>The project uncovers the dominant narrative around crime and poverty and offers a path to achieving true community safety and healthy relations. The scrollytelling format pairs the narrative with an easily searchable and filterable database so users can learn from individual stories, themes, or issues. As for\u00a0typography, we chose Thunder font for taglines and headlines and paired it with Neue Haas Unica.<\/p>\n<p>Working on the website, we had to combine two objectives.<\/p>\n<p>On the one hand, it had to be impressive and emotionally engaging from the first seconds. It had to stand out from the crowd to attract visitors&#8217; attention among the tons of web content they deal with. What\u2019s more, it had to motivate the reader to go through all the story up to the end to get the whole picture.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15460\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-collage-illustrations-tubik.jpg\" alt=\"decriminalize poverty website collage illustrations tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-collage-illustrations-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-collage-illustrations-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-collage-illustrations-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-collage-illustrations-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-collage-illustrations-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15458\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-web-pages-tubik.jpg\" alt=\"decriminalize poverty web pages tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-web-pages-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-web-pages-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-web-pages-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-web-pages-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-web-pages-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15457\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-web-pages-tubik-design.jpg\" alt=\"decriminalize poverty web pages tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-web-pages-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-web-pages-tubik-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-web-pages-tubik-design-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-web-pages-tubik-design-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-web-pages-tubik-design-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>On the other hand, the website had to be super intuitive so that people belonging to different age groups and with varying levels of tech literacy could use it without much effort. So, the web design was based on a solid visual hierarchy and common mental patterns of interacting with web resources. It had to be a canvas for the story that would amplify its message.\u00a0 All the decisions regarding the elements of visual style, from the color palette and fonts to images, were made to work as one integral system, setting the appropriate mood and feelings and making them easily readable and perceivable.<\/p>\n<p><iframe loading=\"lazy\" title=\"decriminalize poverty website design tubik\" src=\"https:\/\/player.vimeo.com\/video\/915561571?h=1918cb9153&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15456\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-mobile-website-tubik.jpg\" alt=\"decriminalize poverty mobile website tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-mobile-website-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-mobile-website-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-mobile-website-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-mobile-website-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-mobile-website-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>Working with the vast archive of impacted voices, we carefully analyzed each message. This allowed us to consider what kind of visuals and interactions would strengthen them and what part of the general story they fit best. For example, readers can find them integrated in the form of text blocks that are short notices supporting each chapter with messages from real people. Also, there is a particular page called Stories. There, you can read the voices wrapped in short speech fragments shown by hovering over the name. At some stage of storytelling, the readers are offered to go to this page and engaged to check the stories if they want to do that.<\/p>\n<p>Our creative efforts resulted in a vibrant, color-forward, and optimistic treatment of the topic. First-person storytelling paired with reaction animation has opened up new possibilities to breathe life into these issues. All that equipped Free Hearts and other advocates with a powerful new tool to shift the public narrative around punishment, poverty, and safety in Tennessee.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15461\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-design-tubik-agency.jpg\" alt=\"decriminalize poverty website design tubik agency\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-design-tubik-agency.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-design-tubik-agency-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-design-tubik-agency-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-design-tubik-agency-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-design-tubik-agency-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>Not only did this project become a success for the objective set behind it, but it also set the start for our long-term collaboration with Zealous for their next ideas to share with the world. One more web project we made together, Advocacy Through Walls, is already live and working; we will show it to you in one of our following case studies. And new ones are coming, as the world is full of knowledge to be learned and stories to be told, seen, and heard.<\/p>\n<p>New\u00a0<a href=\"https:\/\/blog.tubikstudio.com\/category\/case_study\/\">design case studies<\/a>\u00a0from our team are coming soon. Stay tuned!<\/p>\n<h2>More Design Case Studies<\/h2>\n<p>Here\u2019s a set of more case studies sharing the design solutions and approaches for some of the design projects done by the Tubik team.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ecommerce-website-design-for-brewery\/\">MOVA Brewery. Ecommerce Website Design for Beer Producer<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-website-design-3d-animation-for-prostheses-producer\/\">HP23. Website and 3D Animation for Prostheses Producer<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-web-design-healthtech-product\/\">FluxWear. Web Design and Development for Health Tech Product<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ui-design-process-video\/\">UI Design Process for Web and Mobile: 3 Detailed Video Cases<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-design-educational-platform\/\">Magma Math. Web Design for Educational Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-web-design-synthetic-data-platform\/\">Synthesized 2.0. Web Design for High-Quality Synthetic Data Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-hotel-offers-service\/\">HotelCard. Brand Identity for Hotel Offers Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-ux-design-healthcare-service\/\">Nibble Health. Identity and UX Design for Healthcare Fintech Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/physica-magazine-web-design-scientific-blog\/\">Physica Magazine. Web Design and Graphics for Scientific Blog<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-immersive-experience-marketing\/\">CSConnect. Website Design for Immersive Experience Marketing Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-website-design-golf-management-service\/\">ProAgenda. Identity and Website Design for Golf Management Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-product-design-food-marketplace\/\">Kaiten. Identity and Product Design for Food Marketplace<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-electrical-engineering-service\/\">THT. Website Design for Electrical Engineering Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-for-podcast\/\">Nonconventional Show. Website Design for Podcast<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-ux-design-fintech\/\">Crezco. Brand Identity and UI\/UX Design for Fintech Service<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step-by-step case study of how the award-winning website Decriminalize Poverty in Tennessee was created to uncover the social issue via visual storytelling power.<\/p>\n","protected":false},"author":3,"featured_media":15462,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,6,9],"tags":[256,440,447,457,468,482,485,57,487,100,491,138,515,147,529,170,533,177,534,179,548,212,569,248],"coauthors":[635],"class_list":["post-15452","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-illustration","category-ui_ux","tag-interaction-design","tag-tubik","tag-tubik-studio","tag-ui","tag-ui-design-process","tag-user-experience","tag-user-experience-design","tag-case-study","tag-user-experience-design-process","tag-design","tag-user-interface","tag-design-process","tag-uxui","tag-design-studio","tag-visual-storytelling","tag-digital-illustration","tag-web-design","tag-education","tag-web-design-article","tag-educational-website","tag-website-design","tag-graphic-design","tag-2d-illustration","tag-illustration"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: Decriminalize Poverty. Storytelling Web Design on Social Issue<\/title>\n<meta name=\"description\" content=\"Step-by-step case study of how the award-winning website Decriminalize Poverty in Tennessee was created to uncover the social issue via visual storytelling power\" \/>\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\/case-study-storytelling-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Decriminalize Poverty. Storytelling Web Design on Social Issue\" \/>\n<meta property=\"og:description\" content=\"Step-by-step case study of how the award-winning website Decriminalize Poverty in Tennessee was created to uncover the social issue via visual storytelling power\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-20T15:10:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-14T14:14:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-tubik.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"3200\" \/>\n\t<meta property=\"og:image:height\" content=\"2400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/\",\"name\":\"Case Study: Decriminalize Poverty. Storytelling Web Design on Social Issue\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-tubik.jpg\",\"datePublished\":\"2024-03-20T15:10:00+00:00\",\"dateModified\":\"2026-01-14T14:14:16+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Step-by-step case study of how the award-winning website Decriminalize Poverty in Tennessee was created to uncover the social issue via visual storytelling power\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-tubik.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-tubik.jpg\",\"width\":3200,\"height\":2400,\"caption\":\"decriminalize poverty website tubik\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Decriminalize Poverty. Storytelling Web Design on Social Issue\"}]},{\"@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\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: Decriminalize Poverty. Storytelling Web Design on Social Issue","description":"Step-by-step case study of how the award-winning website Decriminalize Poverty in Tennessee was created to uncover the social issue via visual storytelling power","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\/case-study-storytelling-web-design\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Decriminalize Poverty. Storytelling Web Design on Social Issue","og_description":"Step-by-step case study of how the award-winning website Decriminalize Poverty in Tennessee was created to uncover the social issue via visual storytelling power","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2024-03-20T15:10:00+00:00","article_modified_time":"2026-01-14T14:14:16+00:00","og_image":[{"width":3200,"height":2400,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-tubik.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/","name":"Case Study: Decriminalize Poverty. Storytelling Web Design on Social Issue","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-tubik.jpg","datePublished":"2024-03-20T15:10:00+00:00","dateModified":"2026-01-14T14:14:16+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Step-by-step case study of how the award-winning website Decriminalize Poverty in Tennessee was created to uncover the social issue via visual storytelling power","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-tubik.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/03\/decriminalize-poverty-website-tubik.jpg","width":3200,"height":2400,"caption":"decriminalize poverty website tubik"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-storytelling-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Decriminalize Poverty. Storytelling Web Design on Social Issue"}]},{"@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\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/15452","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=15452"}],"version-history":[{"count":9,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/15452\/revisions"}],"predecessor-version":[{"id":16879,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/15452\/revisions\/16879"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/15462"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=15452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=15452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=15452"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=15452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}