Our Approach: Story, Strategy, Activation

<!doctype html> <html lang="en"> <head> <title>Our Approach: Story, Strategy, Activation | CI Design</title>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="og:title" content="Our Approach: Story, Strategy, Activation | CI Design"> <meta property="og:site_name" content="CI Design Inc." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://cidesigninc.com/media/lyrfac0x/img_home_hero.jpg" /> <meta name="twitter:image" content="https://cidesigninc.com/media/lyrfac0x/img_home_hero.jpg" /> <meta name="twitter:title" content="Our Approach: Story, Strategy, Activation | CI Design"> <meta name="twitter:card" content="summary_large_image" /> <meta name="description" content="Nothing secret about our herbs and spices. The three key ingredients to our measurable, marketing success: story, strategy, and activation."> <meta property="og:description" content="Nothing secret about our herbs and spices. The three key ingredients to our measurable, marketing success: story, strategy, and activation." /> <meta name="twitter:description" content="Nothing secret about our herbs and spices. The three key ingredients to our measurable, marketing success: story, strategy, and activation." /> <meta name="canonical" content="https://cidesigninc.com/our-approach/"> <meta property="og:url" content="https://cidesigninc.com/our-approach/"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" crossorigin href="https://fonts.gstatic.com"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@400;500&family=Raleway:ital,wght@0,400;0,700;1,400&family=Shrikhand&display=swap"> <link rel='stylesheet' type='text/css' href="https://fonts.googleapis.com/css?family=Libre+Baskerville|Overpass:200,400,400i,600,600i&display=swap"> <link rel="stylesheet" href="https://use.typekit.net/tzy6ewk.css"> <link rel='stylesheet' href='/dist/css/index.css?v=20230104145119' /> <link rel="stylesheet" href="/css/umbracoRTE.css"> <script src="/dist/js/vendor/jquery-3.2.1.min.js"></script> <script src="/scripts/CI.js"></script> <script src="/scripts/main.js"></script> <script src="/scripts/lazy.js"></script> <script src="/scripts/throttle.js"></script> <script src="/dist/js/vendor/js.cookie.js"></script> <script src="/scripts/GDPR.js"></script>  <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/3902038.js"></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-T6S3SVX');</script>   <style>.arrow-next:after { background-image: url("/img/icn-nxt.svg"); } .arrow-down { background-image: url("/img/icn-down.svg"); }</style> <link rel='stylesheet' href="/dist/css/magnific-popup.css"> <link rel='stylesheet' href="/dist/css/approach.css"> <script src="/dist/js/vendor/jquery.magnific-popup.min.js"></script> <script src="/dist/js/vendor/jquery.scrollify.js"></script> <script src="/scripts/Approach.js"></script> <script src="/scripts/ScrollPage.js"></script> <script type="text/javascript"> $(function () { $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({ disableOn: 700, type: 'iframe', mainClass: 'mfp-fade', removalDelay: 160, preloader: false, fixedContentPos: false }); }); </script> </head> <body class="page-approach"> <svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-twitter" viewBox="0 0 26 28"> <title>twitter</title> <path d="M25.312 6.375c-0.688 1-1.547 1.891-2.531 2.609 0.016 0.219 0.016 0.438 0.016 0.656 0 6.672-5.078 14.359-14.359 14.359-2.859 0-5.516-0.828-7.75-2.266 0.406 0.047 0.797 0.063 1.219 0.063 2.359 0 4.531-0.797 6.266-2.156-2.219-0.047-4.078-1.5-4.719-3.5 0.313 0.047 0.625 0.078 0.953 0.078 0.453 0 0.906-0.063 1.328-0.172-2.312-0.469-4.047-2.5-4.047-4.953v-0.063c0.672 0.375 1.453 0.609 2.281 0.641-1.359-0.906-2.25-2.453-2.25-4.203 0-0.938 0.25-1.797 0.688-2.547 2.484 3.062 6.219 5.063 10.406 5.281-0.078-0.375-0.125-0.766-0.125-1.156 0-2.781 2.25-5.047 5.047-5.047 1.453 0 2.766 0.609 3.687 1.594 1.141-0.219 2.234-0.641 3.203-1.219-0.375 1.172-1.172 2.156-2.219 2.781 1.016-0.109 2-0.391 2.906-0.781z"></path> </symbol> <symbol id="icon-facebook" viewBox="0 0 16 28"> <title>facebook</title> <path d="M14.984 0.187v4.125h-2.453c-1.922 0-2.281 0.922-2.281 2.25v2.953h4.578l-0.609 4.625h-3.969v11.859h-4.781v-11.859h-3.984v-4.625h3.984v-3.406c0-3.953 2.422-6.109 5.953-6.109 1.687 0 3.141 0.125 3.563 0.187z"></path> </symbol> <symbol id="icon-linkedin" viewBox="0 0 24 28"> <title>linkedin</title> <path d="M5.453 9.766v15.484h-5.156v-15.484h5.156zM5.781 4.984c0.016 1.484-1.109 2.672-2.906 2.672v0h-0.031c-1.734 0-2.844-1.188-2.844-2.672 0-1.516 1.156-2.672 2.906-2.672 1.766 0 2.859 1.156 2.875 2.672zM24 16.375v8.875h-5.141v-8.281c0-2.078-0.75-3.5-2.609-3.5-1.422 0-2.266 0.953-2.641 1.875-0.125 0.344-0.172 0.797-0.172 1.266v8.641h-5.141c0.063-14.031 0-15.484 0-15.484h5.141v2.25h-0.031c0.672-1.062 1.891-2.609 4.672-2.609 3.391 0 5.922 2.219 5.922 6.969z"></path> </symbol> <symbol id="icon-youtube-play" viewBox="0 0 28 28"> <title>youtube-play</title> <path d="M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z"></path> </symbol> <symbol id="icon-instagram" viewBox="0 0 24 28"> <title>instagram</title> <path d="M16 14c0-2.203-1.797-4-4-4s-4 1.797-4 4 1.797 4 4 4 4-1.797 4-4zM18.156 14c0 3.406-2.75 6.156-6.156 6.156s-6.156-2.75-6.156-6.156 2.75-6.156 6.156-6.156 6.156 2.75 6.156 6.156zM19.844 7.594c0 0.797-0.641 1.437-1.437 1.437s-1.437-0.641-1.437-1.437 0.641-1.437 1.437-1.437 1.437 0.641 1.437 1.437zM12 4.156c-1.75 0-5.5-0.141-7.078 0.484-0.547 0.219-0.953 0.484-1.375 0.906s-0.688 0.828-0.906 1.375c-0.625 1.578-0.484 5.328-0.484 7.078s-0.141 5.5 0.484 7.078c0.219 0.547 0.484 0.953 0.906 1.375s0.828 0.688 1.375 0.906c1.578 0.625 5.328 0.484 7.078 0.484s5.5 0.141 7.078-0.484c0.547-0.219 0.953-0.484 1.375-0.906s0.688-0.828 0.906-1.375c0.625-1.578 0.484-5.328 0.484-7.078s0.141-5.5-0.484-7.078c-0.219-0.547-0.484-0.953-0.906-1.375s-0.828-0.688-1.375-0.906c-1.578-0.625-5.328-0.484-7.078-0.484zM24 14c0 1.656 0.016 3.297-0.078 4.953-0.094 1.922-0.531 3.625-1.937 5.031s-3.109 1.844-5.031 1.937c-1.656 0.094-3.297 0.078-4.953 0.078s-3.297 0.016-4.953-0.078c-1.922-0.094-3.625-0.531-5.031-1.937s-1.844-3.109-1.937-5.031c-0.094-1.656-0.078-3.297-0.078-4.953s-0.016-3.297 0.078-4.953c0.094-1.922 0.531-3.625 1.937-5.031s3.109-1.844 5.031-1.937c1.656-0.094 3.297-0.078 4.953-0.078s3.297-0.016 4.953 0.078c1.922 0.094 3.625 0.531 5.031 1.937s1.844 3.109 1.937 5.031c0.094 1.656 0.078 3.297 0.078 4.953z"></path> </symbol> <symbol id="icon-chevron-left" viewBox="0 0 21 28"> <title>chevron-left</title> <path d="M18.297 4.703l-8.297 8.297 8.297 8.297c0.391 0.391 0.391 1.016 0 1.406l-2.594 2.594c-0.391 0.391-1.016 0.391-1.406 0l-11.594-11.594c-0.391-0.391-0.391-1.016 0-1.406l11.594-11.594c0.391-0.391 1.016-0.391 1.406 0l2.594 2.594c0.391 0.391 0.391 1.016 0 1.406z"></path> </symbol> <symbol id="icon-chevron-right" viewBox="0 0 19 28"> <title>chevron-right</title> <path d="M17.297 13.703l-11.594 11.594c-0.391 0.391-1.016 0.391-1.406 0l-2.594-2.594c-0.391-0.391-0.391-1.016 0-1.406l8.297-8.297-8.297-8.297c-0.391-0.391-0.391-1.016 0-1.406l2.594-2.594c0.391-0.391 1.016-0.391 1.406 0l11.594 11.594c0.391 0.391 0.391 1.016 0 1.406z"></path> </symbol> </defs> </svg> <header class="header"> <a href="/" class="logo"><img src="/media/2cantcg5/ci-design.svg" alt="CI Design Inc" /></a>  <div class="nav-container"> <button class="nav-ui nav-toggle" type="button" style="background-image: url(/img/menu-ui.svg);"></button> <nav class="nav"> <ul class="nav-menu"> <li><a href="/">Home</a></li> <li><a href="/our-approach/">Approach</a></li> <li><a href="/our-services/branding/">Our Services</a></li> <li><a href="/about/">About</a></li> <li><a href="/blog/">Blog</a></li> <li><a href="/careers/">Careers</a></li> <li><a href="/contact/">Contact</a></li> </ul> <button class="nav-close" type="button" style="background-image: url(/img/close-icon.png)"><span class="sr-only">close</span></button> </nav> </div> </header> <div id="container" class="approach"> <section class="teamStory sect1 scroll-section" style="background-image: url(/media/i10dijot/story-bg.png);"> <div class="wrapper"> <div class="left"> <h1 class="fadeInLeftHidden">Story</h1> <div class="approachContent hideFadeUp"> <h2>Find your company, customers, and team in it.</h2> <p>CI Design leads you in workshops to realize the true and sticky story that is your unique advantage.</p> </div> </div> </div> </section> <section class="featuredProject sect2 scroll-section"> <div class="wrapper"> <div class="left leftCol yellow"> <div class="workTitle hideFadeUp"> <div> <h2>The Avenue and 3rd Street Market Hall: Brand Story and Visual Identity</h2> <a href="/media/juudeqf0/cid-theavenue-casestudy-1.pdf" target="_blank" class="cta arrow-down">Download case study</a> </div> </div> </div> <div class="beforeLine"> </div> <div class="right hidden1"> <img src="/media/f55nc2b4/avenue-logo-moc.jpg" alt="the avenue logo" /> </div> </div> </section> <section class="featuredProject strategy1 sect3 scroll-section" style="background-image: url(/media/ggcejxfz/strategy-bg.jpg);"> <div class="wrapper"> <div class="left2 leftCol"> <h1 class="fadeInLeftHidden">Strategy</h1> <div class="approachContent hideFadeUp"> <h2>Get your goals on the bus. We're taking them with us.</h2> <p>Attract. Consider. Convert. Whatever the destination, CID leads you with discovery and next-level planning to help you meet your audience.</p> </div> </div> </div> </section> <section class="featuredProject sect4 scroll-section"> <div class="wrapper"> <div class="left2 yellow leftCol"> <div class="workTitle hideFadeUp"> <div> <h2>LandscapeHub: Integrated Marketing</h2> <a href="/media/jhsduwj0/cid-landscapehub-casestudy.pdf" target="_blank" class="cta arrow-down">Download case study</a> </div> </div> </div> <div class="beforeLine"> </div> <div class="right hidden1"> <img src="/media/pttn3vwt/landscapehub-mailer.png" alt="landscape mailer image" /> </div> </div> </section> <section class="featuredProject activate sect5 scroll-section"> <div class="wrapper"> <div class="left3"> <h1 class="fadeInLeftHidden">Activation</h1> <div class="approachContent hideFadeUp"> <h2>Flip the switch and power up the plan with critical and creative thinking.</h2> <p>Make your story shine and connect with customers through messaging, campaigns, events, and interactions both digital and personal. Expect analytically stratactical results.</p> </div> </div> <div class="rob"> <img src="/media/luujqpmm/rob.png" alt="toy robot image" /> </div> </div> </section> <section class="featuredProject sect6 scroll-section" id="lastSection"> <div class="wrapper"> <div class="left3 yellow"> <div class="workTitle hideFadeUp"> <div> <h2>Versiti: Brand Launch
Video</h2> <a href="/media/rpfdq2lo/cid-versiti-casestudy-1.pdf" target="_blank" class="cta arrow-down">Download Case Study</a> </div> </div> </div> <div class="beforeLine"> </div> <div class="videoButton hidden1"> <a class="playBtnApproach popup-vimeo" href="https://player.vimeo.com/video/316654564?autoplay=1"></a> <img id="versiti-video" src="../media/kcel24d4/versiti-brand-launch-video.png" alt="versiti-brand-image" /> </div> </div> </section> </div> <section class="cta-section " style="clear: both; position: relative;"> <div class="container"> <h2 class="cta-section-title"> Put our teams to work for your business </h2> <a class="btn" href="/contact/">Contact Us</a> </div> </section> <footer class="footer"> <div class="container"> <div class="footer-nav"> <a class="address" href="https://www.google.com/maps/place/CI+Design,+Inc/43.034146,-87.9078187,17z/data=!3m1!4b1!4m5!3m4!1s0x880519a5d9462251:0x759ccb9bea01a90e!8m2!3d43.034146!4d-87.90563" target="_blank"> <address> CI Design Inc<br /> 306 N Milwaukee St.<br /> Milwaukee, WI 53202 </address> </a> <div class="copyright"> <span>漏 2025 CI Design, Inc.        <a href="/privacy">PRIVACY</a></span> </div> </div> <div class="footer-middle"> <a href="/" class="logo"><img src="/media/1001/ci-design.svg" alt="CI Design Inc" /></a> <div class="subscribe-link"> <span>we have a newsletter</span> <a class="btn" href="https://share.hsforms.com/1UI56OGA4Q_Co9uz2bpHVAQ2bmty" target="_blank"> Subscribe </a> </div> </div> <div class="footer-info"> <ul class="footer-contact"> <li> <a href="tel:+14142243100">414.224.3100</a> </li> <li> <a href="mailto:hello@cidesigninc.com">hello@cidesigninc.com</a> </li> </ul> <nav class="footer-social" aria-label="Social"> <ul> <li> <a href="https://www.facebook.com/cidesigninc/" target="_blank"><svg class="icon icon-facebook"><use xlink:href="#icon-facebook"></use></svg><span class="sr-only">Facebook</span></a> </li> <li> <a href="https://www.instagram.com/cidesigninc/" target="_blank"><svg class="icon icon-instagram"><use xlink:href="#icon-instagram"></use></svg><span class="sr-only">Instagram</span></a> </li> <li> <a href="https://www.youtube.com/user/CIDesignMKE" target="_blank"><svg class="icon icon-youtube-play"><use xlink:href="#icon-youtube-play"></use></svg><span class="sr-only">YouTube</span></a> </li> <li> <a href="https://www.linkedin.com/company/ci-design-inc/" target="_blank"><svg class="icon icon-linkedin"><use xlink:href="#icon-linkedin"></use></svg><span class="sr-only">LinkedIn</span></a> </li> </ul> </nav> </div> </div> </footer> <script src='/dist/js/index.js?v=20230104145119'></src> </body> </html>

CINXE.COM

Our Approach: Story, Strategy, Activation | CI Design