CINXE.COM
Summit Athletic Media
<!doctype html> <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""><![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""><![endif]--> <!--[if IE 8]><html class="no-js lt-ie9" lang=""><![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="author" content="Summit Athletic Media"> <meta name="description" content="Sports Marketing and Design"> <meta name="keywords" content="Summit Athletic Media, Summit Athletics, sports, design, marketing, college, athletics development, media guides, posters, schedule cards, game programs, print, video, branding, graphics, social media, athletics"> <meta name="language" content="english"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="shortcut icon" href="assets/img/icons/favicon.png?ckcachebust=763321349"> <link rel="apple-touch-icon" href="assets/img/icons/apple-touch-icon.png?ckcachebust=B6463970F0076887A0B755DE0C2B2D65"> <link rel="apple-touch-icon" sizes="57x57" href="assets/img/icons/apple-touch-icon-57x57-precomposed.png?ckcachebust=B6463970F0076887A0B755DE0C2B2D65"> <link rel="apple-touch-icon" sizes="72x72" href="assets/img/icons/apple-touch-icon-72x72-precomposed.png?ckcachebust=763321349"> <link rel="apple-touch-icon" sizes="114x114" href="assets/img/icons/apple-touch-icon-114x114-precomposed.png?ckcachebust=763321349"> <link rel="apple-touch-icon" sizes="144x144" href="assets/img/icons/apple-touch-icon-144x144-precomposed.png?ckcachebust=A936AEAE62473CBF493D6CB2CB8D321C"> <title> Summit Athletic Media </title> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.summitathletics.com/"> <meta property="og:title" content="Summit Athletic Media"> <meta property="og:description" content="Summit Athletic Media - We Design Sports™"> <meta property="og:image" content="https://www.summitathletics.com/assets/img/website-card-2.png"> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://www.summitathletics.com/"> <meta property="twitter:title" content="Summit Athletic Media"> <meta property="twitter:description" content="Summit Athletic Media - We Design Sports™"> <meta property="twitter:image" content="https://www.summitathletics.com/assets/img/website-card-2.png"> <link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet"> <link rel="stylesheet" href="assets/css/summitathletics.css?ckcachebust=7975C70F5AB475157FA3BCD46CD7888C"> <!--[if lt IE 9]> <script> document.createElement('video'); </script> <![endif]--> <style> .loader-wrapper { background: #fff; position: fixed; right: 0; top: 0; z-index: 9999999999; bottom: 0; left: 0; box-shadow: 3px 2px 5px 2px rgba(0, 0, 0, 0.4); overflow: hidden; transform: translateY(0); transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } </style> <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-TT68LSC2');</script> </head> <body id="index" class="base header-transparent aside-right footer-reveal"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TT68LSC2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!--[if lt IE 8]> <div style="z-index: 99999999999;"><p class="browserupgrade" >You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p></div> <![endif]--> <!--[if gt IE 8]><!--> <div class="loader-wrapper"> <div class="loader-circle"></div> </div> <!-- <![endif]--> <div id="wrapper"> <header class="cd-auto-hide-header white-bg-768"> <div class="logo index-mobile-logo"> <a href="index.html"> <img src="assets/img/sam-flag-new.svg" width="35" height="15" alt=""> </a> </div> <nav class="cd-primary-nav" id="large-logo"> <a href="#cd-navigation" class="nav-trigger hidden-md hidden-lg"> <span> <em aria-hidden="true"></em> </span> </a> <ul id="cd-navigation"> <li class="show-on-mobile-menu"><a href="index.html">Home</a></li> <li><a href="our-work/index.html">Our Work</a></li> <li><a href="what-we-do/index.html" class="no-120-padding-right">What We Do</a></li> <li class="index-center-logo scrollup logo-opacity hidden-xs"> <a href="index.html"> <object type="image/svg+xml" data="assets/img/sam-flag-new.svg"> <img src="assets/img/sam-flag-new.png" alt=""> </object> </a> </li> <li><a href="about-us/index.html" class="no-120-padding-left about-us-link">About Us</a></li> <li><a href="quote/index.html">Get A Quote</a></li> </ul> </nav> </header> <div id="main-content"> <section class="section height-full main-hero" style="background-color: #2d4c6f;"> <div class="video-wrapper"> <video playsinline autoplay loop muted id="video-background" class="video-class" data-vid-426="assets/video/webbg_loop02-blue-426.mp4" data-vid-640="assets/video/webbg_loop02-blue-640.mp4" data-vid-960="assets/video/webbg_loop02-blue-960.mp4" poster="assets/img/home/video-screenshot-02.png" type="video/mp4"></video> </div> <div class="table-wrapper"> <div class="container"> <div class="main-logo"> <object type="image/svg+xml" data="assets/img/home/summit-main-new.svg"> <img src="assets/img/home/summit-main-new.svg" alt=""> </object> </div> <header class="section-header"> <div class="container top-element" style="z-index: 12 !important;"> <div class="row top-text"> <div class="title title-center m-b-0" style="z-index: 1222 !important;"> <a href="assets/video/SAM-Reel-540p.mp4" class="popup-video-index"> <i class="nc-icon-glyph arrows-1_small-triangle-right c-white video-icon-dark"></i> </a> </div> <div class="col-md-6 col-md-offset-3"> <div class="we-design-sports"> <object type="image/svg+xml" data="assets/img/we-design-sports-logo.svg"> <img src="assets/img/we-design-sports-logo.png" alt=""> </object> </div> <p class="subtitle" style="color: white;">A Full-Service Creative Agency <br class="hidden-xs"> Specializing in Sports Marketing & Design </p> </div> </div> </div></header> </div> </div> </section> <section id="dream-team" class="section section-hg parallax"> <div class="container animated" data-animation="fadeIn" data-animation-delay="200"> <div class="row"> <div class="col-md-6"> <h2>We're Your Creative Dream Team.</h2> </div> </div> <div class="row"> <div class="col-md-6 col-lg-5 col-lg-offset-1"> <p class="lead">Blue chippers all around, our team is well-prepared to handle any challenge you throw at us.</p> </div> <div class="col-md-6"> <p class="l-vert-divide">Summit Athletic Media is an award-winning, full-service creative agency specializing in sports marketing and design. Founded in 1997, Summit offers a wide-range of creative and strategic services specifically for athletic teams and organizations.</p> </div> </div> <div class="row"> <div class="col-md-6 col-md-offset-6"> <a class="btn btn-primary btn-hg m-t-30" href="about-us/index.html"><span>ABOUT US</span></a> </div> </div> </div> </section> <section class="section section-page p-b-0 animated" data-animation="fadeIn" data-animation-delay="200"> <div class="container p-l-20"> <div class="row"> <div class="col-md-9"> <div class="page-title">Case Studies</div> <h2 class="m-b-10">Featured Projects</h2> <p class="lead">Our expertise in sports helps our clients reach their goals in marketing, fundraising, communications and ticketing.</p> </div> </div> </div> </section> <section class="section-portfolio"> <div class="container"> <div class="masonry grid grid-1 with-caption"> <div class="gallery"> <div class="item development animated" data-animation="fadeIn" data-animation-delay="200"> <div class="item-wrapper"> <div class="row"> <div class="col-md-6"> <div class="portfolio-medias"> <a href="our-work/case-studies/utahstate/index.html"> <figure class="he-1 portfolio-hover black darken-3"> <img src="assets/img/our-work/case-studies/img/utah-state-thumb.jpg" alt="Utah State Marketing Materials"> </figure> </a> </div> </div> <div class="col-md-6"> <div class="portfolio-desc"> <div class="row"> <div class="col-xs-8 col-sm-8 col-md-8"> <div class="title"> <h3>Just Our Type <small>Utah State Marketing Materials</small></h3> </div> </div> <div class="col-xs-4 col-sm-4 col-md-4"> <div class="logo"><img src="assets/img/our-work/case-studies/logos/USU.svg" class="" alt="" onerror="this.onerror=null; this.src='assets/img/our-work/case-studies/logos/USU.png'" width="102" height="120"></div> </div> </div> <a href="our-work/case-studies/utahstate/index.html" class="btn btn-secondary btn-lg m-t-20"><span>See Case Study</span></a> </div> </div> </div> </div> </div> <div class="item development animated" data-animation="fadeIn" data-animation-delay="200"> <div class="item-wrapper"> <div class="row"> <div class="col-md-6"> <div class="portfolio-medias"> <a href="our-work/case-studies/espn/index.html"> <figure class="he-1 portfolio-hover black darken-3"> <img src="assets/img/our-work/case-studies/img/espn-thumb.jpg" alt="ESPN EVENTS Marketing Materials"> </figure> </a> </div> </div> <div class="col-md-6"> <div class="portfolio-desc"> <div class="row"> <div class="col-xs-8 col-sm-8 col-md-8"> <div class="title"> <h3>A True Partnership<small>ESPN EVENTS Marketing Materials</small></h3> </div> <a href="our-work/case-studies/espn/index.html" class="btn btn-secondary btn-lg m-t-20"><span>See Case Study</span></a> </div> <div class="col-xs-4 col-sm-4 col-md-4"> <div class="logo"><img src="assets/img/our-work/case-studies/logos/espn.svg" class="" alt="" onerror="this.onerror=null; this.src='assets/img/our-work/case-studies/logos/espn.png'" width="102" height="120"></div> </div> </div> </div> </div> </div> </div> </div> <div class="item development animated" data-animation="fadeIn" data-animation-delay="200"> <div class="item-wrapper"> <div class="row"> <div class="col-md-6"> <div class="portfolio-medias"> <a href="our-work/case-studies/providence/index.html"> <figure class="he-1 portfolio-hover black darken-3"> <img src="assets/img/our-work/case-studies/img/providence-thumb.jpg" alt="Providence College Marketing Materials"> </figure></a></div> </div> <div class="col-md-6"> <div class="portfolio-desc"> <div class="row"> <div class="col-xs-8 col-sm-8 col-md-8"> <div class="title"> <h3>This is Friartown<small>Providence College Marketing Materials</small></h3> </div> <a href="our-work/case-studies/providence/index.html" class="btn btn-secondary btn-lg m-t-20"><span>See Case Study</span></a> </div> <div class="col-xs-4 col-sm-4 col-md-4"> <div class="logo"><img src="assets/img/our-work/case-studies/logos/providence.svg" class="" alt="" onerror="this.onerror=null; this.src='assets/img/our-work/case-studies/logos/TTU.png'" width="102" height="120"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-4 col-md-offset-4 animated" data-animation="fadeIn" data-animation-delay="200"> <a href="our-work/index.html" class="btn btn-primary btn-hg btn-block m-t-30"><span>See Case Studies</span></a> </div> </div> </div> </section> <section id="have-a-project" class="section section-page animated" data-animation="fadeIn" data-animation-delay="200"> <div class="container"> <div class="section-call-to-action action-right action-boxed grey lighten-4 m-t-40 m-b-40"> <div class="action-wrapper"> <div class="action-text"> <div class="row"> <div class="col-md-12"> <h2 class="m-b-0 m-t-0">Have a Project?</h2> <p class="lead">Contact us today.</p> </div> </div> <div class="row"> <div class="col-md-6"> <p>Tell us about your project and we'll get a quote right back to you.</p> </div> <div class="col-md-3 col-md-offset-3 action-btn"> <a href="quote/index.html" class="btn btn-primary btn-hg">get a <span>quote</span></a> </div> </div> </div> </div> </div> </div> </section> </div> <footer id="footer"> <div id="footer-main" class="container"> <div class="row"> <div class="col-md-4"> <div class="widget widget-text"> <img class="footer-logo" src="assets/img/home/summit-main-new.svg" alt="logo"> <p><i class="nc-icon-outline ui-1_home-minimal"></i> 11050 Cedar Walk Ln. Charlotte, NC 28277</p> <p><i class="nc-icon-outline ui-1_email-85"></i> <a href="mailto:info@summitathletics.com">info@summitathletics.com</a></p> <p><i class="nc-icon-outline tech_mobile"></i> <a href="tel:+1-704-341-8550" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Call us Now"> 704-341-8550</a></p> <p><i class="nc-icon-outline users_multiple-11"></i> <a href="careers/index.html">Careers</a></p> </div> </div> <div class="col-md-5"> <h4 class="text-center" style="padding-top: 6rem;">Tell us about your project and we'll get a quote right back to you.</h4> <div class="text-center"><a class="btn btn-primary btn-lg btn-bordered m-t-10" href="quote">get a quote <span>today</span></a></div> <div class="summit-script pull-right"></div> </div> </div> </div> <div id="footer-bottom"> <div class="container"> <div class="row"> <div class="col-sm-4 col-sm-push-8 col-md-7 col-md-push-5 hidden-sm-down icon-square icon-hover"> <a href="https://twitter.com/SummitAthletics" target="blank" class="icon-twitter"> <i class="fa fa-twitter"></i> <i class="fa fa-twitter"></i> </a> <a href="https://www.instagram.com/summitathletics/" target="blank" class="icon-instagram"> <i class="fa fa-instagram"></i> <i class="fa fa-instagram"></i> </a> <a href="https://www.facebook.com/SummitAthleticMedia/" target="blank" class="icon-facebook"> <i class="fa fa-facebook"></i> <i class="fa fa-facebook"></i> </a> <a href="https://www.behance.net/SummitAthletics" target="blank" class="icon-behance"> <i class="fa fa-behance"></i> <i class="fa fa-behance"></i> </a> </div> <div class="col-sm-8 col-sm-pull-4 col-md-5 col-md-pull-7"> <p class="copyright">© <span id="currentYear"></span> Summit Athletic Media. All Rights Reserved. </p> </div> </div> </div> </div> </footer> </div> <script src="assets/js/summitathletics.js?ckcachebust=326699BE24A297019B7A114A1712672A"></script> <script> const observer = lozad(); // lazy loads elements with default selector as '.lozad' observer.observe(); </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', 'https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-16788231-1', 'auto'); ga('send', 'pageview'); </script> <script> const videoSize = document.querySelector('.video-class') const vid426 = videoSize.getAttribute("data-vid-426") const vid640 = videoSize.getAttribute("data-vid-640") const vid960 = videoSize.getAttribute("data-vid-960") // const vid1280 = videoSize.getAttribute("data-vid-1280") // const vid1920 = videoSize.getAttribute("data-vid-1920") function setVidResponsive () { if (window.innerWidth < 426) { videoSize.setAttribute("src", vid426) } else if (window.innerWidth >= 426 && window.innerWidth < 640) { videoSize.setAttribute("src", vid640) } else if (window.innerWidth >= 640) { videoSize.setAttribute("src", vid960) } } setVidResponsive() window.addEventListener("resize", setVidResponsive) </script> </body> </html>