CINXE.COM
Services | Cool Blue Interactive
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <meta name="Generator" content="Drupal 11 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/core/misc/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="canonical" href="https://coolbluei.com/services" /> <link rel="shortlink" href="https://coolbluei.com/node/380" /> <title>Services | Cool Blue Interactive</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_m4owGl2WQyuvia6lnXA6QGtBZ1-8xJful5nlMZHWa4E.css?delta=0&language=en&theme=main&include=eJxFzEEKBCEMRNELSXukJmpoA4kJxgx4-xmwYXbv16IYtsa6G3nVD86ddWBVTgI08sNa4HXHqUe0UI5EG_AtOOK0Y12k4w1DbCXEksGEZ4J1z22GAV__5YphUZi8Y0u-_fedCzh-AZj4Ov0" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_BBEa-VOPLHbFS10ZhCpjbTUgaf3TuHxKKa9Evku4XLU.css?delta=1&language=en&theme=main&include=eJxFzEEKBCEMRNELSXukJmpoA4kJxgx4-xmwYXbv16IYtsa6G3nVD86ddWBVTgI08sNa4HXHqUe0UI5EG_AtOOK0Y12k4w1DbCXEksGEZ4J1z22GAV__5YphUZi8Y0u-_fedCzh-AZj4Ov0" /> </head> <body> <a href="#main-content" class="visually-hidden focusable"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <header class="main-header" role="banner" data-offset-top> <div id="block-main-site-branding"> <a href="/" rel="home"> <img class="logo" src="/themes/custom/main/assets/svg/logo.svg" alt="Home" /> </a> </div> <div class="modal-menu-trigger"> <i role="button" alt="Menu" class="fa-solid fa-bars"></i> </div> <div class="modal-menu"> <nav role="navigation" aria-labelledby="block-main-main-menu-menu" id="block-main-main-menu"> <h2 class="visually-hidden" id="block-main-main-menu-menu">Main navigation</h2> <ul> <li> <a href="/agency" title="About Cool Blue Interactive" data-drupal-link-system-path="node/378">Agency</a> </li> <li> <a href="/portfolio" title="See what Cool Blue Interactive has to offer" data-drupal-link-system-path="node/379">Portfolio</a> </li> <li> <a href="/services" title="See what Cool Blue Interactive has to offer" data-drupal-link-system-path="node/380" class="is-active" aria-current="page">Services</a> </li> <li> <a href="/Contact" title="Contact Us">Contact</a> </li> </ul> </nav> </div> </header> <main class="has-hero" role="main" data-offset-top> <a id="main-content" tabindex="-1"></a> <div data-drupal-messages-fallback class="hidden"></div> <div id="block-main-content"> <article> <div> <section class="hero"> <div class="section-content"> <div class="layout"> <div class="column"> <img loading="lazy" src="/sites/default/files/styles/hero/public/2023-02/array-of-digital-devices.jpeg?itok=wPmkYUmH" width="1280" height="720" alt="An array of digital devices" /> <div class="hero-content overlay"> <div class="headline"> An Award-Winning Digital Agency </div> <div class="subtitle"> We see things differently. </div> <i alt="Scroll down" class="fa-solid fa-circle-chevron-down"></i> </div> </div> </div> </div> </section> <div class="content"> <section class="scroll"> <h2> Digital Marketing </h2> <div class="section-content container"> <div class="layout one-column"> <div class="column"> <div class="item"> <img loading="lazy" src="/sites/default/files/styles/icon/public/2023-02/strategy%402x.png?itok=PSAm6xQe" width="100" height="100" alt="Strategy Icon" /> <div class="item-content"> <h4> Strategy </h4> We craft, plan, and execute a tailored web design and development strategy for seamless deployment. </div> </div> <div class="item"> <img loading="lazy" src="/sites/default/files/styles/icon/public/icons/design-development_0.png?itok=EU2gfSWH" width="100" height="100" alt="Design & Development icon" /> <div class="item-content"> <h4> Design & Development </h4> We fuse high-caliber visual design with the industry鈥檚 most advanced trends in websites, animation, motion graphics, email, landing pages, and mobile webpages </div> </div> </div> </div> </div> </section> <section class="highlighted"> <div class="section-content full-width"> <div class="layout one-column"> <div class="column"> <div class="speedbump"> <div class="headline"> <div class="visually-hidden">Headline</div> We can help you achieve your digital marketing goals. </div> <div class="cta"> <div class="visually-hidden">Link</div> <a href="/Contact">Contact Us</a> </div> </div> </div> </div> </div> </section> <section class="scroll"> <h2> Design and Development </h2> <div class="section-content container"> <div class="layout one-column"> <div class="column"> <div class="item"> <img loading="lazy" src="/sites/default/files/styles/icon/public/2023-02/user%20experience%402x.png?itok=hSpFwD3a" width="100" height="100" alt="User Experience Icon" /> <div class="item-content"> <h4> User Experience </h4> We utilize the following three approaches to establish a successful user experience: Information Architecture, Wireframes & Content Planning. </div> </div> <div class="item"> <img loading="lazy" src="/sites/default/files/styles/icon/public/2023-02/visual%20design%402x.png?itok=yw9OUmcs" width="100" height="100" alt="Visual Design Icon" /> <div class="item-content"> <h4> Visual Design </h4> We empower your digital presence with modern, user-centered web design that captivates audiences and drives meaningful engagement. </div> </div> </div> </div> </div> </section> <section class="highlighted"> <div class="section-content full-width"> <div class="layout one-column"> <div class="column"> <div class="speedbump"> <div class="headline"> <div class="visually-hidden">Headline</div> Our design and UX expertise will make your website shine and boost conversion. </div> <div class="cta"> <div class="visually-hidden">Link</div> <a href="/Contact">Contact Us</a> </div> </div> </div> </div> </div> </section> <section class="scroll"> <h2> Beyond the Web </h2> <div class="section-content container"> <div class="layout one-column"> <div class="column"> <div class="item"> <img loading="lazy" src="/sites/default/files/styles/icon/public/2023-02/cms%402x.png?itok=aDT_xmSx" width="100" height="100" alt="CMS Icon" /> <div class="item-content"> <h4> CMS </h4> We believe that a content management system (CMS) should be a solution, a prescription for the challenges you face when administering your website. </div> </div> </div> </div> </div> </section> <section class="collapsed highlighted"> <div class="section-content full-width"> <div class="layout one-column"> <div class="column"> <div class="speedbump"> <div class="headline"> <div class="visually-hidden">Headline</div> Let us help you grow your business. </div> <div class="cta"> <div class="visually-hidden">Link</div> <a href="/Contact">Contact Us</a> </div> </div> </div> </div> </div> </section> </div> </div> </article> </div> </main> <footer role="contentinfo"> <div class="footer-container"> <div class="footer-content"> <div class="logo"> <img class="logo" src="/themes/custom/main/assets/svg/logo.svg" alt="Home" /> </div> <div>404-626-6432</div> <div> <a class="button dark" role="button" href="/contact" />Contact Us</a> </div> </div> <div class="footer-content"> <nav role="navigation" aria-labelledby="block-footer-menu" id="block-footer"> <h2 class="visually-hidden" id="block-footer-menu">Footer</h2> <ul> <li> <a href="/agency" title="About Cool Blue Interactive" data-drupal-link-system-path="node/378">Agency</a> </li> <li> <a href="/portfolio" title="Cool Blue Interactive in action" data-drupal-link-system-path="node/379">Portfolio</a> </li> <li> <a href="/services" title="See what Cool Blue Interactive has to offer" data-drupal-link-system-path="node/380" class="is-active" aria-current="page">Services</a> </li> </ul> </nav> </div> </div> <div class="signature"> <div> 漏 Copyright 2024 Cool Blue Interactive </div> <div> <a href="/terms">Terms of Use</a> | <a href="privacy">Privacy Policy</a> </div> </div> </footer> <script> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'right', leadColor : '#146FF8', triggerColor : '#146FF8', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'bottom', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 10, triggerRadius : '20' } }); }; h.appendChild(s); })();</script> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/380","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"user":{"uid":0,"permissionsHash":"9f53c4c08e0487ebd61fd61c65de4bf24f1494e84e8d0f6f9b77b7ab9ec7432b"}}</script> <script src="/sites/default/files/js/js_TfQ2KZ-ij8sNvsO8LDcjGBBoqekryHbO5VcSVhKmJgI.js?scope=footer&delta=0&language=en&theme=main&include=eJxLzi9K1U8pKi1IzNFLySwuyElMTtXJTczM08_NT0nMic9NzSuF8ItTk0sy8_MA1tUS6g"></script> </body> </html>