{"componentChunkName":"component---src-templates-blog-post-index-js","path":"/blog/hello-drivit-preview","result":{"pageContext":{"blogPost":{"id":"0c459d12-af52-5772-a326-0aad982b6c4e","body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"author\": \"data/authors/goncalo.json\",\n  \"path\": \"hello-drivit-preview\",\n  \"title\": \"How to make data-driven design work for you\",\n  \"date\": \"2020-02-10T00:00:00.000Z\",\n  \"featuredImage\": \"data/images/post-image1.jpg\",\n  \"description\": \"In this digital era, everything can be, and if your company is smart, is tested. Google’s Internal Data Report from 2018, as cited by Croud, tells us that...\",\n  \"category\": \"Inside Drivit\",\n  \"time\": 6\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"As creatives, there are few things we hate more than hearing, \\u201CMake the logo bigger,\\u201D \\u201CPut everything above the fold,\\u201D and \\u201CMake the words pop!\\u201D\"), mdx(\"p\", null, \"Whether you\\u2019re a product designer, a copywriter, an art director, or any creative role, if you\\u2019re good at your job, you have a rhyme and reason for doing what you do\\u2014every single time. You\\u2019ve thought through all potential angles. You can defend your choices. You can convince someone to back out of their feedback, or even better, help them make the feedback more constructive. But what do you do when you hear, \\u201CThe data says it\\u2019s bad\\u201D? \"), mdx(\"p\", null, \"You do better. \"), mdx(\"p\", null, \"In this digital era, everything can be, and if your company is smart, is tested. Google\\u2019s Internal Data Report from 2018, as cited by Croud, tells us that 50% more conversions were generated from data-driven creatives. 50% more. It\\u2019s hard to compete with numbers like that, no matter how precious your work. \"), mdx(\"p\", null, \"Whether you\\u2019re building a better onboarding flow, making updates to your checkout process, or creating the next big campaign, here are three ways to make data work for you. \"), mdx(\"h2\", null, \"Test continuously\"), mdx(\"p\", null, \"Working at an analytics company, we have no shortage of data to tap into. When our team launches campaigns, we create the iterations we want to test and see what performs best. For our \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://google.com\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"Guide to Product Metrics\"), \" campaign, we launched three variations of the same banner ad, each with a different colored background, to see what would get the highest click-through-rate. In a few day\\u2019s time, the yellow was the clear winner, and we optimized our ad spend towards it. In the next round, we took the yellow and tested different creative elements like adding in a textured background. These kinds of low-risk, high-reward tests can give you valuable insights to take into future work.\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-python\"\n  }), \"s = \\\"syntax highlighting\\\"\\nprint s\\n\")), mdx(\"h2\", null, \"Get feedback, faster\"), mdx(\"p\", null, \"On our recently launched \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://google.com\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"conversion\"), \" campaign, we had a hypothesis that centering the headline and hero image would help guide the viewer down the page. But we needed data to prove it. So we created a second iteration where the headline and hero were inline at the top, all other elements remaining the same. We had two pages that were on-brief, on-brand, and work we were proud of, no matter the winner. At the start, our control page was the clear frontrunner. But as the test ran, we learned that the variant drove 26% more click-throughs. In just a couple week\\u2019s time, our team had the data we needed to optimize our campaign for maximum impact.\"), mdx(\"figure\", {\n    \"className\": \"gatsby-resp-image-figure\",\n    \"style\": {}\n  }, \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"figure\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"778px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"58.097686375321345%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAMABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABAABA//EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAFQ1ZR7vR//xAAZEAADAQEBAAAAAAAAAAAAAAABAgMABBH/2gAIAQEAAQUCrVkfqox0EnSdkFMZIiEn3//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABwQAAEFAAMAAAAAAAAAAAAAAAEAAhEhMRASUf/aAAgBAQAGPwINAbmlAV1hS5tpsqhnvH//xAAaEAADAQEBAQAAAAAAAAAAAAAAAREhQTFx/9oACAEBAAE/IYMrqsEqtKqVTf00GqWvRYl4+Cm0t66PMw//2gAMAwEAAgADAAAAEMAP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQIBAT8QV//EABwQAQACAgMBAAAAAAAAAAAAAAEAESExUWGR4f/aAAgBAQABPxDHiaoY3HMJkDkDh5B1DSoYa11G1NoKLqvkFAoE5W037DIVDABRP//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/377a92540b7ddd90010f9295ba159d3e/fe004/post-image3.webp 195w\", \"/static/377a92540b7ddd90010f9295ba159d3e/230b3/post-image3.webp 389w\", \"/static/377a92540b7ddd90010f9295ba159d3e/5c9af/post-image3.webp 778w\"],\n    \"sizes\": \"(max-width: 778px) 100vw, 778px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/377a92540b7ddd90010f9295ba159d3e/80868/post-image3.jpg 195w\", \"/static/377a92540b7ddd90010f9295ba159d3e/5fc97/post-image3.jpg 389w\", \"/static/377a92540b7ddd90010f9295ba159d3e/faad2/post-image3.jpg 778w\"],\n    \"sizes\": \"(max-width: 778px) 100vw, 778px\",\n    \"type\": \"image/jpeg\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/377a92540b7ddd90010f9295ba159d3e/faad2/post-image3.jpg\",\n    \"alt\": \"Source: https://www.pexels.com/photo/abstract-art-circle-clockwork-414579/\",\n    \"title\": \"Source: https://www.pexels.com/photo/abstract-art-circle-clockwork-414579/\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", _extends({\n    parentName: \"figure\"\n  }, {\n    \"className\": \"gatsby-resp-image-figcaption\"\n  }), \"Source: https://www.pexels.com/photo/abstract-art-circle-clockwork-414579/\"), \"\\n  \"), mdx(\"p\", null, \"Working at an analytics company, we have no shortage of data to tap into. When our team launches campaigns, we create the iterations we want to test and see what performs best. For our \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://google.com\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"Guide to Product Metrics\"), \" campaign, we launched three variations of the same banner ad, each with a different colored background, to see what would get the highest click-through-rate. In a few day\\u2019s time, the yellow was the clear winner, and we optimized our ad spend towards it. In the next round, we took the yellow and tested different creative elements like adding in a textured background. These kinds of low-risk, high-reward tests can give you valuable insights to take into future work.\"), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"Simple, right? And, at its core, the idea is pretty basic. But, oddly enough, it\\u2019s quite easy to both under-estimate its implications and over-estimate its complexity\"), mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"Billy Whited\")), mdx(\"p\", null, \"On our recently launched \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://google.com\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"conversion\"), \" campaign, we had a hypothesis that centering the headline and hero image would help guide the viewer down the page. But we needed data to prove it. So we created a second iteration where the headline and hero were inline at the top, all other elements remaining the same. We had two pages that were on-brief, on-brand, and work we were proud of, no matter the winner. At the start, our control page was the clear frontrunner. But as the test ran, we learned that the variant drove 26% more click-throughs. In just a couple week\\u2019s time, our team had the data we needed to optimize our campaign for maximum impact.\"));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"author":{"childAuthorsJson":{"name":"Gonçalo Farinha","position":"Co-Founder","photo":{"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAbABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAMEBQL/xAAXAQADAQAAAAAAAAAAAAAAAAAAAQID/9oADAMBAAIQAxAAAAG5Lc3O9E6BYKl8aTYQiP/EAB0QAAICAQUAAAAAAAAAAAAAAAECAAMEERIgITP/2gAIAQEAAQUCPQV9TLfKg7ro1zM5eDKsHD//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAWEQADAAAAAAAAAAAAAAAAAAAAEBH/2gAIAQIBAT8BcP/EABwQAAICAgMAAAAAAAAAAAAAAAABEBEiQRIggf/aAAgBAQAGPwKymqcM3HK/DDE0+n//xAAdEAADAQADAAMAAAAAAAAAAAAAAREhMUFhEHGR/9oACAEBAAE/IX418Ne9W0hCa7m4SY2i7dGWhp+Cbx9k9EEb9Gh8D+P/2gAMAwEAAgADAAAAEMfTc//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEf/aAAgBAwEBPxADLLW1v//EABcRAQEBAQAAAAAAAAAAAAAAAAARASH/2gAIAQIBAT8Q6qYh/8QAHRABAAMAAgMBAAAAAAAAAAAAAQARMSFBYXGhsf/aAAgBAQABPxAmSpQDVeoV8FooGvJHlOIQInRTs1a69Cq/WUuXRLNN4GVXqK1xUXQ9nUKqTyvkwmI7P//Z","aspectRatio":0.75,"src":"/static/820d8e66e3029cf4bab2920729afe03f/8850c/about-team-placeholder2.jpg","srcSet":"/static/820d8e66e3029cf4bab2920729afe03f/d79f4/about-team-placeholder2.jpg 50w,\n/static/820d8e66e3029cf4bab2920729afe03f/3f132/about-team-placeholder2.jpg 100w,\n/static/820d8e66e3029cf4bab2920729afe03f/8850c/about-team-placeholder2.jpg 200w,\n/static/820d8e66e3029cf4bab2920729afe03f/4e109/about-team-placeholder2.jpg 300w,\n/static/820d8e66e3029cf4bab2920729afe03f/da113/about-team-placeholder2.jpg 400w,\n/static/820d8e66e3029cf4bab2920729afe03f/b2c4b/about-team-placeholder2.jpg 480w","srcWebp":"/static/820d8e66e3029cf4bab2920729afe03f/ff989/about-team-placeholder2.webp","srcSetWebp":"/static/820d8e66e3029cf4bab2920729afe03f/f0d21/about-team-placeholder2.webp 50w,\n/static/820d8e66e3029cf4bab2920729afe03f/576f6/about-team-placeholder2.webp 100w,\n/static/820d8e66e3029cf4bab2920729afe03f/ff989/about-team-placeholder2.webp 200w,\n/static/820d8e66e3029cf4bab2920729afe03f/105ae/about-team-placeholder2.webp 300w,\n/static/820d8e66e3029cf4bab2920729afe03f/c7de9/about-team-placeholder2.webp 400w,\n/static/820d8e66e3029cf4bab2920729afe03f/6d2ae/about-team-placeholder2.webp 480w","sizes":"(max-width: 200px) 100vw, 200px"}}}}},"path":"hello-drivit-preview","date":"February 10, 2020","title":"How to make data-driven design work for you","description":"In this digital era, everything can be, and if your company is smart, is tested. Google’s Internal Data Report from 2018, as cited by Croud, tells us that...","category":"Inside Drivit","time":6,"featuredImage":{"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIFAwT/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAB2aQ0neRw/8QAGRAAAgMBAAAAAAAAAAAAAAAAAREAAgMU/9oACAEBAAEFAr72Y3tOjRhmGpTn/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEB/9oACAEDAQE/AauP/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQIBAT8BR//EABkQAAIDAQAAAAAAAAAAAAAAAAABEBExMv/aAAgBAQAGPwJUp06NP//EABoQAAIDAQEAAAAAAAAAAAAAAAABESExQWH/2gAIAQEAAT8h9b2J6k5LEPubBKKWhJdH/9oADAMBAAIAAwAAABAE/wD/xAAVEQEBAAAAAAAAAAAAAAAAAAABAP/aAAgBAwEBPxBJFf/EABcRAAMBAAAAAAAAAAAAAAAAAAARUQH/2gAIAQIBAT8QW0en/8QAGxABAQADAQEBAAAAAAAAAAAAAREAITFhceH/2gAIAQEAAT8QAOounpOYNp+JqY0TBToDxcAhZfP3EFT4TKmdd7z/2Q==","aspectRatio":1.5,"src":"/static/e69f75970e0032eae5afb381dcac90b5/12eac/post-image1.jpg","srcSet":"/static/e69f75970e0032eae5afb381dcac90b5/ede2a/post-image1.jpg 256w,\n/static/e69f75970e0032eae5afb381dcac90b5/0af86/post-image1.jpg 512w,\n/static/e69f75970e0032eae5afb381dcac90b5/12eac/post-image1.jpg 678w","srcWebp":"/static/e69f75970e0032eae5afb381dcac90b5/d281e/post-image1.webp","srcSetWebp":"/static/e69f75970e0032eae5afb381dcac90b5/974ff/post-image1.webp 256w,\n/static/e69f75970e0032eae5afb381dcac90b5/67767/post-image1.webp 512w,\n/static/e69f75970e0032eae5afb381dcac90b5/d281e/post-image1.webp 678w","sizes":"(max-width: 678px) 100vw, 678px"}}}}}}}}