TBWA\SA The Disruption Company ®

<!doctype html> <html lang="en" class="en no-js"> <head> <title>TBWA\SA The Disruption Company ®</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta name="description" content="If you're not disrupting, you're conforming. If you're conforming, you're going unnoticed. True brand ideas, design ideas, product ideas, platform ideas, those are the ideas that make a real difference for the businesses of our clients."> <meta property="og:site_name" content="TBWA SA | The Disruption Company ®" /> <meta property="og:type" content="website" /> <meta property="og:title" content="TBWA SA | The Disruption Company ®"> <meta property="og:url" content="https://www.tbwa.co.za/" /> <meta property="og:description" content="If you're not disrupting, you're conforming. If you're conforming, you're going unnoticed. True brand ideas, design ideas, product ideas, platform ideas, those are the ideas that make a real difference for the businesses of our clients."> <meta property="og:image" content="https://d2z4h1m1xbtad3.cloudfront.net/tbwa_co_za/images/share/share_en3860.png" /> <link rel="apple-touch-icon" sizes="57x57" href="apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> <link rel="manifest" href="https://www.tbwa.co.za/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <link rel="preconnect" href="https://tbwa-cdn.co.za" /> <link rel="preconnect" href="https://d2z4h1m1xbtad3.cloudfront.net" /> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> <link rel="dns-prefetch" href="https://tbwa-cdn.co.za" /> <link rel="dns-prefetch" href="https://d2z4h1m1xbtad3.cloudfront.net" /> <link rel="preload" href="https://www.tbwa.co.za/assets/build/style/style.css" as="style" onload="this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://www.tbwa.co.za/assets/build/style/style.css"></noscript> <style> html { background-color: #000000; } body { opacity:0; pointer-events:none; } body.is-loaded { opacity:1; pointer-events:all; } </style> <script nonce="747597838558"> //<![CDATA[ var PHPvars = { 'language': 'en', 'serverBase': 'https://www.tbwa.co.za/', 'baseURL': 'https://www.tbwa.co.za/', 'user': null, 'title': 'TBWA SA', 'env': 'production', 'debug': false, 'deviceType': 'desktop', 'gmaps_api_key': '' }; //]]> </script> </head> <body id="bodyrott" class="site en "> <nav class="c-nav js-nav is-hidden c-nav--4-items "> <div class="c-nav__slices"> <div class="c-nav__slice js-nav-slice"></div> <div class="c-nav__slice js-nav-slice"></div> <div class="c-nav__slice js-nav-slice"></div> <div class="c-nav__slice js-nav-slice"></div> <div class="c-nav__slice js-nav-slice"></div> <div class="c-nav__slice js-nav-slice"></div> <div class="c-nav__slice js-nav-slice"></div> </div> <ul class="c-nav__items"> <li class="c-nav__item js-nav-item" data-slice="1"> <a class="c-nav__link js-nav-link" href="https://www.tbwa.co.za/cases" data-slice="1"> <div class="[ u-skew@l u-text-white ] u-flex-grow@m"> <div class="c-nav__title js-nav-title [ u-skew-back@l ] ">Cases</div> <div class="c-nav__info u-none u-block@l [ u-skew-back@l ] "> <div class="u-text-white [ u-text-center u-text-left@l ] ">We hate boring</div> </div> <span class="c-nav__cta u-margin-top--l"> </span> </div> </a> </li> <li class="c-nav__item js-nav-item" data-slice="2"> <div class="c-nav__link js-nav-link" data-slice="2"> <div class="[ u-skew@l ] u-flex-grow@m"> <a class="c-nav__title js-nav-title u-block@l [ u-skew-back@l ] " href="https://www.tbwa.co.za/about"> <div class="u-text-white [ u-text-center u-text-left@l ] " > About </div> </a> <a class="c-nav__info u-none u-block@l [ u-skew-back@l ] " href="https://www.tbwa.co.za/about" style="z-index: 9999;"> <div class="u-text-white [ u-text-center u-text-left@l ] " >Disruption</div> </a> <a class="c-nav__info u-none u-block@l [ u-skew-back@l ] " href="https://www.tbwa.co.za/about" style="z-index: 9999;"> <div class="u-text-white [ u-text-center u-text-left@l ] " >TBWA\ in Africa</div> </a> <a class="c-nav__info u-none u-block@l [ u-skew-back@l ] " href="https://www.tbwa.co.za/backslash" style="z-index: 9999;"> <div class="u-text-white [ u-text-center u-text-left@l ] " >Backslash Africa</div> </a> <a class="c-nav__info u-none u-block@l [ u-skew-back@l ] " href="https://www.tbwa.co.za/about" style="z-index: 9999;"> <div class="u-text-white [ u-text-center u-text-left@l ] " >Our Partners</div> </a> <div class="c-nav__info u-none u-block@l [ u-skew-back@l ] "></div> <span class="c-nav__cta u-margin-top--l"> </span> </div> </div> </li> <li class="c-nav__item js-nav-item" data-slice="3"> <div class="c-nav__link js-nav-link" data-slice="3"> <div class="[ u-skew@l ] u-flex-grow@m"> <a class="c-nav__title js-nav-title u-block@l [ u-skew-back@l ] " href="https://www.tbwa.co.za/jobs"> <div class="u-text-white [ u-text-center u-text-left@l ] " > Careers </div> </a> <a class="c-nav__info u-none u-block@l [ u-skew-back@l ] " href="https://www.tbwa.co.za/jobs" style="z-index: 9999;"> <div class="u-text-white [ u-text-center u-text-left@l ] " >Jobs</div> </a> <a class="c-nav__info u-none u-block@l [ u-skew-back@l ] " href="https://www.tbwa.co.za/jobs" style="z-index: 9999;"> <div class="u-text-white [ u-text-center u-text-left@l ] " >Our collective culture</div> </a> <div class="c-nav__info u-none u-block@l [ u-skew-back@l ] "></div> <span class="c-nav__cta u-margin-top--l"> </span> </div> </div> </li> <li class="c-nav__item js-nav-item" data-slice="5"> <div class="c-nav__link js-nav-link" data-slice="5"> <div class="[ u-skew@l ] u-flex-grow@m"> <a class="c-nav__title js-nav-title u-block@l [ u-skew-back@l ] " href="https://www.tbwa.co.za/pirates"> <div class="u-text-white [ u-text-center u-text-left@l ] " > Pirates </div> </a> <a class="c-nav__info u-none u-block@l [ u-skew-back@l ] " href="https://www.tbwa.co.za/pirates" style="z-index: 9999;"> <div class="u-text-white [ u-text-center u-text-left@l ] " >People</div> </a> <a class="c-nav__info u-none u-block@l [ u-skew-back@l ] " href="https://www.tbwa.co.za/press" style="z-index: 9999;"> <div class="u-text-white [ u-text-center u-text-left@l ] " >Press</div> </a> <div class="c-nav__info u-none u-block@l [ u-skew-back@l ] "></div> <span class="c-nav__cta u-margin-top--l"> </span> </div> </div> </li> <li class="c-nav__item js-nav-item" data-slice="4"> <a class="c-nav__link js-nav-link" href="https://www.tbwa.co.za/contact" data-slice="4"> <div class="[ u-skew@l u-text-white ] u-flex-grow@m"> <div class="c-nav__title js-nav-title [ u-skew-back@l ] ">Contact</div> <div class="c-nav__info u-none u-block@l [ u-skew-back@l ] "> <div class="u-text-white [ u-text-center u-text-left@l ] ">Let's get together</div> </div> <span class="c-nav__cta u-margin-top--l"> </span> </div> </a> </li> </ul> </nav> <div class="c-nav-darken c-nav-item-darken"></div>  <a href="https://www.tbwa.co.za/" class="c-tbwalogo js-logo c-nav-item"> <img src="https://d2z4h1m1xbtad3.cloudfront.net/tbwa_co_za/images/tbwa-logo-white.svg" class="c-tbwalogo--white" /> <img src="https://d2z4h1m1xbtad3.cloudfront.net/tbwa_co_za/images/tbwa-logo-black.svg" class="c-tbwalogo--dark" /> <span class="retro-name">TBWA <span>\</span></span> </a>   <button class="c-nav__icon c-nav-item js-toggle-nav"> <div class="icon"> <span></span> <span></span> <span></span> <span></span> </div> </button>  <section class="c-detail [ js-view js-view-detail ] is-hidden"></section>  <section class="o-home [ js-view js-view-home ] is-hidden"> <section class="o-hero u-text-white u-text-center"> <div class="o-hero__video"> <video poster="#" class="o-hero__video js-home-video" playsinline muted loop autoplay> <source src="https://d2z4h1m1xbtad3.cloudfront.net/tbwa_co_za/videos/fabric.mp4" type="video/mp4"> </video> <canvas class="o-hero__canvas js-home-canvas" width="100%" height="100%"></canvas> </div> <div class="o-hero__content js-home-content [ js-view-content ] is-hidden"> <header class="o-hero__header"> <span class="h3 u-text-white [ js-home-anim ] u-block "> We're the most integrated communications group in Africa </span> <h1 class="o-hero__title u-text-white u-margin-bottom--xl u-margin-top--l [ js-home-anim ] "> Let's grow your business </h1> <div class="c-wizard-controls [ js-home-anim ] is-hidden"> <span class="c-wizard-control c-wizard-control--1 is-active is-visible"> I'm in <button class="c-wizard-toggle js-toggle-sector">choose your business</button> </span> <span class="c-wizard-control c-wizard-control--2"> and want to <button class="c-wizard-toggle js-toggle-challenge">choose your challenge</button> </span> </div> <div class="c-links [ u-flex u-flex-align-center u-flex-wrap ]" style="justify-content: center;"> <br /><br /> <a title="Our work" href="cases" class="c-button c-link u-skew c-link--button js-contact-info" style="margin:0;"> <span class="u-inline-block u-skew-back">Explore</span> </a> </div> </header> </div> <div class="o-hero__content c-intro js-home-intro"> <h1 class=" u-text-white u-text-center js-home-intro-title"> We Are<br> The<br> Disruption<sup class="u-sup">庐</sup><br> Company </h1> </div> </section> <div class="c-transition js-home-transition"></div> </section>  <section class="c-wizard [ js-view js-view-results ] js-results-container is-hidden"> <div class="c-wizard__visuals js-results-visuals"></div> <div class="js-view-content"> <div class="c-wizard__titles js-results-titles "></div> <div class="c-wizard__results js-results "> <div class="c-wizard__timer"> <div class="c-wizard__timer-track"></div> <div class="c-wizard__timer-progress js-progress"></div> </div> <div class="c-wizard__thumbs js-results-thumbs"></div> </div> <div class="c-wizard__results-controls"> <div class="c-wizard-controls"> <span class="c-wizard-control c-wizard-control--1 is-active is-visible"> I'm in <button class="c-wizard-toggle js-toggle-sector">choose your business</button> </span> <span class="c-wizard-control c-wizard-control--2 is-active is-visible"> and want to <button class="c-wizard-toggle js-toggle-challenge">choose your challenge</button> </span> </div> </div> </div> </section> <div class="c-transition js-transition"></div>  <nav class="c-selector js-selector-sector is-hidden"> <div class="js-draggable-parent"> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="2">Entertainment</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="3">Financial and commercial services</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="5">Media and publications</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="6">Non-profit</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="7">Retail</div></div> </div> </nav> <nav class="c-selector js-selector-challenge is-hidden"> <div class="js-draggable-parent"> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="1">Increase traffic and conversion</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="2">More market share</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="3">Create credibility and relevance for my brand</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="5">(Re)launch a new product or service</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="6">Increase loyalty and decrease churn</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="7">Move from storytelling to storydoing</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="8">Culturally relevant (social) content</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="9">Solve my crisis</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="10">Do good</div></div> <div class="c-selector__item"><div class="c-selector__item-label js-selector-item" data-id="11">Enhance my digital marketing</div></div> </div> </nav> <footer class="c-footer"> © TBWA \ The Disruption ® company – <a href="https://www.tbwa.co.za/privacy-policy" target="_blank" class="u-text-white">Privacy Policy</a>  </footer> <script src="https://www.tbwa.co.za/assets/build/vendor/vendor.bundle.min.js"></script> <script async src="https://www.tbwa.co.za/assets/build/js/app.min.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-153414204-1" ></script> <script nonce="747597838559"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-153414204-1'); </script> <svg class="c-slash js-slash" width="100%" height="100%" display="none"> <path fill="#000000"></path> </svg> <div class="u-none js-cookies-enabled "> <div class="c-cookies [ u-flex u-flex-row ] "> <div class="c-cookies__body u-margin-right--m"> Yep, we use cookies too. For analytics and a better user experience. You can click OK now. </div> <div class="c-links [ u-flex u-flex-align-center u-flex-wrap u-flex-end ]"> <a href="#" class="c-button c-link u-skew c-link--button [ js-cookies-accept ] "> <span class="u-skew-back u-inline-block">Ok</span> </a> </div> </div> </div> </body> </html>

CINXE.COM

TBWA\SA The Disruption Company ®