

{"id":11841,"date":"2021-12-16T12:50:51","date_gmt":"2021-12-16T12:50:51","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=11841"},"modified":"2025-10-24T11:28:07","modified_gmt":"2025-10-24T11:28:07","slug":"web-design-dataops-platform","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/","title":{"rendered":"Case Study: Synthesized. Web Design for DataOps Platform"},"content":{"rendered":"<p>In the era of information technology and communication, the ability to process, protect, and organize vast bulks of data becomes one of the key points empowering tons of processes and covering multiple goals. Our new case study is devoted to the product fitting the times. Here, we will unveil a bit of the web design and implementation for the innovative DataOps platform called Synthesized.<\/p>\n<h2>Project<\/h2>\n<p><a href=\"https:\/\/www.synthesized.io\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Synthesized<\/a> is the all-in-one DataOps platform which is helping to solve\u00a0one of the most challenging problems we face as a society\u2014the use of personal information. Synthesized makes it easy for organizations that want to collaborate on sensitive data. It enables enterprises to monetize and innovate through their data and speeds up the development of data-driven products. In as little as ten minutes, as opposed to months or years, Synthesized\u2019s AI-based platform provides data practitioners with secure and compliant, ready-to-use, high-volume, high-quality data sets.<\/p>\n<p>Telling about the product&#8217;s mission and origins, founders mention that from their time as Machine Learning (ML) researchers at the University of Cambridge, they struggled to obtain sufficient clean and regularised data fundamental to building predictive models or testing a hypothesis. With ML projects becoming more advanced, the complications were also growing in the attempts to get high-quality, clean data sets. What&#8217;s more, they found a gap between the developments of the scientific community caused by the lack of infrastructure to share data safely. So, they started Synthesized with a mission to empower data scientists with the highest quality datasets for collaboration and innovation.<\/p>\n<p>The task for Tubik was to create a user-friendly and attractive website that would present and promote the service, uncover its benefits, and set a quick, easy connection to its users. The creative team from the Tubik side included Vladyslav Taran, Denys Koloskov, Kirill Erokhin, and Olya Zakharyan.<\/p>\n<p><iframe loading=\"lazy\" title=\"synthesized website pages design tubik\" src=\"https:\/\/player.vimeo.com\/video\/657160455?h=9e5ce843ce&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>Web Design<\/h2>\n<p>Traditionally, the design process started from the discussions with the client to dive into the nature of the service, the business goals, and the expectations about the functions the website should cover. After that, the team went through the stages of research and analysis that gave food for thought on how to create effective design solutions for the objectives set behind the website. And then, the stages of UX wireframing and design approach started to let all the sides of the process be on the same page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11864\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/ux-design-synthesized-case-study.jpg\" alt=\"ux design synthesized case study\" width=\"3840\" height=\"2160\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/ux-design-synthesized-case-study.jpg 3840w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/ux-design-synthesized-case-study-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/ux-design-synthesized-case-study-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/ux-design-synthesized-case-study-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/ux-design-synthesized-case-study-150x84.jpg 150w\" sizes=\"auto, (max-width: 3840px) 100vw, 3840px\" \/><\/p>\n<p>Let&#8217;s take a look at the general design concept via some of the pages designed for the website. The search for a color palette that would be effective and set the proper mood resulted in a bold and contrast combination flexible for various design needs. Another key choice to make was the choice of fonts which gave the elegant and stylish combination of graceful Canela as a heading typeface and neat geometric Gilroy as a text typeface.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11865\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-case-study-colors.jpg\" alt=\"synthesized case study colors\" width=\"3840\" height=\"2160\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-case-study-colors.jpg 3840w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-case-study-colors-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-case-study-colors-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-case-study-colors-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-case-study-colors-150x84.jpg 150w\" sizes=\"auto, (max-width: 3840px) 100vw, 3840px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11850\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-website-fonts.jpg\" alt=\"synthesized website fonts case study\" width=\"1900\" height=\"1221\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-website-fonts.jpg 1900w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-website-fonts-300x193.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-website-fonts-768x494.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-website-fonts-1024x658.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-website-fonts-150x96.jpg 150w\" sizes=\"auto, (max-width: 1900px) 100vw, 1900px\" \/><\/p>\n<p>As the dress-to-impress rule still works, especially on the Web overloaded with pages and sites competing for people&#8217;s attention, the above-the-fold part of the home page moved through several iterations to find the visual way to reflect the connection to the world of synthesized data. This way, we came up with an animated full-screen background with abstract patterns adding depth and dynamics to the visual experience. The minimalist layout of this part of the page is scanned in no time and features the core navigation in the header, prominent tagline and small description text to give a short and concise message about the nature of the product, and a CTA button whose noticeability is supported with bold color contrast to make it seen at once.<\/p>\n<p><iframe loading=\"lazy\" title=\"tubik synthesized website design\" src=\"https:\/\/player.vimeo.com\/video\/657178227?h=51dac23cf6&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>Background color contrast is used as the primary type of visual divider, helping to separate various web page sections and this way make the content perception easier. The pages look information-packed but not overloaded due to mastering the power of negative space and well-thought-out data visualization. It is a highly essential aspect to consider in user experience design for the products that are non-tangible and innovative, so demand a lot of explanation which is challenging to imagine and hard to show.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11845\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/website-design-synthesized-devops-platform.jpg\" alt=\"website design synthesized devops platform\" width=\"1900\" height=\"1257\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/website-design-synthesized-devops-platform.jpg 1900w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/website-design-synthesized-devops-platform-300x198.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/website-design-synthesized-devops-platform-768x508.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/website-design-synthesized-devops-platform-1024x677.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/website-design-synthesized-devops-platform-150x99.jpg 150w\" sizes=\"auto, (max-width: 1900px) 100vw, 1900px\" \/><\/p>\n<p>This page uses neat tabs with bulleted lists to present information about different features in a straightforward manner that is easy to skim and remember. The abstract background pattern reflects the idea of growth and gets animated to make the experience more engaging.<\/p>\n<p><iframe loading=\"lazy\" title=\"synthesized website design tubik\" src=\"https:\/\/player.vimeo.com\/video\/657178260?h=8648064fcb&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>It&#8217;s easy to see from the pages above that one more aspect to consider in the design process was visual elements that would support text blocks. So, the custom icons were designed to support the consistency and integrity of the layout with informative graphics. Making them animated, we could also employ motion to attract visitors&#8217; attention to particular elements and interactive zone, as well as add a pinch of liveliness to the web pages.<\/p>\n<p><iframe loading=\"lazy\" title=\"synthesized animated icons tubik design.mp4\" src=\"https:\/\/player.vimeo.com\/video\/657160382?h=08f134e682&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=\"case study tubik synthesized\" src=\"https:\/\/player.vimeo.com\/video\/657178206?h=8287f206a9&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>As mentioned above, balanced and attractive data visualization was one of the priorities in a project of such a nature, so this aspect was thoroughly thought-out, resulting in a range of techniques from graphs and code snippets brought to the common style to prominent infographic-like numbers presenting essential benefits.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11855\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/data-visualization-synthesized-website.jpg\" alt=\"data visualization synthesized website\" width=\"1900\" height=\"1221\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/data-visualization-synthesized-website.jpg 1900w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/data-visualization-synthesized-website-300x193.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/data-visualization-synthesized-website-768x494.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/data-visualization-synthesized-website-1024x658.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/data-visualization-synthesized-website-150x96.jpg 150w\" sizes=\"auto, (max-width: 1900px) 100vw, 1900px\" \/><\/p>\n<p>The blog page design uses the uncluttered regular grid with one featured post on top. We also thought out and offered the design system for covers of the articles and resources, designed in a futuristic manner and satisfying both <a href=\"https:\/\/blog.tubikstudio.com\/design-consistency\/\">consistency<\/a> and diversity needs.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11842\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-website-design-tubik.jpg\" alt=\"synthesized website design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-website-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-website-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-website-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-website-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-website-design-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-11856\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/article-page-synthsized-website.jpg\" alt=\"article page synthesized website\" width=\"1900\" height=\"1086\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/article-page-synthsized-website.jpg 1900w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/article-page-synthsized-website-300x171.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/article-page-synthsized-website-768x439.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/article-page-synthsized-website-1024x585.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/article-page-synthsized-website-150x86.jpg 150w\" sizes=\"auto, (max-width: 1900px) 100vw, 1900px\" \/><\/p>\n<p>Here&#8217;s the system of cover images designed for whitepapers and downloadable resources to be presented in style echoing the web platform&#8217;s visual identity.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11854\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/design-patterns-synthesized-visualization.jpg\" alt=\"design patterns synthesized visualization\" width=\"1900\" height=\"1425\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/design-patterns-synthesized-visualization.jpg 1900w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/design-patterns-synthesized-visualization-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/design-patterns-synthesized-visualization-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/design-patterns-synthesized-visualization-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/design-patterns-synthesized-visualization-150x113.jpg 150w\" sizes=\"auto, (max-width: 1900px) 100vw, 1900px\" \/><\/p>\n<p>The Company page is built around the animated photo gallery, which sets the emotional connection and adds a powerful human element to the presentation of the product.<\/p>\n<p><iframe loading=\"lazy\" title=\"synthesized about page design\" src=\"https:\/\/player.vimeo.com\/video\/657178297?h=acd388f836&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"321\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>As a number of our earlier projects, for example, <a href=\"https:\/\/blog.tubikstudio.com\/credentially-webdesign-webflow-development\/\">Credentially<\/a>\u00a0or <a href=\"https:\/\/blog.tubikstudio.com\/identity-webdesign-shipping-service\/\">ShipDaddy<\/a> websites, the Synthesized website was also <a href=\"https:\/\/blog.tubikstudio.com\/tag\/webflow\/\">implemented on Webflow<\/a>. It enables both designers and the client&#8217;s team to effectively update the website in live mode and keep up with the speed of the company&#8217;s growth.<\/p>\n<h2>Mobile Adaptation<\/h2>\n<p>For any web project these days, the well-crafted mobile adaptation is not a privilege anymore but a must-have that makes the website look good and work well on any device convenient for the visitor, as well as has a significant impact on search ranking. Here&#8217;s a glance at how some pages of the Synthesized website look on mobile.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11860\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/mobile-screens.jpg\" alt=\"mobile screens\" width=\"1900\" height=\"2036\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/mobile-screens.jpg 1900w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/mobile-screens-280x300.jpg 280w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/mobile-screens-768x823.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/mobile-screens-956x1024.jpg 956w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/mobile-screens-140x150.jpg 140w\" sizes=\"auto, (max-width: 1900px) 100vw, 1900px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"synthesized mobile website tubik design\" src=\"https:\/\/player.vimeo.com\/video\/657160422?h=4fec9e3778&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>Synthesized is the company we&#8217;ve still been collaborating with, so it&#8217;s not the complete story: new design tasks are being covered, new challenges are being faced, and that&#8217;s the amazing experience to go through the different growth and scaling stages together with the client, from the basic website to the diversity of pages, content, and functions.<\/p>\n<p><iframe loading=\"lazy\" title=\"mobile website synthesized tubik\" src=\"https:\/\/player.vimeo.com\/video\/657160345?h=5dbba4c4aa&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>Stay tuned; new case studies are coming soon!<\/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\/website-design-marketing-marketplace\/\">Mayple. Website Design for Marketing Marketplace<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-ux-design-delivery-service\/\">Carricare. Identity and UX Design for Safe Delivery Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/annual-awwwards-website-design\/\">Annual Awwwards. Website Design<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/branding-design-health-app\/\">Uplyfe. Identity Design for Health App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-webdesign-shipping-service\/\">ShipDaddy. Identity and Web Design for Shipping Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/credentially-webdesign-webflow-development\/\">Credentially. Website Creation with Webflow<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-huawei-icon-design\/\">HUAWEI. Icon Design for EMUI 10<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-educational-interactive-website\/\">Illuminating Radioactivity. Interactive Web Design for Education<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-lumen-museum-website\/\">Lumen. Website for Museum of Mountain Photography<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-gno-ecommerce-branding-webdesign\/\">GNO Blankets. Branding and Web Design for Ecommerce<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The case study highlights the process of web design and implementation for Synthesized, the innovative DataOps platform dealing with collaboration on sensitive data.<\/p>\n","protected":false},"author":3,"featured_media":12422,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,9],"tags":[485,487,57,491,97,502,100,504,138,515,147,533,212,534,233,536,256,585,365,440,447,457,468,482],"coauthors":[],"class_list":["post-11841","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-ui_ux","tag-user-experience-design","tag-user-experience-design-process","tag-case-study","tag-user-interface","tag-database","tag-ux","tag-design","tag-ux-design-article","tag-design-process","tag-uxui","tag-design-studio","tag-web-design","tag-graphic-design","tag-web-design-article","tag-human-computer-interaction","tag-web-design-case-study","tag-interaction-design","tag-webflow","tag-product-design","tag-tubik","tag-tubik-studio","tag-ui","tag-ui-design-process","tag-user-experience"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: Synthesized. Web Design for DataOps Platform<\/title>\n<meta name=\"description\" content=\"The case study highlights the process of web design and implementation for Synthesized, the innovative DataOps platform dealing with collaboration on sensitive data.\" \/>\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\/web-design-dataops-platform\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Synthesized. Web Design for DataOps Platform\" \/>\n<meta property=\"og:description\" content=\"The case study highlights the process of web design and implementation for Synthesized, the innovative DataOps platform dealing with collaboration on sensitive data.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-16T12:50:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:28:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-tubik-design-website-case-study.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/\",\"name\":\"Case Study: Synthesized. Web Design for DataOps Platform\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-tubik-design-website-case-study.jpg\",\"datePublished\":\"2021-12-16T12:50:51+00:00\",\"dateModified\":\"2025-10-24T11:28:07+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"The case study highlights the process of web design and implementation for Synthesized, the innovative DataOps platform dealing with collaboration on sensitive data.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-tubik-design-website-case-study.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-tubik-design-website-case-study.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"synthesized tubik design website case study\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Synthesized. Web Design for DataOps Platform\"}]},{\"@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: Synthesized. Web Design for DataOps Platform","description":"The case study highlights the process of web design and implementation for Synthesized, the innovative DataOps platform dealing with collaboration on sensitive data.","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\/web-design-dataops-platform\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Synthesized. Web Design for DataOps Platform","og_description":"The case study highlights the process of web design and implementation for Synthesized, the innovative DataOps platform dealing with collaboration on sensitive data.","og_url":"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2021-12-16T12:50:51+00:00","article_modified_time":"2025-10-24T11:28:07+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-tubik-design-website-case-study.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/","url":"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/","name":"Case Study: Synthesized. Web Design for DataOps Platform","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-tubik-design-website-case-study.jpg","datePublished":"2021-12-16T12:50:51+00:00","dateModified":"2025-10-24T11:28:07+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"The case study highlights the process of web design and implementation for Synthesized, the innovative DataOps platform dealing with collaboration on sensitive data.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-tubik-design-website-case-study.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/synthesized-tubik-design-website-case-study.jpg","width":1600,"height":1200,"caption":"synthesized tubik design website case study"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/web-design-dataops-platform\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Synthesized. Web Design for DataOps Platform"}]},{"@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\/11841","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=11841"}],"version-history":[{"count":15,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/11841\/revisions"}],"predecessor-version":[{"id":14338,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/11841\/revisions\/14338"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/12422"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=11841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=11841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=11841"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=11841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}