{"id":16046,"date":"2024-09-26T09:52:46","date_gmt":"2024-09-26T09:52:46","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=16046"},"modified":"2025-10-24T11:26:41","modified_gmt":"2025-10-24T11:26:41","slug":"case-study-website-for-socially-impactful-online-resource","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/","title":{"rendered":"Case Study: Drug Test Innocence. Website for Socially Impactful Online Resource"},"content":{"rendered":"<p>In this case study, let&#8217;s unveil another impressive award-winning web project called Drug Test Innocence. It got Webby People\u2019s Choice 2024 in the Law category, so let\u2019s go through the idea and creative process that led to this result.<\/p>\n<p><iframe loading=\"lazy\" title=\"Creating informative website on impactful legal and social issue\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/lmCxoo3ibHM?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<h2>Project<\/h2>\n<p><a href=\"https:\/\/www.drugtestinnocence.org\/\" rel=\"nofollow\">Drug Test Innocence<\/a> is an online resource that uncovers the devastating impact of inaccurate field drug tests, which today are the largest source of wrongful arrests and convictions in the United States. The website provides a detailed presentation of the issue based on research and real cases and offers considerations and solutions on how to limit that impact.<\/p>\n<p>This website is one more project we made in collaboration with <a href=\"https:\/\/zealo.us\/\" rel=\"nofollow\">Zealous<\/a>, an organization challenging injustice through media, storytelling, and the arts. The team standing behind this initiative is The Roadside Drug Test Innocence Alliance, which is dedicated to reducing the harm done by inaccurate field test kits.<\/p>\n<p>The primary task for tubik was to do the things we are really experienced at. With the thoughtful arrangement and the power of visual storytelling, we had to turn the massive content about the problem into a resource that would get people interested in the topic and let them obtain valuable information conveniently.<\/p>\n<p>The creative team from the tubik side included\u00a0Vladyslav Taran, Denys Koloskov, Andriy Drobovych, and Anastasiia Ostapenko.<\/p>\n<p><iframe loading=\"lazy\" title=\"web design drug test innocence tubik\" src=\"https:\/\/player.vimeo.com\/video\/1010578037?h=d799379480&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<\/h2>\n<p>The starting point for the website creative was tons of text content. So, we started working on a visual style concept that would present such a serious theme and organize a great deal of data in a way that wouldn\u2019t be either boring or overwhelming for the readers.<\/p>\n<p><iframe loading=\"lazy\" title=\"drug test innocence website design tubik\" src=\"https:\/\/player.vimeo.com\/video\/1010578112?h=3d8f143234&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>After thinking over different directions, the team chose the one that used neat and simple typography and a limited color palette. These core elements of any website are the designers\u2019 primary helpers in setting the needed mood and atmosphere, and this case wasn\u2019t an exception.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16053\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik.jpg\" alt=\"typography drug test innocence website tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>The typeface and color choice, as well as thoughtfully organized page layouts, set up an efficient canvas for all the massive content the resource had to connect with the reader.<\/p>\n<p><iframe loading=\"lazy\" title=\"case study drug test innocence tubik design\" src=\"https:\/\/player.vimeo.com\/video\/1010578019?h=ed9bc10b31&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 website&#8217;s structure is based on four content-heavy major pages.<\/p>\n<p>The main page, named the Problem page, provides an extended introduction to the problem.<\/p>\n<p>The Map page features an interactive map that gives access to cases that happened in particular states.<\/p>\n<p>The Stories page shares specific stories connected to incorrect drug testing.<\/p>\n<p>And finally, the Take Action page offers ways to spread the word or join those who fight this problem.<\/p>\n<p><iframe loading=\"lazy\" title=\"drug test innocence website design tubik ux\" src=\"https:\/\/player.vimeo.com\/video\/1010578154?h=d150274413&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><iframe loading=\"lazy\" title=\"drug test innocence tubik design\" src=\"https:\/\/player.vimeo.com\/video\/1010578051?h=7ab9a63825&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>Graphics and Visuals<\/h2>\n<p>Another challenge was to find a way that would make all the mentioned pages emotional, engaging, and impressive. And that was achieved with different tools and techniques of visual communication applied to them.<\/p>\n<p>Drug Test Innocence website uses all popular types of visual web content wisely united in one elegant and <a href=\"https:\/\/blog.tubikstudio.com\/design-consistency\/\">consistent<\/a> system. As visitors read the content and scroll the pages, they encounter <a href=\"https:\/\/blog.tubikstudio.com\/photo-content-in-user-interfaces\/\">photos and photo collages<\/a>, artistic line illustrations, and sophisticated 3D graphics. For example, we created a custom realistic 3D model of the field drug test to give readers a visual connection to what it is.<\/p>\n<p><iframe loading=\"lazy\" title=\"drug test innocence web design tubik\" src=\"https:\/\/player.vimeo.com\/video\/1010578184?h=e5f1ae881c&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-16050\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/drug-test-innocence-website-pages-tubik.jpg\" alt=\"drug test innocence website pages tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/drug-test-innocence-website-pages-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/drug-test-innocence-website-pages-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/drug-test-innocence-website-pages-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/drug-test-innocence-website-pages-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/drug-test-innocence-website-pages-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>One more essential factor of user retaining and engagement is diverse <a href=\"https:\/\/blog.tubikstudio.com\/web-animation\/\">web animation<\/a>, from text and transitions to animated visuals and captivating parallax. Motion is smoothly integrated into all the pages to make the user experience more lively and emotional. What\u2019s more, it sets a good contrast with massive texts and helps arrange the content in a way that\u2019s easier to perceive and, therefore, more convincing.<\/p>\n<p><iframe loading=\"lazy\" title=\"drug test innocence website tubik ux design\" src=\"https:\/\/player.vimeo.com\/video\/1010578135?h=43872825c0&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><iframe loading=\"lazy\" title=\"website design tubik drug test innocence\" src=\"https:\/\/player.vimeo.com\/video\/1010578089?h=e336291ce2&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>All those solutions were implemented with <a href=\"https:\/\/blog.tubikstudio.com\/tag\/webflow\/\">Webflow<\/a>, resulting in an impressive website that effectively and influentially addressed the problem of incorrect drug testing and ways to reduce its negative impact on American society.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16051\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/drug-test-innocence-website-tubik.jpg\" alt=\"drug test innocence website tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/drug-test-innocence-website-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/drug-test-innocence-website-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/drug-test-innocence-website-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/drug-test-innocence-website-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/drug-test-innocence-website-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"webby 2024 drug test innocence tubik design\" src=\"https:\/\/player.vimeo.com\/video\/1010577982?h=1fb018b1ee&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>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\/case-study-opera-browser-explainer-videos-production\/\">Opera Browser Explainer Videos. Animated Video Production<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-design-case-studies-websites-for-business\/\">Web Design Case Studies: 4 Smart Websites for Various Business Goals<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-web-design-advocacy-guide\/\">Advocacy Through Walls. Website Creation for Advocacy Guide<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-identity-product-design-financial-app\/\">Serra. Identity and Product Design for Financial App<\/a><\/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\/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","protected":false},"excerpt":{"rendered":"<p>Creative process behind design and implementation of the award-winning web project Drug Test Innocence uncovering the devastating impact of inaccurate field drug tests.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,9],"tags":[100,504,138,515,147,532,212,533,256,534,440,545,447,547,457,548,468,550,479,552,482,585,485,619,487,10,489,16,491,57,502],"coauthors":[],"class_list":["post-16046","post","type-post","status-publish","format-standard","hentry","category-case_study","category-ui_ux","tag-design","tag-ux-design-article","tag-design-process","tag-uxui","tag-design-studio","tag-web-animation","tag-graphic-design","tag-web-design","tag-interaction-design","tag-web-design-article","tag-tubik","tag-web-user-interface","tag-tubik-studio","tag-website","tag-ui","tag-website-design","tag-ui-design-process","tag-website-development","tag-usability","tag-website-usability","tag-user-experience","tag-webflow","tag-user-experience-design","tag-3d","tag-user-experience-design-process","tag-3d-animation","tag-user-experience-examples","tag-animation","tag-user-interface","tag-case-study","tag-ux"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: Drug Test Innocence. Website for Socially Impactful Online Resource<\/title>\n<meta name=\"description\" content=\"Creative process behind design and implementation of the award-winning web project Drug Test Innocence uncovering the devastating impact of inaccurate field drug tests.\" \/>\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-website-for-socially-impactful-online-resource\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Drug Test Innocence. Website for Socially Impactful Online Resource\" \/>\n<meta property=\"og:description\" content=\"Creative process behind design and implementation of the award-winning web project Drug Test Innocence uncovering the devastating impact of inaccurate field drug tests.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-26T09:52:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:26:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik.jpg\" \/>\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=\"5 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-website-for-socially-impactful-online-resource\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/\",\"name\":\"Case Study: Drug Test Innocence. Website for Socially Impactful Online Resource\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik.jpg\",\"datePublished\":\"2024-09-26T09:52:46+00:00\",\"dateModified\":\"2025-10-24T11:26:41+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Creative process behind design and implementation of the award-winning web project Drug Test Innocence uncovering the devastating impact of inaccurate field drug tests.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Drug Test Innocence. Website for Socially Impactful Online Resource\"}]},{\"@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: Drug Test Innocence. Website for Socially Impactful Online Resource","description":"Creative process behind design and implementation of the award-winning web project Drug Test Innocence uncovering the devastating impact of inaccurate field drug tests.","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-website-for-socially-impactful-online-resource\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Drug Test Innocence. Website for Socially Impactful Online Resource","og_description":"Creative process behind design and implementation of the award-winning web project Drug Test Innocence uncovering the devastating impact of inaccurate field drug tests.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2024-09-26T09:52:46+00:00","article_modified_time":"2025-10-24T11:26:41+00:00","og_image":[{"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik.jpg","type":"","width":"","height":""}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/","name":"Case Study: Drug Test Innocence. Website for Socially Impactful Online Resource","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik.jpg","datePublished":"2024-09-26T09:52:46+00:00","dateModified":"2025-10-24T11:26:41+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Creative process behind design and implementation of the award-winning web project Drug Test Innocence uncovering the devastating impact of inaccurate field drug tests.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/09\/typography-drug-test-innocence-website-tubik.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-website-for-socially-impactful-online-resource\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Drug Test Innocence. Website for Socially Impactful Online Resource"}]},{"@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\/16046","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=16046"}],"version-history":[{"count":11,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/16046\/revisions"}],"predecessor-version":[{"id":16425,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/16046\/revisions\/16425"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=16046"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=16046"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=16046"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=16046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}