1<!doctype html> 2<html lang="en" class="no-js"> 3<head> 4 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta charset="utf-8" /> 7 <title>Bold Branding & Creative Campaigns | CINQ</title> 8 <meta name="description" content="Explore CINQâs standout work in branding, design, and storytelling that transforms brands into legends." /> 9 <meta name="keywords" content="creative agency, branding portfolio, digital campaigns, brand storytelling, marketing agency work" /> 10 <meta name="author" content="Jeremiah Lewis" /> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> 11 <link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96" /> 12 <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" /> 13 <link rel="shortcut icon" href="/favicons/favicon.ico" /> 14 <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" /> 15 <meta name="apple-mobile-web-app-title" content="CINQ" /> 16 <link rel="manifest" href="/favicons/site.webmanifest" /> 17 18 <link rel="dns-prefetch" href="https://use.typekit.net"> 19 <link rel="dns-prefetch" href="https://p.typekit.net"> 20 <link rel="dns-prefetch" href="https://fonts.googleapis.com"> 21 <link rel="dns-prefetch" href="https://fonts.gstatic.com"> 22 <link rel="dns-prefetch" href="//cdn.jsdelivr.net" /> 23 <link rel="dns-prefetch" href="//cdnjs.cloudflare.com" /> 24 <link rel="dns-prefetch" href="//unpkg.com" /> 25 <link rel="dns-prefetch" href="//kit.fontawesome.com" /> 26 <link rel="dns-prefetch" href="//ajax.googleapis.com" /> 27
27<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js?ver=3.6.0"></script>
27 28 <!-- Preconnect to font domains for performance --> 29 <link rel="preconnect" href="https://fonts.googleapis.com"> 30 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 31 <link rel="preconnect" href="https://use.typekit.net" crossorigin> 32 <link rel="stylesheet" href="https://use.typekit.net/lly3frv.css"> 33 <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet"> 34
34<script> 35 document.fonts.ready.then(() => { 36 document.documentElement.classList.add('fonts-loaded'); 37 }); 38 </script>
38 39 <link href="/css/fonts.css" rel="stylesheet" /> 40 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.8.3/css/lightgallery.min.css" /> 41 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.8.3/css/lightgallery-bundle.min.css" /> 42 <link href="/css/normalize.css" rel="stylesheet" /> 43 <link href="/css/spectre-exp.min.css" rel="stylesheet" /> 44 <link href="/css/spectre.css" rel="stylesheet" /> 45 <link href="/css/animate.min.css" rel="stylesheet" /> 46 <link href="/style.css?v=3672" rel="stylesheet" media="screen" /> 47 <link href="/css/buttons.css" rel="stylesheet" media="screen" /> 48 49 50 <link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css" rel="stylesheet" /> 51 <link href="css/home_work_carousel.css" rel="stylesheet" media="screen" /> 52 <link href="css/home_expertise_carousel.css" rel="stylesheet" media="screen" /> 53 <link href="css/home_company_carousel.css" rel="stylesheet" media="screen" /> 54 <link href="/css/assembly.css" rel="stylesheet" media="screen" /> 55 <link href="css/form.css" rel="stylesheet" media="screen" /> 56 57 58 59 60 61 62 63 64 <!-- Google Tag Manager --> 65 <!-- 66
66<script>
vendor: 343 bytes, lines 66-70
66(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 67 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 68 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 69 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 70 })(window,document,'script','dataLayer','
70GTM-T2BX4PB7
vendor: 3 bytes, line 70
70');
70</script>
70 71 --> 72 <!-- End Google Tag Manager --> 73 74</head> 75<body class="index "> 76 77 <!-- Google Tag Manager (noscript) --> 78 <!--
vendor: 72 bytes, lines 78-79
78 79 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
79GTM-T2BX4PB7
vendor: 91 bytes, lines 79-81
79" 80 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 81
81--> 82 <!-- End Google Tag Manager (noscript) --> 83 84 <header> 85 <div class="inner-header"> 86 <div class="logo"> 87 <a href="/index"> 88 <div class="logo-vertical hide-lg"> 89 <svg id="Layer_1" class="logosvg" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-1 -1 183.5 1147.2"><defs><style>.cinq1{fill:#2e3221; transition: fill 0.3s ease, stroke 0.3s ease; 90stroke: none; }#Layer_1:hover .cinq1 { fill: white; stroke: #000000; stroke-width: 2px; }</style></defs><path class="cinq1" d="M64.1 481.9c-8.6-7.4-14-18.4-14-30.6 4.5-36.9-19.3-122.7 40.5-123.9 59.8 1.2 36 87.1 40.5 123.9 0 12.3-5.5 23.4-14.3 30.8l29.4 40.6c46.5-29.6 33.4-108.2 34.9-154.8 0-50-40.5-90.5-90.5-90.5C40.5 277.3 0 317.9 0 367.9c1.5 46.6-11.6 124.9 34.7 154.7L64.1 482Zm28 663.3c98.2-5.3 91.5-95.1 89.4-168.4C179.7 858.9 2.2 859 .4 976.8l-.3 116.1H0v49l31.5-18.3c16.1 14 37.7 22.2 60.7 21.7Zm-2.3-207.8c22.5-1.2 41.7 16.7 41.6 39.3-4.1 35.4 18.2 117.3-39.3 118.3-22.5 1.2-41.7-16.7-41.6-39.3 4.1-35.4-18.2-117.3 39.3-118.3M0 551.2h176v50.2H0z"/><path class="cinq1" d="M176 812.7H48.8l127.5-65.5V636.6H0v49.9h125.8V718L0 782.6v80.3h176z"/><path style="fill:#00c376" d="M0 0h181.5v181.5H0z"/><path d="M56.2 36.7h68.9v19.7H56.2zm.2 90.6-.2.1v21.4l8.5-4.3c2.8-1.4 13.2-6.7 15.8-8.1l44.8-23V70.1H56.2v19.5h49.3v12.3l-49.1 25.2Z" style="fill:#1c1c1c"/></svg> </div> 91 <div class="logo-horizontal img-responsive show-lg"> 92 <svg id="Layer_1" class="logosvg" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 520 84.6"><filter id="f2" x="0" y="0" width="1" height="1"><feBlend mode="difference" in="BackgroundImage" in2="SourceGraphic" /></filter><defs><style>.square { fill: #00c376;}.innermark { fill:#1c1c1c;}.cinq2{fill:#2e331f;}</style></defs><g class="logo-group"><path class="square" style="fill:#00c376" d="M0 0h84.6v84.6H0z"/><path class="innermark" d="M58.4 17.1v9.2H26.2v-9.2zM26.2 32.8v9.1h23v5.7L26.3 59.4l3.8 8.1 7.4-3.8v.1L58.4 53V32.8z"/><path class="cinq2" d="M210.9 54.7c-3.5 4-8.6 6.5-14.3 6.5h-38.9c-10.4 0-18.9-8.5-18.9-18.9s8.5-18.9 18.9-18.9h38.9c5.7 0 10.9 2.6 14.4 6.6l18.9-13.7C222.2 6.6 210.1.2 196.6.2h-38.9c-23.3 0-42.2 18.9-42.2 42.2s18.9 42.2 42.2 42.2h38.9c13.5 0 25.5-6.3 33.2-16.2zm32.2-52.1h23.4v82h-23.4zm121.9 0v59.2L334.5 2.4H283v82.2h23.2V26h14.7L351 84.6h37.4v-82zm155 39.1c0-23-18.7-41.7-41.7-41.7h-36.8c-23 0-41.7 18.7-41.7 41.7v1.1c0 23 18.7 41.7 41.7 41.7h54.1v.2h22.8L509.9 70c6.3-7.3 10.1-16.8 10.1-27.2zm-96.8 1v-1.1c0-10.1 8.2-18.3 18.3-18.3h36.8c10.1 0 18.3 8.2 18.3 18.3v1.1c0 10.1-8.2 18.3-18.3 18.3h-36.8c-10.1 0-18.3-8.2-18.3-18.3"/></g></svg> </div> 93 </a> 94 </div> 95 <div class="menu_toggle hamburger is-lg show-md"> 96 <span class="hamburger-line"></span> 97 <span class="hamburger-line"></span> 98 <span class="hamburger-line"></span> 99 </div> 100 <div class="mobile-menu__container"> 101 <div class="menu_toggle close-btn d4" aria-label="Close menu"></div> 102 <ul class="mobile-menu__list"> 103 <li class="mobile-menu__item"><a href="#section-recentprojects" class="mobile-menu__link" data-scroll-target="section-recentprojects">Recent Projects</a></li> 104 <li class="mobile-menu__item"><a href="#section-work" class="mobile-menu__link" data-scroll-target="section-work">Work</a></li> 105 <li class="mobile-menu__item"><a href="#section-expertise" class="mobile-menu__link" data-scroll-target="section-expertise">Expertise</a></li> 106 <li class="mobile-menu__item"><a href="#section-approach" class="mobile-menu__link" data-scroll-target="section-approach">Our Approach</a></li> 107 <li class="mobile-menu__item"><a href="#section-assemblyrequired" class="mobile-menu__link" data-scroll-target="section-assemblyrequired">Assembly Required</a></li> 108 <li class="mobile-menu__item"><a href="#section-company" class="mobile-menu__link" data-scroll-target="section-company">Company</a></li> 109 <li class="mobile-menu__item"><a href="#" class="mobile-menu__link clightbox">Contact</a></li> 110 </ul> 111 </div> 112 <div class="progress-container dots"> 113 <a href="#section-brandmagic" class="progress-dot" data-index="1" data-scroll-target="section-brandmagic"></a> 114 <a href="#section-recentprojects" class="progress-dot" data-section-title="Recent Projects" data-index="2" data-scroll-target="section-recentprojects"></a> 115 <a href="#section-work" class="progress-dot" data-section-title="Work" data-index="3" data-scroll-target="section-work"></a> 116 <a href="#section-expertise" class="progress-dot" data-section-title="Expertise" data-index="4" data-scroll-target="section-expertise"></a> 117 <a href="#section-approach" class="progress-dot" data-section-title="Our Approach" data-index="5" data-scroll-target="section-approach"></a> 118 <a href="#section-assemblyrequired" class="progress-dot" data-section-title="Assembly Required" data-index="6" data-scroll-target="section-assemblyrequired"></a> 119 <a href="#section-company" class="progress-dot" data-section-title="Company" data-index="7" data-scroll-target="section-company"></a> 120 <a href="#" class="progress-dot clightbox" data-section-title="Contact" data-index="8"></a> 121 </div> 122 </div> 123 <div class="blur"></div> 124 </header> 125
126 <main id="smooth-wrapper"> 127 <div id="smooth-content"> 128 <section id="section-brandmagic" class="section homepage-section mt-3 mt-md-0"> 129 <div id="brandmagic" class="container" data-section-title="Brand Magic"> 130 <div class="columns pb-5"> 131 <div class="column col-12 flex-vertical-bottom pt-md-4"> 132 <div class="columns py-5"> 133 <div class="column col-7 col-xxxl-10 col-xl-11 col-md-12 pt-4 pr-4 pb-0 pl-4"> 134 <div class="headline"> 135 <h1>Brand Magic in the Making<span class="icon-wrapper"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 181.5 181.5"><path style="fill: #00c376" d="M0 0h181.5v181.5H0z" /><path d="M56.2 36.7h68.9v19.7H56.2zm.2 90.6-.3.1v21.4l8.5-4.3 11.9-6.1 3.9-2v.1l44.9-23V70.2H56.2v19.5h49.3V102z" style="fill: #1c1c1c"/></svg></span></h1></div> 136 </div> 137 <div class="column col-4 col-xxxl-10 col-xl-11 col-md-12 pt-4 pr-4 pb-0 pl-4"> 138 <p class="instrument-sans font-variant-400 m-0 p-0"> 139 Marketing. Advertising. Web. Design. Video. We create everything your brand needs to spark attention and 140 <strong class="highlight"> 141 <span class="highlight-bg"></span> 142 <span class="highlight-text">fuel your bottom line.</span> 143 </strong> 144 </p> 145 </div> 146 </div> 147 </div> 148 <div class="column col-12 flex-vertical-top"> 149 <div class="columns pb-5 pb-md-2 pb-sm-0"> 150 <div class="column col-2 col-xxxl-2 col-xl-2 col-md-12 pt-4 pr-4 pb-0 pl-4 pt-md-0"> 151 <p class="lft-etica-mono font-variant-200 text-tiny text-sm-small lineheight-jumbo text-right text-md-left text-uppercase m-0 mt-5 p-0" style="color: #5B7C60"> 152 Built for buzz. Engineered to connect. Ready to own the moment. 153 </p> 154 </div> 155 <div class="column col-9 col-xxxl-10 col-xl-10 col-md-12 pt-4 pr-4 pb-0 pl-4"> 156 157 <div class="homevideo img-container is-autoplay-video-container"> 158 159 <!-- Poster frame --> 160 <img src="portfolio/motion/cinq-sizzle-reel-1.webp" class="video-poster img-responsive col-mx-auto" alt="" /> 161 162 <!-- Vimeo iframe --> 163 <iframe src="https://player.vimeo.com/video/1085019542?background=1&autoplay=0&loop=1&muted=1" allow="autoplay; fullscreen; picture-in-picture" title="" allowfullscreen></iframe> 164 165 <div class="iframe-mouse-overlay"></div> 166 167 <button class="video-audio-toggle" aria-label="Toggle audio"><span>Unmute</span></button> 168 169 </div> 170 171 </div> 172 </div> 173 </div> 174 </div> 175 </div> 176 </section> 177 <section id="section-recentprojects" class="section homepage-section mt-3 mt-md-0"> 178 <div id="recentprojects" class="container pb-5" data-section-title="Recent Projects"> 179 <div class="columns"> 180 <div class="column col-12 flex-vertical-bottom pt-md-4"> 181 <div class="columns py-5"> 182 <div class="column col-10 col-xxxl-10 col-xl-11 col-md-12 pt-4 pr-4 pb-0 pl-4"> 183 <div class="headline"> 184 <h1>Recent Projects</h1></div> 185 </div> 186 </div> 187 </div> 188 </div> 189 <div class="columns py-5 pt-md-0 pb-md-5"> 190 <div class="column col-12 col-mx-auto flex-vertical-middle px-0"> 191 <div class="cc__controls show-md text-center"> 192 <button class="cc__controls-left" aria-label="previous"> 193 <span class="nuxt-icon nuxt-icon--fill arrow-left"> 194 <svg xmlns="http://www.w3.org/2000/svg" id="Layer_2" data-name="Layer 2" viewBox="0 0 19 19"><defs><style>.cls-1 { fill: #fff; }</style></defs><polygon class="cls-1" points="6.39 4.33 6.39 5.33 12.96 5.33 4.48 13.82 5.18 14.52 13.67 6.04 13.67 12.61 14.67 12.61 14.67 4.33 6.39 4.33"></polygon></svg> 195 </span> 196 </button> 197 <button class="cc__controls-right" aria-label="next"> 198 <span class="nuxt-icon nuxt-icon--fill arrow-right"> 199 <svg xmlns="http://www.w3.org/2000/svg" id="Layer_2" data-name="Layer 2" viewBox="0 0 19 19"><defs><style>.cls-1 { fill: #fff; }</style></defs><polygon class="cls-1" points="6.39 4.33 6.39 5.33 12.96 5.33 4.48 13.82 5.18 14.52 13.67 6.04 13.67 12.61 14.67 12.61 14.67 4.33 6.39 4.33"></polygon></svg> 200 </span> 201 </button> 202 </div> 203 <div class="gallery gallery-recentwork gallery-draggable" data-gallery-lightbox> 204 <div class="gallery-item has-info" data-width="1200" data-height="1200"> 205 <div class="gallery-img"> 206 <img src="recent/Boston_BMW_CCA.webp" alt=""> 207 </div> 208 <div class="slide-content client-info px-3">
209 <h3 class="slide-title campaign-title">Putting a car club in the fast lane. Meta and YouTube creative tuned to grow membership and fill the Concours field.</h3> 210 <p class="slide-subtitle client-name"><span>Client / Project</span><br> 211 Boston BMW CCA | Meta & YouTube Spots</p> 212 </div> 213 </div> 214 <div class="gallery-item has-info has-info" data-width="1200" data-height="1200"> 215 <div class="gallery-img"> 216 <img src="recent/Roaming_Gnome.webp" alt=""> 217 </div> 218 <div class="slide-content client-info px-3"> 219 <h3 class="slide-title campaign-title">Every gnome needs a home...and a logo. A complete brand identity, from wordmark to color palette, for an RV rental company built around the open road.</h3> 220 <p class="slide-subtitle client-name"><span>Client / Project</span><br> 221 Roaming Gnome | Logo Redesign</p> 222 </div> 223 </div> 224 <div class="gallery-item has-info" data-width="1200" data-height="1200"> 225 <div class="gallery-img"> 226 <img src="recent/WYEN.webp" alt="" data-lightbox-video="https://www.youtube.com/watch?v=yz5fUsjBr18"> 227 </div> 228 <div class="slide-content client-info px-3"> 229 <h3 class="slide-title campaign-title">A complete brand identity for a Wyoming youth-enrichment nonprofit â name, logo, mission, and tagline â activated through the multi-channel "Time to Thrive campaign."</h3> 230 <p class="slide-subtitle client-name"><span>Client / Project</span><br> 231 Wyoming Enrichment Network | Rebrand + Campaign Launch</p> 232 </div> 233 </div> 234 <div class="gallery-item has-info" data-width="1200" data-height="1200"> 235 <div class="gallery-img"> 236 <img src="recent/Nature_Everywhere_Madison.webp" alt=""> 237 </div> 238 <div class="slide-content client-info px-3"> 239 <h3 class="slide-title campaign-title">A custom Squarespace build for a regional nature initiative, a fully branded, mobile-ready site framework with the structure, styling, and SEO groundwork to grow into.</h3> 240 <p class="slide-subtitle client-name"><span>Client / Project</span><br> 241 Nature Everywhere Madison | Custom Website</p> 242 </div> 243 </div> 244 <div class="gallery-item has-info" data-width="1200" data-height="1200"> 245 <div class="gallery-img"> 246 <img src="recent/ION.webp" alt=""> 247 </div> 248 <div class="slide-content client-info px-3"> 249 <h3 class="slide-title campaign-title">No photo shoot required. Photoreal renders that dress ION's bottles and cartons in their final labels: gut, pet, and skin support, ready for their close-ups.</h3> 250 <p class="slide-subtitle client-name"><span>Client / Project</span><br> 251 ION | 3D Bottle Rendering</p> 252 </div> 253 </div> 254 <div class="gallery-item has-info" data-width="1200" data-height="1200"> 255 <div class="gallery-img"> 256 <img src="recent/Virginia_Zoo.webp" alt=""> 257 </div> 258 <div class="slide-content client-info px-3"> 259 <h3 class="slide-title campaign-title">A series of restroom signs that meet zoo visitors where they are, serving up gross-but-true animal pee/poo facts and pointing curious parents to the Cozy Critters podcast.</h3> 260 <p class="slide-subtitle client-name"><span>Client / Project</span><br> 261 Norfolk Zoo | Unconventional Podcast Ads</p> 262 </div> 263 </div> 264 <div class="gallery-item has-info" data-width="1200" data-height="1200"> 265 <div class="gallery-img"> 266 <img src="recent/3Hill.webp" alt=""> 267 </div> 268 <div class="slide-content client-info px-3"> 269 <h3 class="slide-title campaign-title">Three pillars, three shirt designs. From Honest Abe to a sitcom tribute, these shirts turn brand values into merch people actually want to wear.</h3> 270 <p class="slide-subtitle client-name"><span>Client / Project</span><br> 271 3Hill | Shirts Worth Wearing</p> 272 </div> 273 </div> 274 <div class="gallery-item has-info" data-width="1200" data-height="1200"> 275 <div class="gallery-img"> 276 <img src="recent/cross-valley.webp" alt=""> 277 </div> 278 <div class="slide-content client-info px-3">
279 <h3 class="slide-title campaign-title">Cheeky bar coasters that swap bank-speak for drink puns, toasting to the unique personality of Cross Valley Federal Credit Union.</h3> 280 <p class="slide-subtitle client-name"><span>Client / Project</span><br> 281 Cross Valley | Bar Coasters</p> 282 </div> 283 </div> 284 </div> 285 </div> 286 </div> 287 </div> 288 </section> 289 <section id="section-work" class="section homepage-section"> 290 <div id="work" class="container" data-section-title="Work"> 291 <div class="columns"> 292 <div class="column col-12 flex-vertical-middle pt-md-2"> 293 <div class="columns py-5 pt-md-5 pb-md-0"> 294 <div class="column col-5 col-xxxl-10 col-xl-11 col-md-12 pt-4 pr-4 pb-0 pt-md-0 pl-4"> 295 <div class="headline"><h1 class="text-white">Work</h1></div> 296 </div> 297 <div class="column col-6 col-xxxl-10 col-xl-11 col-md-12 flex-vertical-middle-important pt-4 pr-4 pb-0 pl-4 hide-md"> 298 <div class="columns"> 299 <div class="column col-2"> 300 <img src="img/headshots/cinq_testimonial-Jill-McGlynn.webp" class="img-responsive col-mx-auto avatar-xxl" alt="" /> 301 </div> 302 <div class="column col-9"> 303 <p class="description text-standard text-white mb-2"> 304 "When we heard that tagline, it took our breath away." 305 </p> 306 <span class="d-block text-white mb-0"><strong class="testimonial_name">Jill McGlynn</strong> <span class="testimonial_position">Chief Experience Officer | Cross Valley FCU</span></span> 307 </div> 308 </div> 309 </div> 310 </div> 311 </div> 312 </div> 313 <div class="columns"> 314 <div class="column col-12 flex-vertical-middle px-0"> 315 <section class="horizontal"> 316 <div class="pin-wrap"> 317 <div class="rolodex"> 318 <ul class="work-pagination"> 319 <li class="work-pagination-bullet active" data-active-text="[CASE STUDY 01]"><a href="/cs-crossvalley">[Case Study 01]</a></li> 320 <li class="work-pagination-bullet" data-active-text="[CASE STUDY 02]"><a href="/cs-earthmover">Case Study 02</a></li> 321 <li class="work-pagination-bullet" data-active-text="[CASE STUDY 03]"><a href="/cs-cozycritters">Case Study 03</a></li> 322 <li class="work-pagination-bullet" data-active-text="[CASE STUDY 04]"><a href="/cs-kush">Case Study 04</a></li> 323 </ul> 324 </div> 325 <div id="casestudies" class="casestudies animation-wrap to-right"> 326 <div id="cs-crossvalley" class="item cs-item"> 327 <div class="cs-slide" data-case="1"> 328 <div class="parallax-bg"> 329 <img src="img/cs/CINQ_Homepage-Work-CV.webp" class="img-responsive col-mx-auto hide-md" /> 330 <img src="img/cs/CINQ_Homepage-Work-CV-M.webp" class="img-responsive col-mx-auto show-md" /> 331 </div> 332 <div class="cs-info columns"> 333 <div class="column col-7 col-md-12 pt-5 pl-5 pb-5 pt-md-0 pl-md-0"> 334 <div class="p-5"> 335 <div class="cs-headline"><h2>Cross Valley</h2> 336 <span class="cs-text text-uppercase m-0 px-0 py-3"><span>Wilkes-Barre, PA</span> Financial</span> 337 </div> 338 <nav class="csb-menu left-nav"> 339 <ul class="csb-menu-list"> 340 <li class="csb-menu-item"> 341 <a href="/cs-crossvalley">Rebrand</a> 342 </li> 343 <li class="csb-menu-item"> 344 <a href="/cs-crossvalley">Signage</a> 345 </li> 346 <li class="csb-menu-item"> 347 <a href="/cs-crossvalley">Brand Management</a> 348 </li> 349 <li class="csb-menu-item"> 350 <a href="/cs-crossvalley">Creative Direction</a> 351 </li> 352 <li class="csb-menu-item"> 353 <a href="/cs-crossvalley">Marketing</a> 354 </li> 355 <li class="csb-menu-item"> 356 <a href="/cs-crossvalley">Landing Page</a> 357 </li> 358 <li class="csb-menu-item"> 359 <a href="/cs-crossvalley">Website</a> 360 </li> 361 </ul> 362 <div class="cs-floater"><div class="rotating-btn"><rotating-button data-text="View this case study" data-url="/cs-crossvalley"></rotating-button></div></div> 363 </nav> 364 </div> 365 </div> 366 </div> 367 </div> 368 </div> 369 <div id="cs-earthmover" class="item cs-item">
370 <div class="cs-slide" data-case="2"> 371 <div class="parallax-bg"> 372 <img src="img/cs/CINQ_Homepage-Work-EMC.webp" class="img-responsive col-mx-auto hide-md" /> 373 <img src="img/cs/CINQ_Homepage-Work-EMC-M.webp" class="img-responsive col-mx-auto show-md" /> 374 </div> 375 <div class="cs-info columns"> 376 <div class="column col-7 col-md-12 pt-5 pl-5 pb-5 pt-md-0 pl-md-0"> 377 <div class="p-5"> 378 <div class="cs-headline"><h2>Earthmover</h2> 379 <span class="cs-text text-uppercase m-0 px-0 py-3"><span>Aurora, IL</span> Financial</span> 380 </div> 381 <nav class="csb-menu left-nav"> 382 <ul class="csb-menu-list"> 383 <li class="csb-menu-item"> 384 <a href="/cs-earthmover">Signage</a> 385 </li> 386 <li class="csb-menu-item"> 387 <a href="/cs-earthmover">Rebrand</a> 388 </li> 389 <li class="csb-menu-item"> 390 <a href="/cs-earthmover">Creative Direction</a> 391 </li> 392 <li class="csb-menu-item"> 393 <a href="/cs-earthmover">Landing Pages</a> 394 </li> 395 <li class="csb-menu-item"> 396 <a href="/cs-earthmover">Marketing</a> 397 </li> 398 <li class="csb-menu-item"> 399 <a href="/cs-earthmover">eMarketing</a> 400 </li> 401 <li class="csb-menu-item"> 402 <a href="/cs-earthmover">Digital Media</a> 403 </li> 404 </ul> 405 <div class="cs-floater"><div class="rotating-btn"><rotating-button data-text="View this case study" data-url="/cs-earthmover"></rotating-button></div></div> 406 </nav> 407 </div> 408 </div> 409 </div> 410 </div> 411 </div> 412 <div id="cs-cozycritters" class="item cs-item"> 413 <div class="cs-slide" data-case="3"> 414 <div class="parallax-bg"> 415 <img src="img/cs/CINQ_Homepage-Work-CC.webp" class="img-responsive col-mx-auto hide-md" /> 416 <img src="img/cs/CINQ_Homepage-Work-CC-M.webp" class="img-responsive col-mx-auto show-md" /> 417 </div> 418 <div class="cs-info columns"> 419 <div class="column col-7 col-md-12 pt-5 pl-5 pb-5 pt-md-0 pl-md-0"> 420 <div class="p-5"> 421 <div class="cs-headline"><h2>Cozy Critters</h2> 422 <span class="cs-text text-uppercase m-0 px-0 py-3"><span>Somewhere on the Internet</span> Podcast</span> 423 </div> 424 <nav class="csb-menu left-nav"> 425 <ul class="csb-menu-list"> 426 <li class="csb-menu-item"> 427 <a href="/cs-cozycritters">Brand Positioning</a> 428 </li> 429 <li class="csb-menu-item"> 430 <a href="/cs-cozycritters">Signage</a> 431 </li> 432 <li class="csb-menu-item"> 433 <a href="/cs-cozycritters">Brand Management</a> 434 </li> 435 <li class="csb-menu-item"> 436 <a href="/cs-cozycritters">Creative Direction</a> 437 </li> 438 <li class="csb-menu-item"> 439 <a href="/cs-cozycritters">Marketing</a> 440 </li> 441 </ul> 442 <div class="cs-floater"><div class="rotating-btn"><rotating-button data-text="View this case study" data-url="/cs-cozycritters"></rotating-button></div></div> 443 </nav> 444 </div> 445 </div> 446 </div> 447 </div> 448 </div> 449 <div id="cs-kushconnection" class="item cs-item"> 450 <div class="cs-slide" data-case="4"> 451 <div class="parallax-bg"> 452 <img src="img/cs/CINQ_Homepage-Work-KC.webp" class="img-responsive col-mx-auto" /> 453 </div> 454 <div class="cs-info columns"> 455 <div class="column col-7 col-md-12 pt-5 pl-5 pb-5 pt-md-0 pl-md-0"> 456 <div class="p-5"> 457 <div class="cs-headline"><h2>Kush Connection</h2> 458 <span class="cs-text text-uppercase m-0 px-0 py-3"><span>Baltimore, MD</span> Cannabis</span> 459 </div> 460 <nav class="csb-menu left-nav"> 461 <ul class="csb-menu-list"> 462 <li class="csb-menu-item"> 463 <a href="/cs-kush">Rebrand</a> 464 </li> 465 <li class="csb-menu-item"> 466 <a href="/cs-kush">Signage</a> 467 </li> 468 <li class="csb-menu-item"> 469 <a href="/cs-kush">Creative Direction</a> 470 </li> 471 <li class="csb-menu-item"> 472 <a href="/cs-kush">Marketing</a> 473 </li> 474 <li class="csb-menu-item"> 475 <a href="/cs-kush">Package Design</a> 476 </li> 477 </ul> 478 <div class="cs-floater"><div class="rotating-btn"><rotating-button data-text="View this case study" data-url="/cs-kush"></rotating-button></div></div> 479 </nav> 480 </div> 481 </div> 482 </div> 483 </div> 484 </div> 485 </div><!-- end long animation --> 486 </div><!-- end pin-wrap --> 487 </section><!-- end .horizontal --> 488 </div> 489 </div>
490 </div><!-- end container --> 491 </section> 492 <section id="section-expertise" class="section homepage-section"> 493 <div id="expertise" class="container flex-vertical-middle pt-md-2" data-section-title="Expertise"> 494 <div class="columns py-5 pt-md-5 pb-md-0"> 495 <div class="column col-6 col-xxxl-7 col-xl-11 col-md-12 pt-4 pr-4 pb-0 pt-md-0 pl-4 pb-md-5"> 496 <div class="headline"><h1>Expertise</h1></div> 497 </div> 498 <div class="column col-6 col-xxxl-5 col-xl-11 col-md-12 flex-vertical-middle-important pt-4 pr-4 pb-0 pl-4 hide-md"> 499 <div class="columns"> 500 <div class="column col-2"> 501 <img src="img/headshots/cinq_testimonial-Travis-Livingood.webp" class="img-responsive col-mx-auto avatar-xxl" alt="" /> 502 </div> 503 <div class="column col-9"> 504 <p class="description text-standard mb-2"> 505 "We went from a marketing department of 'myself' to an entire team. Now our credit union has one voice that echoes through everything we do." 506 </p> 507 <span class="d-block mb-0"><strong class="testimonial_name">Travis Livingood</strong> <span class="testimonial_position">Director of Marketing | Glacier Hills Credit Union</span></span> 508 </div> 509 </div> 510 </div> 511 </div> 512 <div id="expertise-carousel" class="columns"> 513 <div class="column col-12 flex-vertical-top"> 514 <div class="columns"> 515 <div class="column col-12"> 516 517 <div class="expertise_gallery"> 518 <div class="inner-expertise-gallery"> 519 <div class="expertise-cards"> 520 <div class="expertise-card"> 521 <div class="inner-expertise p-5 p-md-0"> 522 <h2>Interactive</h2> 523 <ul> 524 <li><a href="/interactive">Front End + Back End Dev</a></li> 525 <li><a href="/interactive">User Experience Design</a></li> 526 <li><a href="/interactive">Technical Architecture</a></li> 527 <li><a href="/interactive">Content Management Systems</a></li> 528 <li><a href="/interactive">Email/Digital Marketing</a></li> 529 <li><a href="/interactive">ADA Compliance</a></li> 530 </ul> 531 <div class="rotating-btn"><rotating-button data-text="View this portfolio" data-url="/interactive"></rotating-button></div> 532 </div> 533 <div class="inner-expertise-media"> 534 <img src="home/expertise/CINQ_Homepage-Expertise-Interactive.webp" class="hide-md" alt="" /> 535 <img src="home/expertise/CINQ_Home-Expertise-Interactive-M.webp" class="img-responsive col-mx-auto show-md" alt="" /> 536 </div> 537 </div> 538 <div class="expertise-card"> 539 <div class="inner-expertise p-5 p-md-0"> 540 <h2>Design</h2> 541 <ul> 542 <li><a href="/design">Brand + Identity Design</a></li> 543 <li><a href="/design">Brand Guidelines</a></li> 544 <li><a href="/design">Creative Direction</a></li> 545 <li><a href="/design">Graphic Design</a></li> 546 <li><a href="/design">Web + Interface Design</a></li> 547 <li><a href="/design">Packaging + Product Design</a></li> 548 <li><a href="/design">Brand-Based Interiors</a></li> 549 </ul> 550 <div class="rotating-btn"><rotating-button data-text="View this portfolio" data-url="/design"></rotating-button></div> 551 </div> 552 <div class="inner-expertise-media"> 553 <img src="home/expertise/CINQ_Homepage-Expertise-Design.webp" class="hide-md" alt="" /> 554 <img src="home/expertise/CINQ_Home-Expertise-Design-M.webp" class="img-responsive col-mx-auto show-md" alt="" /> 555 </div> 556 </div> 557 <div class="expertise-card"> 558 <div class="inner-expertise p-5 p-md-0"> 559 <h2>Motion</h2> 560 <ul> 561 <li><a href="/motion">Full Video Planning, Production, and Editing</a></li> 562 <li><a href="/motion">Title Sequences & Logo Animation</a></li> 563 <li><a href="/motion">Animated Ads & Commercials</a></li> 564 <li><a href="/motion">Animated Explainer Videos</a></li> 565 <li><a href="/motion">Compelling Testimonials</a></li> 566 <li><a href="/motion">Social Media Videos</a></li> 567 </ul> 568 <div class="rotating-btn"><rotating-button data-text="View this portfolio" data-url="/motion"></rotating-button></div> 569 </div> 570 <div class="inner-expertise-media"> 571 <img src="home/expertise/CINQ_Homepage-Expertise-Motion.webp" class="hide-md" alt="" /> 572 <img src="home/expertise/CINQ_Home-Expertise-Motion-M.webp" class="img-responsive col-mx-auto show-md" alt="" /> 573 </div> 574 </div> 575 <div class="expertise-card"> 576 <div class="inner-expertise p-5 p-md-0"> 577 <h2>Strategy</h2> 578 <ul> 579 <li>Omnichannel</li> 580 <li>Brand Strategy & Positioning</li> 581 <li>Market Research & Insights</li> 582 <li>Brand Messaging & Voice Development</li> 583 <li>Brand Audit</li> 584 <li>Customer Surveys + Feedback</li> 585 <li>Communications Strategy</li> 586 <li>Performance Analytics & Optimization</li> 587 </ul> 588 </div> 589 <div class="inner-expertise-media"> 590 <img src="home/expertise/CINQ_Homepage-Expertise-Strategy.webp" class="hide-md" alt="" /> 591 <img src="home/expertise/CINQ_Home-Expertise-Strategy-M.webp" class="img-responsive col-mx-auto show-md" alt="" /> 592 </div> 593 </div> 594 <div class="expertise-card"> 595 <div class="inner-expertise p-5 p-md-0"> 596 <h2>Marketing</h2> 597 <ul> 598 <li>Campaign Strategy & Development</li> 599 <li>Target Audience Discovery</li> 600 <li>SEM & Digital Marketing</li> 601 <li>Media Planning & Buying</li> 602 <li>Campaign Analytics & Analysis</li> 603 <li>Email Marketing & Automation</li> 604 <li>Radio + Voice</li> 605 <li>Social Media</li> 606 </ul> 607 </div> 608 <div class="inner-expertise-media"> 609 <img src="home/expertise/CINQ_Homepage-Expertise-Marketing.webp" class="hide-md" alt="" /> 610 <img src="home/expertise/CINQ_Home-Expertise-Marketing-M.webp" class="img-responsive col-mx-auto show-md" alt="" /> 611 </div> 612 </div> 613 </div> 614 </div> 615 </div> 616 <div class="carousel-spacer" style="height: 1vh;"></div> 617 618 </div> 619 </div> 620 </div> 621 </div>
622 </div> 623 </section> 624 <section class="horizontal check-end-threshold"> 625 <div class="pin-wrap"> 626 <div class="animation-wrap to-right"> 627 <div class="item long-item"> 628 <div class="waveline-container"> 629 <svg class="waveline" viewBox="0 0 100 50"> 630 <polyline points="0,0 100,0"></polyline> 631 </svg> 632 <svg id="animated-lines-svg" class="wavelines" xmlns="http://www.w3.org/2000/svg"></svg> 633 </div> 634 <div class="inner-item"> 635 <h1 class="waves text-center show-md">Let's Create Waves</h1> 636 <svg class="wavelines hide-md" width="100%" height="100%"> 637 <defs> 638 <!-- Mask will be added dynamically --> 639 <g id="txt2"> 640 <rect width="750" height="120" fill="none"></rect> 641 <text class="txt2" x="0" y="60" dominant-baseline="middle" text-anchor="middle" fill="#00c375" stroke="#fff">LETâS CREATE WAVES</text> 642 </g> 643 <g id="txt1"> 644 <rect width="750" height="120" fill="none"></rect> 645 <text class="txt1" x="0" y="60" dominant-baseline="middle" text-anchor="middle" fill="#0e4e3a" stroke="none">LETâS CREATE WAVES</text> 646 </g> 647 </defs> 648 649 <use xlink:href="#txt2" x="50%" y="50%" transform="translate(-375 0)"></use> 650 <g mask="url(#waveMask)"> 651 <rect fill="none" width="100%" height="100%"></rect> 652 <use xlink:href="#txt1" x="50%" y="50%" transform="translate(-375 0)"></use> 653 </g> 654 </svg> 655 656 </div> 657 </div> 658 <div class="item post-waves"></div> 659 </div> 660 </div> 661 </section> 662 <section id="section-approach" class="blank gradient-background homepage-section"> 663 <div id="approach" class="custom-inner-section" data-section-title="Approach"> 664 <div class="approach-inner container flex-vertical-middle pt-md-2"> 665 <div class="columns py-5"> 666 <div class="column col-6 col-xxxl-10 col-xl-11 col-md-12 pt-4 pr-4 pb-0 pl-4 pt-md-0"> 667 <div class="headline"><h1>Approach</h1></div> 668 </div> 669 <div class="column col-6 col-xxxl-10 col-xl-11 col-md-12 flex-vertical-middle-important pt-4 pr-4 pb-0 pl-4 hide-md"> 670 <div class="columns"> 671 <div class="column col-2"> 672 <img src="img/headshots/cinq_testimonial-Kelly-McDonough.webp" class="img-responsive col-mx-auto avatar-xxl" alt="" /> 673 </div> 674 <div class="column col-9"> 675 <p class="description text-standard mb-2"> 676 "Our employees love the brandâitâs dynamic and fitting for the times weâre in now." 677 </p> 678 <span class="d-block mb-0"><strong class="testimonial_name">Kelly McDonough</strong> <span class="testimonial_position">President/CEO | Earthmover Credit Union</span></span> 679 </div> 680 </div> 681 </div> 682 </div> 683 <div class="columns pb-5"> 684 <div class="column col-1 mb-5 hide-md"></div> 685 <div class="column col-10 col-md-11 col-mx-auto p-relative mb-5"> 686 <div class="approach_container"> 687 <div class="approach_key"><span>01</span></div> 688 <div class="innerpin"> 689 <div class="scroll-innerpin"> 690 <div class="panel" data-key="1"> 691 <div class="container flex-vertical-top-important"> 692 <div class="columns"> 693 <div class="column col-12 py-5 py-md-3"> 694 <div class="approach_headline"> 695 <h2>Meet & Marvel</h2> 696 </div> 697 </div> 698 </div> 699 <div class="columns"> 700 <div class="column col-6 col-md-12 col-mx-auto p-4 p-md-2"> 701 <div class="container-img"><img src="home/approach/CINQ_Homepage-Approach-01.webp" class="img-responsive col-mx-auto radius12"/></div> 702 </div> 703 <div class="panel_content column col-6 col-md-12 col-mx-auto p-4 p-md-2"> 704 <h4>We start with a session</h4> 705 <p>designed for discoveryâand a little inspiration. No bland Q&A hereâweâre talking big-picture dreams, bold ambitions, and what sets your brand on fire.</p> 706 <p>By the end, weâll have insights that arenât just usefulâtheyâre inspiring.</p> 707 708 <h4 class="h4-underline"><span>What you can expect:</span></h4> 709 <ul> 710 <li>Deep dive into your goals, audience, and brand voice</li> 711 <li>Explore what sets your brand apart</li> 712 <li>Leave with inspiration and actionable insights</li> 713 </ul> 714 715 </div> 716 </div> 717 </div> 718 </div> 719 <div class="panel" data-key="2"> 720 <div class="container flex-vertical-top-important"> 721 <div class="columns"> 722 <div class="column col-12 py-5 py-md-3"> 723 <div class="approach_headline"> 724 <h2>Blueprint with a backbone</h2> 725 </div> 726 </div> 727 </div> 728 <div class="columns"> 729 <div class="column col-6 col-md-12 col-mx-auto p-4 p-md-2"> 730 <div class="container-img"><img src="home/approach/CINQ_Homepage-Approach-02.webp" class="img-responsive col-mx-auto radius12"/></div> 731 </div> 732 <div class="panel_content column col-6 col-md-12 col-mx-auto p-4 p-md-2"> 733 <h4>This is where strategy meets swagger.</h4> 734 <p>Every move is purposeful, and every milestone is crafted to bring your brandâs story to life in a way no one can ignore.</p> 735 736 <h4 class="h4-underline"><span>What you can expect:</span></h4> 737 <ul> 738 <li>
738Define strategic goals and key success metrics</li> 739 <li>Align messaging with your brandâs core values</li> 740 <li>Build a roadmap with clear milestones</li> 741 </ul> 742 </div> 743 </div> 744 </div> 745 </div> 746 <div class="panel" data-key="3"> 747 <div class="container flex-vertical-top-important"> 748 <div class="columns"> 749 <div class="column col-12 py-5 py-md-3"> 750 <div class="approach_headline"><h2>Ideas on Overdrive</h2></div> 751 </div> 752 </div> 753 <div class="columns"> 754 <div class="column col-6 col-md-12 col-md-mx-auto p-4 p-md-2"> 755 <div class="container-img"><img src="home/approach/CINQ_Homepage-Approach-03.webp" class="img-responsive col-mx-auto radius12"/></div> 756 </div> 757 <div class="panel_content column col-6 col-md-12 col-mx-auto p-4 p-md-2"> 758 <h4>Our brainstorms are a mix</h4> 759 <p>of magic and mischief. We dig deep, think big, and throw out the rulebook to see what creative ideas are ready to break through.</p> 760 <p>Youâll see concepts that challenge, connect, and hit all the right chords for your brand.</p> 761 762 <h4 class="h4-underline"><span>What you can expect:</span></h4> 763 <ul> 764 <li>Explore bold, unexpected creative directions</li> 765 <li>Present multiple concepts with different vibes</li> 766 <li>Collaborate to identify what truly resonates</li> 767 </ul> 768 </div> 769 </div> 770 </div> 771 </div> 772 <div class="panel" data-key="4"> 773 <div class="container flex-vertical-top-important"> 774 <div class="columns"> 775 <div class="column col-12 py-5 py-md-3"> 776 <div class="approach_headline"><h2>Refine and Shine</h2></div> 777 </div> 778 </div> 779 <div class="columns"> 780 <div class="column col-6 col-md-12 col-mx-auto p-4 p-md-2"> 781 <div class="container-img"><img src="home/approach/CINQ_Homepage-Approach-04.webp" class="img-responsive col-mx-auto radius12"/></div> 782 </div> 783 <div class="panel_content column col-6 col-md-12 col-mx-auto p-4 p-md-2"> 784 <h4>When the vision is set</h4> 785 <p>itâs time for the finer details. We sculpt, sharpen, and sweat the small stuff to make sure the final product is pitch-perfect. Each pixel, color, keyframe, and word gets the love it deserves.</p> 786 787 <h4 class="h4-underline"><span>What you can expect:</span></h4> 788 <ul> 789 <li>Polish every detail to perfection</li> 790 <li>Revise based on your feedback and insight</li> 791 <li>Finalize messaging, visuals, and execution plan</li> 792 </ul> 793 </div> 794 </div> 795 </div> 796 </div> 797 <div class="panel" data-key="5"> 798 <div class="container flex-vertical-top-important pb-md-5"> 799 <div class="columns"> 800 <div class="column col-12 py-5 py-md-3"> 801 <div class="approach_headline"><h2>Showtime!</h2></div> 802 </div> 803 </div> 804 <div class="columns pb-md-5"> 805 <div class="column col-6 col-md-12 col-mx-auto p-4 p-md-2"> 806 <div class="container-img"><img src="home/approach/CINQ_Homepage-Approach-05.webp" class="img-responsive col-mx-auto radius12"/></div> 807 </div> 808 <div class="panel_content column col-6 col-md-12 col-mx-auto p-4 p-md-2"> 809 <h4>We donât just hand off the work and wave goodbye.</h4> 810 <p>When itâs go-time, weâre right beside you, adjusting, refining, and making sure the launch hits hard. Then, we keep an eye on every result, tweak where needed, and celebrate every win.</p> 811 812 <h4 class="h4-underline"><span>What you can expect:</span></h4> 813 <ul> 814 <li>Launch with confidence and creative firepower</li> 815 <li>Monitor results and real-time performance</li> 816 <li>Adjust, optimize, and enhance post-launch</li> 817 </ul> 818 </div> 819 </div> 820 </div> 821 </div> 822 </div> 823 </div> 824 </div> 825 </div> 826 <div class="column col-1 mb-5 hide-md"></div> 827 </div> 828 </div>
829 </div> 830 </section> 831 <section id="section-assemblyrequired" class="section homepage-section mt-3 mt-md-0"> 832 <div id="assemblyrequired" class="container" data-section-title="Assembly Required"> 833 <div class="columns pb-5"> 834 <div class="column col-12 flex-vertical-bottom pt-md-4"> 835 <div class="columns py-5"> 836 <div class="column col-10 col-xxxl-10 col-xl-11 col-md-12 pt-4 pr-4 pb-0 pl-4"> 837 <div class="headline"> 838 <h1>Assembly Required</h1></div> 839 </div> 840 </div> 841 <div class="columns py-5 pt-md-0"> 842 <div class="column col-9 col-xl-10 col-md-12 col-mx-auto px-5"> 843 <p class="instrument-sans text-standard text-gradient lineheight-xxxlarge">A dispatch from inside the creative process. Assembly Required looks at strategy, storytelling, and the little sparks that help bring ideas to life.</p> 844 </div> 845 </div> 846 </div> 847 <div class="homeblog column col-12 flex-vertical-top"> 848 <div class="columns"> 849 <div class="column col-1"></div> 850 <div class="column col-11 col-md-12"> 851 852 <div class="blog-container column col-11 col-mx-auto pb-5 pl-5 pl-md-0"> 853 <div class="main-content" id="blogContainer"> 854 <div class="post_list_parent column col-12"> 855 <div class="post_list columns"> 856 857 <div class="column assembly-item filter col-4 col-xxl-6 col-xl-12 px-3 my-3"> 858 <article class="article p-3"> 859 <div class="text-left mb-2"> 860 <span class="article__category text-tiny radius4">design</span> 861 <span class="article__category text-tiny radius4">creativity</span> 862 <span class="article__category text-tiny radius4">ideas</span> 863 </div> 864 <h2 class="article__title"><a href="/assemblyrequired/originality">Walking the Fine Line of Originality</a></h2> 865 <div class="loader"></div> 866 <div class="text-small"> 867 <p class="article__excerpt text-small">Why great design doesnât have to come from nowhere.</p> 868 <a class="article__link assembly__readmore text-small" href="/assemblyrequired/originality">Read more</a> 869 </div> 870 </article> 871 </div> 872 <div class="column assembly-item filter col-4 col-xxl-6 col-xl-12 px-3 my-3"> 873 <article class="article p-3"> 874 <div class="text-left mb-2"> 875 <span class="article__category text-tiny radius4">strategy</span> 876 <span class="article__category text-tiny radius4">philosophy</span> 877 </div> 878 <h2 class="article__title"><a href="/assemblyrequired/summitfever">The Danger of Almost Done</a></h2> 879 <div class="loader"></div> 880 <div class="text-small"> 881 <p class="article__excerpt text-small">Why the finish line can make smart marketers do dumb things.</p> 882 <a class="article__link assembly__readmore text-small" href="/assemblyrequired/summitfever">Read more</a> 883 </div> 884 </article> 885 </div> 886 <div class="column assembly-item filter col-4 col-xxl-6 col-xl-12 px-3 my-3"> 887 <article class="article p-3"> 888 <div class="text-left mb-2"> 889 <span class="article__category text-tiny radius4">design</span> 890 <span class="article__category text-tiny radius4">creativity</span> 891 <span class="article__category text-tiny radius4">philosophy</span> 892 </div> 893 <h2 class="article__title"><a href="/assemblyrequired/woodworking">Until Thereâs Nothing Left to Remove</a></h2> 894 <div class="loader"></div> 895 <div class="text-small"> 896 <p class="article__excerpt text-small">What woodworking taught me about restraint, simplicity, and knowing when a logo is finished.</p> 897 <a class="article__link assembly__readmore text-small" href="/assemblyrequired/woodworking">Read more</a> 898 </div> 899 </article> 900 </div> 901 902 </div> 903 </div> 904 </div> 905 </div> 906 </div> 907 </div> 908 <div class="columns pb-5"> 909 <div class="column col-1 pr-4 pb-0 pl-4"></div> 910 <div class="column col-1"> 911 <div class="rotating-btn"><rotating-button data-text="View all articles" data-url="/assembly" data-textColor="dark"></rotating-button></div> 912 </div> 913 <div class="column col-9 col-xl-10 col-md-12 col-mx-auto px-5 pt-4 pt-md-0"> 914 <p class="instrument-sans text-standard text-gradient lineheight-xxxlarge">Browse past Assembly Required issues for ideas worth stealing, questions worth asking, and a few reminders that the best work usually starts with a little curiosity. </p> 915 </div> 916 </div> 917 </div> 918 </div>
919 </div> 920 </section> 921 <section id="section-company" class="section homepage-section"> 922 <div id="company" class="container flex-vertical-middle pt-md-2" data-section-title="Company"> 923 <div class="columns py-5 pt-md-5 pb-md-0"> 924 <div class="column col-6 col-xxxl-10 col-xl-11 col-md-12 pt-4 pr-4 pb-0 pl-4 pt-md-0"> 925 <div class="headline"><h1 class="text-white">Company</h1></div> 926 </div> 927 <div class="column col-6 col-xxxl-10 col-xl-11 col-md-12 flex-vertical-middle-important pt-4 pr-4 pb-0 pl-4 hide-md"> 928 <div class="columns"> 929 <div class="column col-2"> 930 <img src="img/headshots/cinq_testimonial-Mark-Bradley.webp" class="img-responsive col-mx-auto avatar-xxl" alt="" /> 931 </div> 932 <div class="column col-9"> 933 <p class="description text-standard text-white mb-2"> 934 "Time and time again, their advertising increases our bottom line." 935 </p> 936 <span class="d-block text-white mb-0"><strong class="testimonial_name">Mark Bradley</strong> <span class="testimonial_position">CSME | Credit Union of New Jersey</span></span> 937 </div> 938 </div> 939 </div> 940 </div> 941 <div class="columns"> 942 <div class="column col-5 col-xxxl-6 col-xl-6 col-md-12 col-mx-auto pr-4 pb-0 pl-4 text-right text-xl-left order-md-2"> 943 <ul class="company-list m-0 p-0 text-left"> 944 <li>Company Overview</li> 945 <li>Founded in 1996 (that feels like so long ago)</li> 946 <li>Headquartered in Virginia</li> 947 <li>Distributed across four states</li> 948 <li>Over 80 years of combined creative experience</li> 949 </ul> 950 </div> 951 <div class="column col-6 col-xxxl-5 col-xxl-5 col-xl-6 col-md-12 col-mx-auto pt-4 pr-4 pb-0 pl-4 text-large order-md-1"> 952 <p class="text-white text-small">At CINQ, weâre more than just an ad agencyâweâre a team of creative visionaries, strategic thinkers, and downright doers, all driven by a passion for the bold. Itâs in our DNA. And so is our name. In fact, CINQ is a nod to our companyâs founder, whose French origins continue to inspire a certain <em>je ne sais quoi</em> in our work.</p> 953 954 <p class="text-white text-small">From campaigns that grab attention to strategies that stick, our work continually grows our clientsâ bottom lines (and has won some shiny trophies along the way). We believe in brands that connect, creativity that conquers, and results that do the talking.</p> 955 956 <p class="text-white text-small">Ready to see what award-winning creativity looks like in action? Letâs make your brand a force to be reckoned with.</p> 957 </div> 958 </div> 959 <div class="columns"> 960 <div class="column col-12 px-0"> 961 962 <div class="gallery-container"> 963 <!-- Dangling Photos Gallery --> 964 <div class="dangling-gallery hide-lg"> 965 <div class="photo-wrapper"> 966 <img src="home/company/CINQ_Homepage-Company-Doug.webp" alt="Doug Fraser" class="photo img-reponsive"> 967 <div class="caption"> 968 <h3>Doug Fraser</h3> 969 <p class="role">Chief Strategy Officer</p> 970 <p class="loc">Norfolk, VA</p> 971 </div> 972 </div> 973 <div class="photo-wrapper"> 974 <img src="home/company/CINQ_Homepage-Company-Alicia.webp" alt="Alicia Kim" class="photo img-reponsive"> 975 <div class="caption"> 976 <h3>Alicia Kim</h3> 977 <p class="role">Art Director</p> 978 <p class="loc">Philadelphia, PA</p> 979 </div> 980 </div> 981 <div class="photo-wrapper"> 982 <img src="home/company/CINQ_Homepage-Company-Charlie.webp" alt="Charlie Parr" class="photo img-reponsive"> 983 <div class="caption"> 984 <h3>Charles Parr</h3> 985 <p class="role">CEO</p> 986 <p class="loc">Hampton, VA</p> 987 </div> 988 </div> 989 <div class="photo-wrapper"> 990 <img src="home/company/CINQ_Homepage-Company-Miles.webp" alt="Miles QUillen" class="photo img-reponsive"> 991 <div class="caption"> 992 <h3>Miles Quillen</h3> 993 <p class="role">Creative Director</p> 994 <p class="loc">Madison, WI</p> 995 </div> 996 </div> 997 <div class="photo-wrapper"> 998 <img src="home/company/CINQ_Homepage-Company-Jeremiah.webp" alt="Jeremiah Lewis" class="photo img-reponsive"> 999 <div class="caption"> 1000 <h3>Jeremiah Lewis</h3> 1001 <p class="role">Interactive Director</p> 1002 <p class="loc">Glens Falls, NY</p> 1003 </div> 1004 </div> 1005 </div> 1006 1007 <!-- Swiper Carousel (Mobile) --> 1008 <div class="swiper-container team-swiper show-lg"> 1009 <div class="swiper-wrapper"> 1010 <div class="swiper-slide"> 1011 <div class="swiper-slide-inner"> 1012 <img src="home/company/CINQ_Homepage-Company-Doug.webp" alt="Doug Fraser" class="photo img-reponsive"> 1013 <div class="slide-caption"> 1014 <h3>Doug Fraser</h3> 1015 <p class="role">Chief Strategy Officer</p> 1016 <p class="loc">Norfolk, VA</p> 1017 </div> 1018 </div> 1019 </div> 1020 <div class="swiper-slide"> 1021 <div class="swiper-slide-inner"> 1022 <img src="home/company/CINQ_Homepage-Company-Alicia.webp" alt="Alicia Kim" class="photo img-reponsive"> 1023 <div class="slide-caption"> 1024 <h3>Alicia Kim</h3> 1025 <p class="role">Art Director</p> 1026 <p class="loc">Philadelphia, PA</p> 1027 </div> 1028 </div> 1029 </div> 1030 <div class="swiper-slide"> 1031 <div class="swiper-slide-inner"> 1032 <img src="home/company/CINQ_Homepage-Company-Charlie.webp" alt="Charlie Parr" class="photo img-reponsive"> 1033 <div class="slide-caption"> 1034 <h3>Charles Parr</h3> 1035 <p class="role">CEO</p> 1036 <p class="loc">Hampton, VA</p> 1037 </div> 1038 </div> 1039 </div> 1040 <div class="swiper-slide"> 1041 <div class="swiper-slide-inner"> 1042 <img src="home/company/CINQ_Homepage-Company-Miles.webp" alt="Miles QUillen" class="photo img-reponsive"> 1043 <div class="slide-caption"> 1044 <h3>Miles Quillen</h3> 1045 <p class="role">Creative Director</p> 1046 <p class="loc">Madison, WI</p> 1047 </div> 1048 </div> 1049 </div> 1050 <div class="swiper-slide"> 1051 <div class="swiper-slide-inner"> 1052 <img src="home/company/CINQ_Homepage-Company-Jeremiah.webp" alt="Jeremiah Lewis" class="photo img-reponsive"> 1053 <div class="slide-caption"> 1054 <h3>Jeremiah Lewis</h3> 1055 <p class="role">Interactive Director</p> 1056 <p class="loc">Glens Falls, NY</p> 1057 </div> 1058 </div> 1059 </div> 1060 </div> 1061 <!-- Add Pagination --> 1062 <div class="swiper-pagination"></div> 1063 <!-- Add Navigation --> 1064 <div class="swiper-button-next"></div> 1065 <div class="swiper-button-prev"></div> 1066 </div> 1067 </div> 1068 1069 </div> 1070 </div>
1071 </div> 1072 </section> 1073 <footer class="pb-5 pb-md-0" data-speed="1"> 1074 <section id="section-contact" class="section mt-0 mb-5 mb-lg-0 pt-5 pb-2 pb-md-0" data-section-title="Contact"> 1075 <div id="contact" class="container pt-5"> 1076 <div class="columns"> 1077 <div class="column col-10 col-lg-11 col-mx-auto flex-vertical-middle py-5 py-md-3"> 1078 <div class="footer-bm"> 1079 <div class="brandmagic-icon float-left mr-3"> 1080 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 181.5 181.5"> 1081 <!-- Background square --> 1082 <path d="M0 0v181.5h181.5V0zm56.2 36.7h68.9v19.7H56.2zm69.1 76.8-44.8 23-3.9 1.9-11.9 6.1-8.5 4.3v-21.4h.2v-.1l49.1-25.2V89.8H56.2V70.3h69.1v43.3Z" style="fill:#3a4f62"/> 1083 <!-- Inner mark with new fill color --> 1084 <path d="M56.2 36.7h68.9v19.7H56.2zm69.1 76.8-44.8 23-3.9 1.9-11.9 6.1-8.5 4.3v-21.4h.2v-.1l49.1-25.2V89.8H56.2V70.3h69.1v43.3Z" style="fill:#172226"/> 1085 </svg> 1086 </div> 1087 <div class="headline lineheight-small"> 1088 <h1 class="footer-brandmagic text-white">Let's Make Brand Magic Happen.</h1> 1089 </div> 1090 </div> 1091 </div> 1092 </div> 1093 <div class="columns"> 1094 <div class="column col-12 px-0 py-md-0 pt-md-3"> 1095 <div class="footer-logo-container mb-5 mb-md-2" data-speed="1.1"> 1096 <svg xmlns="http://www.w3.org/2000/svg" id="footer-logo" class="footer-logo" version="1.1" viewBox="0 0 867.8 181.5"> 1097 <defs> 1098 <style> 1099 .cinq-footer { 1100 fill: #b2e327 1101 } 1102 </style> 1103 </defs> 1104 <path d="M204.6 117.4c-7.4 8.6-18.4 14-30.6 14H90.6c-22.3 0-40.5-18.2-40.5-40.5s18.2-40.5 40.5-40.5H174c12.3 0 23.4 5.5 30.8 14.3l40.6-29.4C228.8 14.1 203 .4 174 .4H90.6C40.5.4 0 41 0 91c0 50 40.5 90.6 90.6 90.6H174c28.9 0 54.7-13.6 71.3-34.7l-40.6-29.4ZM867.8 89.4c0-49.4-40-89.4-89.4-89.4h-79C650 0 610 40 610 89.4v2.3c0 49.4 40 89.4 89.4 89.4l116.1.3c0 .1 48.9.1 48.9.1L846.1 150c13.5-15.7 21.7-36 21.7-58.3v-2.3Zm-207.7 2.3v-2.3c0-21.7 17.6-39.3 39.3-39.3h79c21.7 0 39.3 17.6 39.3 39.3v2.3c0 21.7-17.6 39.3-39.3 39.3h-79c-21.7 0-39.3-17.6-39.3-39.3ZM273.8 5.5H324v176h-50.2zM535.4 5.5v127.2L469.9 5.2H359.3v176.3h49.9V55.7h31.4l64.7 125.8H585.6V5.5h-50.2z" class="cinq-footer" /> 1105 </svg> 1106 </div> 1107 </div> 1108 </div> 1109 <div class="columns pt-5"> 1110 <div class="column col-6 text-large px-5 px-md-0 pl-md-4"> 1111 <ul class="footer-ul text-small"> 1112 <li><a href="/#work">Work</a></li> 1113 <li><a href="/#expertise">Expertise</a></li> 1114 <li><a href="/#assemblyrequired">Assembly Required</a></li> 1115 <li><a href="/#company">Company</a></li> 1116 </ul> 1117 </div> 1118 <div class="column col-6 text-large px-5 px-md-0 pr-md-4"> 1119 <ul class="footer-ul text-small text-right"> 1120 <li><a href="mailto:[email protected]">[email protected]</a></li> 1121 <li><a href="#" class="clightbox">Contact</a></li> 1122 <li><a href="#" class="startlink clightbox">Start a Project</a></li> 1123 <li>757.723.5749</li> 1124 </ul> 1125 </div> 1126 <div class="column col-6 text-left text-large text-white px-5 px-md-0 pl-md-4 py-3 d-none"> 1127 <p class="footer-p policy text-small instrument-sans font-variant-100"><a href="#">Privacy Policy</a></p> 1128 </div> 1129 <div class="column col-6 text-right text-large text-white px-5 px-md-0 pr-md-4 py-3 d-none"> 1130 <p class="footer-p policy text-small instrument-sans font-variant-100"><a href="#">Cookie Policy</a></p> 1131 </div> <div class="column col-12 text-center text-white px-5 px-md-0 pb-md-2"> 1132 <p class="footer-p copyright text-small instrument-sans font-variant-100">©2026 CINQ Creative - A Raoust Communications, Inc. Company</p> 1133 </div> 1134 </div> 1135 </div> 1136 </section> 1137 </footer> 1138 1139 </div> 1140 </main> 1141 1142 <a href="#" class="bottomBadge blackBadge clightbox"> 1143 <div class="text"> 1144 Let's create something 1145 <span class="arrow-parent">
1146 <svg class="arrow" viewBox="0 0 321.6 275.3" fill="#141C16"> 1147 <path 1148 d="M321.4,65.9s0,0,0-.1c0-.2,0-.4.1-.6,0,0,0,0,0-.1,0-.2,0-.3,0-.5,0,0,0-.1,0-.2,0-.2-.1-.4-.2-.6-.1-.2-.2-.4-.4-.5,0,0,0,0-.1-.1-.1-.1-.2-.2-.4-.3,0,0,0,0-.2,0-.2,0-.3-.2-.5-.2,0,0-.1,0-.2,0-.1,0-.3,0-.4,0,0,0,0,0-.1,0-1.1,0-114.1.8-206.4-62.1-1.1-.8-2.7-.5-3.5.7-.8,1.1-.5,2.7.7,3.5,48.9,33.4,103.2,48.7,140.1,55.7,26.4,5,47.9,6.6,59.6,7.1L1.3,232.9c-1.2.7-1.7,2.2-1,3.4.5.8,1.3,1.3,2.2,1.3s.8,0,1.2-.3L311.9,71.7c-6,10-16.6,28.8-27,53.6-14.5,34.6-31.7,88.4-30.9,147.6,0,1.4,1.1,2.5,2.5,2.5h0c1.4,0,2.5-1.2,2.5-2.5-.8-58.3,16.1-111.3,30.4-145.4,15.6-37.1,31.5-60.7,31.7-60.9,0,0,0,0,0,0,0-.1.2-.3.2-.5Z" 1149 /> 1150 </svg> 1151 </span> 1152 </div> 1153 </a> 1154 1155 1156 <!-- GSAP --> 1157
1157<script src="js/libraries/gsap.min.js"></script>
1157 1158
1158<script src="js/libraries/ScrollTrigger.min.js"></script>
1158 1159
1159<script src="js/libraries/Observer.min.js"></script>
1159 1160
1160<script src="js/libraries/ScrollToPlugin.min.js"></script>
1160 1161
1161<script src="js/libraries/Draggable.min.js"></script>
1161 1162
1162<script src="js/libraries/MotionPathPlugin.min.js"></script>
1162 1163
1163<script src="js/libraries/SplitText.min.js"></script>
1163 1164
1164<script src="js/libraries/TextPlugin.min.js"></script>
1164 1165
1165<script src="js/libraries/ScrollSmoother.min.js"></script>
1165 1166
1166<script src="js/libraries/InertiaPlugin.min.js"></script>
1166 1167
1167<script src="js/libraries/CustomEase.min.js"></script>
1167 1168 <!-- Swiper --> 1169
1169<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.5/swiper-bundle.min.js"></script>
1169 1170
1170<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-element-bundle.min.js"></script>
1170 1171
1171<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
1171 1172 <!-- Video libraries --> 1173
1173<script src="https://cdn.jsdelivr.net/npm/[email protected]/lightgallery.min.js"></script>
1173 1174
1174<script src="https://player.vimeo.com/api/player.js"></script>
1174 1175
1175<script src="https://cdn.jsdelivr.net/npm/[email protected]/plugins/video/lg-video.min.js"></script>
1175 1176
1176<script src="https://cdn.jsdelivr.net/npm/[email protected]/plugins/zoom/lg-zoom.min.js"></script>
1176 1177 <!-- Parsley --> 1178
1178<script src="js/libraries/parsley.min.js"></script>
1178 1179 <!-- CINQ --> 1180
1180<script src="js/helper.js?v=1787243725"></script>
1180 1181
1181<script src="js/form.js?v=1747324964"></script>
1181 1182
1182<script src="js/script-index.js?v=1783102110"></script>
1182 1183 1184<!-- 1185 ........................ ........ .................. ....... ...................... 1186 .............................. ........ ................... ....... .............................. 1187 ................................... ........ .................... ....... .................................. 1188 ................................. ........ ..................... ....... .................................... 1189 ......... ........ ........ ........ ....... ........ ........ 1190 ........ ........ ........ ........ ....... ........ ........ 1191 ........ ........ ........ ........ ....... ........ ........ 1192 ........ ........ ........ ........ ....... ........ ........ 1193 ......... ........ ........ ......... ....... ........ ........ 1194 ................................. ........ ........ .................... .................................... 1195 ................................... ........ ........ ................... .................................. 1196 .............................. ........ ........ .................. ................................ 1197 ........................ ........ ........ ................ .............................. 1198--> 1199</body> 1200</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.