The Explainer Studio

<!DOCTYPE html> <html lang="en"> <head>  <script> dataLayer = [{ "Network":"voxcreative", "Community":"theexplainerstudio", "GA Primary ID":"UA-57276808-4", "GA CrossDomains":"theexplainerstudio.com,voxcreative.com,voxmedia.com", "Content Type":"homepage", chorusSDK = []; }]; </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W8JKW6');</script>   <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="1a3122d4-2aef-4ecb-be46-a8adfc33b846" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script>  <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://theexplainerstudio.comapple-touch-icon-57x57.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://theexplainerstudio.comapple-touch-icon-114x114.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://theexplainerstudio.comapple-touch-icon-72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://theexplainerstudio.comapple-touch-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://theexplainerstudio.comapple-touch-icon-120x120.png" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://theexplainerstudio.comapple-touch-icon-152x152.png" /> <link rel="icon" type="image/png" href="http://theexplainerstudio.comfavicon-32x32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="http://theexplainerstudio.comfavicon-16x16.png" sizes="16x16" /> <meta name="application-name" content="The Explainer Studio"/> <meta name="msapplication-TileColor" content="#FFFFFF" /> <meta name="msapplication-TileImage" content="http://theexplainerstudio.commstile-144x144.png" />  <meta name="twitter:card" content="Your brand, your story, your world — explained in Vox Media’s signature format"> <meta name="twitter:title" content="The Explainer Studio"> <meta name="twitter:description" content="The Explainer Studio"> <meta name="twitter:image" content="/img/socialcard.jpg">  <meta property="og:title" content="The Explainer Studio" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://www.theexplainerstudio.com/" /> <meta property="og:image" content="/img/socialcard.jpg" /> <meta property="og:description" content="Your brand, your story, your world — explained in Vox Media’s signature format" /> <meta property="og:site_name" content="The Explainer Studio" /> <title>The Explainer Studio</title> <link href="img/favicon.png" rel="icon"> <link rel="stylesheet" href="https://use.typekit.net/esr4uzl.css"> <link href="https://fonts.googleapis.com/css?family=Roboto:400,700|Anton&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/style.css"> </head> <body class="brand-bg-gray">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8JKW6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <section id="hero" class="text-center-xs flex-block-xs flex-item-center-xs relative-xs"> <div class="hero-copy"> <h1 class="logo m-b-1-xs"><img src="img/VoxMedia_logo_RGB_white.png" alt="Vox Media logo" class="vm-logo"></h1> <h1 class="hero-copy-headline"><img src="img/ES-logo.svg" alt="Explainer Studio logo" class="es-logo m-lr-4-md m-b-3-xs"></h1> </div> <div class="hero-video"> <video muted autoplay loop src="img/2020/VXC_GFO_002_Sc19_ESSite_Square.mp4"> </video> </div> </section> <section id="intro" class="col-max"> <div class="flex-block-md m-r-4-md p-lr-5-lg p-lr-2-xs m-b-7-md m-b-3-xs"> <div class="flex-basis-50-md brand-bg-gray section-overlap p-t-6-md p-t-4-xs m-b-2-xs m-b-0-md"> <h2 class="brand-color-pink text-2-xs m-lr-2-lg">Your brand, your story, your world — explained in Vox Media’s signature format</h2> </div> <div class="flex-basis-50-md m-t-5-md copy-two-column"> <p>The world doesn’t just need information. It needs explanation. That’s why curious audiences have flocked to Vox Media Explainers — over a billion times per year. Blending research, reporting, insight, personality, and humanity, Explainers help people understand the most complicated topics swirling around us every day. Since launching in 2017, The Explainer Studio has harnessed that proven form of storytelling for over a hundred and fifty major brands. We connect you to the curious class.</p> </div> </div> </section> <section id="stats" class="fade-up"> <div class="col-max"> <div class="flex-block-md p-lr-5-lg p-lr-2-xs m-b-3-xs m-b-5-md m-t-4-md m-t-2-xs"> <div class="stat flex-basis-33-md m-b-2-xs p-lr-1-md"> <h2 class="type-tertiary text-0-md text-1-xs stat-number">20<sup>%</sup></h2> <h3 class="bg-heading brand-color-gray text-2-xs m-b-05-xs">Increase</h3> <p class="stat-copy text-8-xs">in unaided brand awareness versus control videos</p> </div> <div class="stat flex-basis-33-md m-b-2-xs p-lr-1-md"> <h2 class="type-tertiary text-0-md text-1-xs stat-number">56<sup>%</sup></h2> <h3 class="bg-heading brand-color-gray text-2-xs m-b-05-xs">Lift</h3> <p class="stat-copy text-8-xs">brand affinity above Nielsen norms</p> </div> <div class="stat flex-basis-33-md m-b-2-xs p-lr-1-md"> <h2 class="type-tertiary text-0-md text-1-xs stat-number">77<sup>%</sup></h2> <h3 class="bg-heading brand-color-gray text-2-xs m-b-05-xs">Deeper</h3> <p class="stat-copy text-8-xs">understanding of a complex issue after watching</p> </div> </div> </div> </section> <section class="fade-up sizzle_video"> <div class="video_wrap col-max p-lr-2-xs"> <iframe src="https://player.vimeo.com/video/582144240?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </div> </section> <section id="illustration-1" class="p-b-3-xs p-t-3-md m-b-6-xs fade-up relative-xs"> <div class="col-max"> <div class="illustration-1-img m-b-3-xs m-b-0-md"> <video muted loop autoplay src="img/2020/VXC_BULB_SWITCHV2.mp4" class="w-fit-xs"> </video> </div> <div class="illustration-1-copy"> <div class="flex-block-md p-lr-5-lg p-lr-2-md"> <div class="flex-basis-50-lg flex-basis-70-md m-r-1-md p-lr-2-xs p-lr-0-md"> <h3 class="type-secondary caps text-8-xs ls-wide m-b-05-xs">What's an explainer?</h3> <h2 class="brand-color-pink text-2-xs m-b-3-xs">A storytelling technique perfected by editorial data and insights.</h2> </div> </div> <div class="flex-block-md p-lr-5-lg p-lr-2-md"> <div class="flex-basis-30-md m-r-1-md p-lr-2-xs p-lr-0-md"> <h4 class="text-8-xs caps">Ignite their curiosity</h4> <hr class="hr"> <p>Explainers find a subject that is mysterious, misunderstood, complex, or quizzical and break it down from many sides. They answer questions that people wonder but don’t explore, that they don’t think to ask but wish they had.</p> </div> </div> <div class="flex-block-md p-lr-5-lg p-lr-2-md"> <div class="flex-basis-30-md m-r-1-md p-lr-2-xs p-lr-0-md"> <h4 class="text-8-xs caps m-t-3-xs">Go deeper than the brand</h4> <hr class="hr"> <p>They tell a story that interweaves our editorial voice (and writers’ voices) with your brand essence — a story that’s thorough, factual, relevant, visual, and personal.</p> </div> </div> <div class="flex-block-md p-lr-5-lg p-lr-2-md"> <div class="flex-basis-30-md m-r-1-md p-lr-2-xs p-lr-0-md"> <h4 class="text-8-xs caps m-t-3-xs">Give Them Something to Take with Them</h4> <hr class="hr"> <p>It’s all designed to elicit an “aha!” from the audience, leaving them brimming with newfound knowledge, expertise, and awareness of your message.</p> </div> </div> </div> </div> </section> <section id="content" class="col-max"> <div class="flex-block-md flex-item-center-md m-b-5-xs p-lr-5-lg p-lr-0-xs"> <div class="flex-basis-50-md relative-xs fade-left"> <figure class="mask m-r-4-md"> <img src="img/image-block-2.jpg" alt="" class="w-fit-xs"> </figure> </div> <div class="flex-basis-50-md m-l-2-md p-lr-0-md p-lr-2-xs p-t-4-xs p-t-0-md brand-bg-white-xs p-b-4-xs p-b-0-md fade-right"> <h3 class="type-secondary caps text-8-xs ls-wide m-b-05-xs">Explainers for brands</h3> <h2 class="brand-color-pink text-2-xs m-b-2-xs">The world of your brand, your innovation, your consumer. Explained.</h2> <p class="text-8-xs">Your brand is a world of innovation, activation, insights, creativity and utility. You have interesting things to say — about what you do, why you do it, and your place in the universe of sports, food, design, entertainment, and tech. And you need an interesting way to say those things.</p> </div> </div> </section> <section id="video-content" class="fade-up"> <div class="col-max"> <div class="flex-block-md m-lr-2-md p-lr-5-md p-lr-2-xs m-b-3-xs"> <div class="flex-basis-50-md"> <h3 class="type-secondary caps text-8-xs ls-wide m-b-05-xs">Use Cases</h3> <h2 class="brand-color-pink text-2-xs">A format as adaptive, dynamic, and multifaceted as your brand.</h2> </div> </div> </div> <div class="video-info"> <div class="col-max"> <div class="video-info-block m-lr-2-md p-lr-2-xs z-2-xs flex-block-lg"> <div class="video-info-block-item flex-basis-20-lg active m-b-2-xs m-b-0-lg"> <h4 class="ls-wide text-8-xs m-l-3-md m-l-2-xs m-b-1-xs">01</h4> <div class="brand-bg-white p-t-1-xs p-b-1-xs p-lr-1-md p-lr-2-xs"> <h5 class="text-8-xs">On Running - How does the runner’s high live up to its name?</h5> <p class="text-8-xs p-t-05-xs">What evolution has to say about this euphoric sensation.</p> </div> <figure class="video-block--video"> <iframe src="https://player.vimeo.com/video/698759053?h=4bae425778&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="VXC_ONR_FINAL_CC_MIX_220420"></iframe> </figure> </div> <div class="video-info-block-item flex-basis-20-lg m-b-2-xs m-b-0-lg"> <h4 class="ls-wide text-8-xs m-l-3-lg m-l-2-xs m-b-1-xs">02</h4> <div class="brand-bg-white p-t-1-xs p-b-1-xs p-lr-1-lg p-lr-2-xs m-l-1-lg"> <h5 class="text-8-xs">AbbVie - Why failure is critical to developing new medicines?</h5> <p class="text-8-xs p-t-05-xs">Scientists who take risks and learn from their failures open up a whole new frontier of possibilities.</p> </div> <figure class="video-block--video"> <iframe src="https://player.vimeo.com/video/656675569?h=27e2808c10&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </figure> </div> <div class="video-info-block-item flex-basis-20-lg m-b-2-xs m-b-0-lg"> <h4 class="ls-wide text-8-xs m-l-3-md m-l-2-xs m-b-1-xs">03</h4> <div class="brand-bg-white p-t-1-xs p-b-1-xs p-lr-1-md p-lr-2-xs m-l-1-lg"> <h5 class="text-8-xs">DICE - Why does transparency matter for concert ticketing?</h5> <p class="text-8-xs p-t-05-xs">Most ticketing platforms exploit consumer psychology – but a good fan experience is good for the entire live events industry.</p> </div> <figure class="video-block--video"> <iframe src="https://player.vimeo.com/video/952355642?h=578f96a5a9&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </figure> </div> <div class="video-info-block-item flex-basis-20-lg m-b-2-xs m-b-0-lg"> <h4 class="ls-wide text-8-xs m-l-3-lg m-l-2-xs m-b-1-xs">04</h4> <div class="brand-bg-white p-t-1-xs p-b-1-xs p-lr-1-lg p-lr-2-xs m-l-1-lg"> <h5 class="text-8-xs">Seventh Generation - What should the next generation of cities look like?</h5> <p class="text-8-xs p-t-05-xs">How improving the design of our cities can lower emissions and increase equity.</p> </div> <figure class="video-block--video"> <iframe src="https://player.vimeo.com/video/835600419?h=292c5595cd&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </figure> </div> <div class="video-info-block-item flex-basis-20-lg m-b-2-xs m-b-0-lg"> <h4 class="ls-wide text-8-xs m-l-3-lg m-l-2-xs m-b-1-xs">05</h4> <div class="brand-bg-white p-t-1-xs p-b-1-xs p-lr-1-lg p-lr-2-xs m-l-1-lg"> <h5 class="text-8-xs">Amazon Web Services - Want to transform technical debt? Start by rethinking it.</h5> <p class="text-8-xs p-t-05-xs">Don’t let it hold back your organization’s ability to innovate.</p> </div> <figure class="video-block--video"> <iframe src="https://player.vimeo.com/video/868413228?h=ca4c93d9c4&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </figure> </div> </div> </div> </div> <div class="col-max relative-xs z-5-xs"> <div class="p-lr-5-lg p-lr-2-xs"> <div class="flex-block-md flex-justify-around-md flex-item-center-md p-lr-6-md"> <p>Interested in more videos?<br/>Follow The Explainer Studio on YouTube.</p> <a href="https://www.youtube.com/playlist?list=PLiyIonh36o9i5z5q-OemHqeDDCWL6z6x3&disable_polymer=true" target="_blank" class="button m-t-1-xs m-b-1-xs">Watch</a> </div> </div> </div> </section> <section id="illustration-2" class="col-max"> <div class="flex-block-md flex-item-center-md m-t-3-xs p-lr-5-lg p-lr-2-xs p-b-4-xs"> <div class="flex-basis-40-md fade-left m-r-6-md text-center-xs"> <img src="img/exploding-logo.gif" class="w-fit-xs" alt=""> </div> <div class="flex-basis-60-md fade-right"> <h3 class="type-secondary caps text-8-xs ls-wide m-b-05-xs">How it works</h3> <h2 class="brand-color-pink text-2-xs m-b-3-xs">Benefits beyond the format</h2> <div class="content-block m-b-3-xs"> <h4 class="bg-heading brand-bg-pink brand-color-gray inline-block-xs text-5-xs m-b-1-xs">Multi-platform distribution</h4> <p>Premium programming and amplification across Vox Media's house of brands, major social platforms, and <a href="http://www.concert.io">Concert</a>.</p> </div> <div class="content-block m-b-3-xs"> <h4 class="bg-heading brand-bg-pink brand-color-gray inline-block-xs text-5-xs m-b-1-xs">Turnkey efficiency & value</h4> <p>A process that maximizes speed and minimizes your team's effort. Guaranteed value and engagement from chosen view lengths.</p> </div> <div class="content-block"> <h4 class="bg-heading brand-bg-pink brand-color-gray inline-block-xs text-5-xs m-b-1-xs">Performance</h4> <p>Nielsen brand studies that optimize for brand life. Real-time measurement and optimization from our team of engagement editors and analysts.</p> </div> </div> </div> <div class="flex-block-md flex-item-center-xs flex-justify-center-xs flex-content-center-md p-lr-5-lg p-lr-2-xs p-b-8-xs"> <img src="img/2020/ES_Site_LogoSoup.png" style="display: block; height: auto; max-width: 100%" width="700" alt="Vox Media Networks Logo Array"> </div> </section>  <section id="contact" class="brand-bg-white"> <div class="col-max"> <div class="p-lr-5-lg p-lr-2-xs"> <div class="p-t-4-xs p-b-4-xs text-center-xs text-left-md flex-block-md flex-justify-around-md flex-item-center-md"> <img src="img/ES-logo-black.svg" alt="Explainer Studio logo" style="max-width: 250px" class="block-xs m-auto-xs m-lr-0-md"> <div class="text-right-md"> <a href="mailto:advertising@voxmedia.com" class="button m-t-3-xs m-t-0-md m-b-1-xs">Contact us</a> <p>For any press inquiries,<br/> please reach out to:<br/><a href="mailto:press@voxmedia.com">press@voxmedia.com</a></p> </div> </div> </div> </div> </section> <footer class="brand-bg-black p-t-6-xs p-b-6-xs p-lr-2-xs z-1-xs relative-xs"> <div class="col-max" style="opacity: .5"> <div class="text-center-xs"> <ul class="c-footer__social u-list-inline list-unstyled"> <li class="inline-block-xs m-r-1-xs"><a rel="nofollow" href="https://www.facebook.com/voxmediainc"><span class="hide-xs u-hidden-text">Vox Media on Facebook</span><img alt="Facebook" style="height: 36px;padding:8px;" src="https://ea.vox-cdn.com/production/voxmedia-go-deeper-deploy/images/icon-facebook-a42147bc.svg"></a></li> <li class="inline-block-xs"><a rel="nofollow" href="https://twitter.com/voxmedia"><span class="u-hidden-text hide-xs">Vox Media on Twitter</span><img alt="Twitter" style="height: 36px;padding:8px;" src="https://ea.vox-cdn.com/production/voxmedia-go-deeper-deploy/images/icon-twitter-f3a4f6e4.svg"></a></li> <li class="inline-block-xs m-l-1-xs"><a rel="nofollow" href="https://www.linkedin.com/company/vox-media-llc"><span class="u-hidden-text hide-xs">Vox Media on Linked In</span><img alt="LinkedIn" style="height:36px;padding:8px;" src="https://ea.vox-cdn.com/production/voxmedia-go-deeper-deploy/images/icon-linkedin-73b79fea.svg"></a></li> </ul> <ul class="c-footer__links list-unstyled"> <li class="inline-block-xs m-r-05-xs"><a href="https://www.voxmedia.com/legal/privacy-notice">Privacy Notice</a></li> <li class="inline-block-xs m-r-05-xs"><a href="https://www.voxmedia.com/legal/cookie-policy">Cookie Policy</a></li> <li class="inline-block-xs m-lr-05-xs"><a id="ot-sdk-btn" class="ot-sdk-show-settings">Do Not Sell or Share My Personal Data</a></li> <li class="inline-block-xs m-lr-05-xs"><a href="https://www.voxmedia.com/legal/terms-of-use">Terms of Use</a></li> <li class="inline-block-xs m-lr-05-xs"><a href="https://www.voxmedia.com/pages/security">Security</a></li> <li class="inline-block-xs m-lr-05-xs"><a href="https://www.voxmedia.com/legal/accessibility">Accessibility</a></li> </ul> </div> <p>© 2024 Vox Media, LLC. All rights reserved.</p> </div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/script.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-57276808-4', 'theexplainerstudio.com'); ga('send', 'pageview'); </script> </body> </html>

CINXE.COM

The Explainer Studio