eDesign Interactive | Turner Construction Company Website Build

<!DOCTYPE html> <html id="html" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>eDesign Interactive | Turner Construction Company Website Build | eDesign</title> <meta name="description" content="Turner Construction Company" /> <meta property="og:description" content="Turner Construction Company" /> <meta property="og:title" content="eDesign Interactive | Turner Construction Company Website Build | eDesign" /> <link rel="alternate" hreflang="en" href="https://edesigninteractive.com/portfolio/turner-construction-company" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image" content="https://edesigninteractive.com/images/edesign-og-image.jpg" /> <meta name="google-site-verification" content="4NTvTTVdAanBjjIGvppT8AB5sDAopwxxf67br4WKuHY" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#fff"> <link rel="icon" href="/images/fav.ico" type="image/gif" > <link rel="stylesheet" href="/case-studies/turner/css/turner.css?v=20240307" preload> <link rel="stylesheet" href="/css/style.css?v=20240207.2" preload>  <script type="text/javascript"> var _root = '/' , _root_full = 'https://edesigninteractive.com/' , _controller = 'portfolio' , _action = 'view' , _url_for = 'https://edesigninteractive.com/portfolio/turner-construction-company' , _lang = 'en' , _langs = '[{"name":"English"}]' , _base = 'https://edesigninteractive.com/' , _timezone_offset = '-5'; </script>  <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '509962736315210'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=509962736315210&ev=PageView&noscript=1"/> </noscript>   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-66869522-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-66869522-1'); </script> <script type="text/javascript"> _linkedin_partner_id = "1850098"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function () { var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript"; b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s); })(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=1850098&fmt=gif" /> </noscript> <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', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-66869522-1', 'auto'); ga('send', 'pageview'); </script> </head> <body id="body">  <script> // Function to check if the browser supports WebP function supportsWebP() { var elem = document.createElement('canvas'); if (!!(elem.getContext && elem.getContext('2d'))) { // was able or not to get WebP representation return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0; } return false; } // Function to replace image sources based on browser support function replaceImages() { $('img').each(function() { var originalSrc = $(this).attr('data-src') || $(this).attr('src') ; var webpSrc = originalSrc.replace(/\.(jpg|jpeg|png)$/, '.webp'); if (supportsWebP()) { if($(this).attr('src')){ $(this).attr('src', webpSrc); } if(!$(this).attr('data-src')){ $(this).attr('data-src', webpSrc); } } }); } document.addEventListener('DOMContentLoaded', function() { if(_controller === 'healthcare_marketing'){ replaceImages(); } }); </script> <div class="preloader"> <div class="preloader-box"> <div id="preloader"></div> </div> </div> <div class="cursor"> <div class="cursor__inner cursor__inner--circle"></div> <div class="cursor__inner cursor__inner--dot"></div> </div> <div class="cursor"> <div class="circle-cursor circle-cursor--inner"></div> <div class="circle-cursor circle-cursor--outer" data-width="100px" data-height="100px"> <span class="prev-cursor-arr"></span> <div class="cursor-in"> <img src="/images/icons/close_cursor.svg" alt="Close cursor" class="cursor-in-img none"> </div> <span class="next-cursor-arr"></span> <span class="next-click-cursor"> <img src="/images/icons/right-drag.svg" alt=""> </span> <span class="prev-click-cursor"> <img src="/images/icons/left-drag.svg" alt=""> </span> </div> </div> <div id="menu" class="menu"> <div class="menu-container"> <div class="menu-container-box"> <div class="menu-container-wrap center"> <div class="menu-link-box"> <div class="menu-link content__text"> <a href="/" class=" content__text-inner">Home</a> </div> </div> <div class="menu-link-box"> <div class="menu-link smaller"> <a href="/about" class="splitByLinesChars">About</a> </div> <span class="symbol_b op_0">/</span> <div class="menu-link smaller"> <a href="/team" class="splitByLinesChars">Team</a> </div> <span class="symbol_b op_0">/</span> <div class="menu-link smaller"> <a href="/careers" class="splitByLinesChars">Careers</a> </div> </div> <div class="menu-link-box"> <div class="menu-link active"> <a href="/portfolio"> <span class="text-b-b splitByLinesChars">Projects</span> <button class="text-b btn red op_0">View our portfolio </button> </a> </div> </div> <div class="menu-link-box"> <div class="menu-link"> <a href="/services" class="splitByLinesChars">Services</a> </div> </div> <div class="menu-link-box"> <div class="menu-link"> <a href="/blog" class="splitByLinesChars">Blog</a> </div> </div> <div class="menu-link-box"> <div class="menu-link"> <a href="/contact" class="splitByLinesChars">Contact</a> </div> </div> <div class="menu-link-box-social"></div> <div class="menu-privacy-policy-links mpp op_0"> <a href="/terms">Terms and Conditions</a> </div> </div> </div> </div> </div> <span class="hover-circle-inner burger-menu hover-circle-box" id="burgerMenu"> <div class="hover-circle"> <div class="parallaxMoveElem parallaxMoveCircle"></div> </div> <div class="sticked-circle"></div> <svg class="ham hamRotate ham1 none" viewBox="0 0 100 40" width="60"> <path class="line top" d="m 30,0 h 40 c 0,0 9.044436,-0.654587 9.044436,-8.508902 0,-7.854315 -8.024349,-11.958003 -14.89975,-10.85914 -6.875401,1.098863 -13.637059,4.171617 -13.637059,16.368042 v 40"></path> <path class="line middle" d="m 30,17 h 40"></path> <path class="line bottom" d="m 30,35 h 40 c 12.796276,0 15.357889,-11.717785 15.357889,-26.851538 0,-15.133752 -4.786586,-27.274118 -16.667516,-27.274118 -11.88093,0 -18.499247,6.994427 -18.435284,17.125656 l 0.252538,40"></path> </svg> <span id="hamburgerAnimation"></span> </span> <h1 class="hover-circle-inner header-logo op_0"> <a aria-label="logo link" href="/" class=""> <svg version="1.1" viewBox="0 0 51.035 50.929"> <path fill="#FFF" d="M31.417 50.929c3.238-.162 4.868-1.05 7.45-4.046 2.582-2.998 3.443-3.448 6.452-6.229 3.01-2.781 3.238-8.516 3.195-10.564-.042-2.05.555-9.72 2.277-17.359 1.723-7.641-6.275-6.406-7.379 2.678-.932 9.149-5.697 6.431-9.177 1.103-3.479-5.326-8.245-13.388-9.518-15.368-1.272-1.982-3.669-.881-4.125-.435-.456.445-2.143.967.476 5.504 2.619 4.536 6.147 11.39 6.555 12.354.408.962-.659 1.084-1.746.229-1.084-.854-13.047-11.698-14.719-13.178-1.672-1.483-3.096-1.03-4.319.204-1.223 1.237-.679 2.9.87 4.465 1.549 1.566 12.319 12.806 13.765 14.316 1.113 1.164-.113 2.459-2.057 1.231-1.945-1.228-12.647-8.738-13.797-9.516-1.15-.776-2.62-1.059-4.293.529s.123 3.565.735 4.111c.612.544 14.294 10.747 15.274 11.359.98.613.799 2.883-1.921 1.771-2.72-1.113-9.693-4.159-11.151-4.662-1.458-.505-3.211-1.104-4.04 1.144-.828 2.248.726 2.888 3.267 4.354 2.904 1.678 14.644 9.945 17.937 12.687 4.09 3.404 9.989 3.318 9.989 3.318z"/> </svg> </a> </h1> <div class="copyright-box op_0"> <div class="copyright vTextLR">© 2004-2024</div> </div> <div class="burger-box op_0"> <div class="burger"> <div class="burger-text"></div> <div class="burger-dots"></div> </div> </div> <a aria-label="Contact us" href="/contact" class="get-in-touch-box op_0"> <div class="get-in-touch vTextLR"> <div class="get-in-touch-icon"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18.667px" height="22.834px" viewBox="0 0 18.667 22.834" enable-background="new 0 0 18.667 22.834" xml:space="preserve"> <path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M1.167,20.065V2.923c0-0.785,0.625-1.429,1.388-1.429h10.102 c0.764,0,1.388,0.644,1.388,1.429v2.858h3.123l-3.123,3.713v10.571c0,0.787-0.624,1.431-1.388,1.431H2.554 C1.791,21.496,1.167,20.853,1.167,20.065z"/> <path id="contact-us-2" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M7.278,5.505 c0.553,0,1,0.447,1,1c0,0.551-0.447,1-1,1s-1-0.449-1-1C6.278,5.953,6.725,5.505,7.278,5.505z"/> <path id="contact-us-3" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M7.278,15.506 c0.553,0,1,0.447,1,1c0,0.551-0.447,1-1,1s-1-0.449-1-1C6.278,15.953,6.725,15.506,7.278,15.506z"/> <path id="contact-us-4" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M7.278,10.506 c0.553,0,1,0.447,1,1c0,0.551-0.447,1-1,1s-1-0.449-1-1C6.278,10.953,6.725,10.506,7.278,10.506z"/> </svg> </div> <div class="get-in-touch-text"><span>Get in touch</span></div> </div> </a> <div class="social-icons-box op_0"> <div class="social-icons"> <a rel="noopener" aria-label="Facebook" href="https://www.facebook.com/edesigninteractive/" target="_blank" class="social-icon fb"> <svg xmlns="http://www.w3.org/2000/svg" width="6.737" height="13.962"><path fill="#FFF" d="M6.737 4.506H4.454V3.078c0-.552.399-.661.628-.661h1.599V0H4.454C1.941 0 1.428 1.812 1.428 2.913v1.593H0v2.476h1.428v6.98h3.026v-6.98h2.055l.228-2.476z"/></svg> </a> <a rel="noopener" aria-label="Twitter" href="https://twitter.com/We_Are_eDesign" target="_blank" class="social-icon tw"> <svg width="14.361" height="13"> <defs> <style> .cls-1 { fill: #fff; stroke-width: 0px; } </style> </defs> <path class="cls-1" d="M11.305.01h2.203l-4.811,5.497,5.659,7.48h-4.43l-3.472-4.536-3.968,4.536H.281l5.144-5.88L0,.01h4.542l3.135,4.146L11.305.01ZM10.532,11.671h1.22L3.878,1.258h-1.31l7.964,10.413Z"/> </svg>  </a> <a rel="noopener" aria-label="Instagram" href="https://instagram.com/edesign_interactive/" target="_blank" class="social-icon in"> <svg xmlns="http://www.w3.org/2000/svg" width="13.474" height="13.141" viewBox="299.5 953.424 13.474 13.141"><path fill="#FFF" d="M310.383 953.424h-8.292c-1.439 0-2.591 1.122-2.591 2.526v8.088c0 1.403 1.15 2.526 2.591 2.526h8.292c1.438 0 2.591-1.123 2.591-2.526v-8.088c0-1.405-1.152-2.526-2.591-2.526zm.748 1.515h.288v2.245h-2.304v-2.245h2.016zm-6.794 3.707c.402-.563 1.15-.955 1.899-.955.748 0 1.497.393 1.899.955.288.394.461.844.461 1.347 0 1.292-1.094 2.305-2.36 2.305-1.266 0-2.361-1.013-2.361-2.305 0-.504.174-.954.462-1.347zm7.312 5.392c0 .675-.575 1.235-1.267 1.235h-8.292c-.69 0-1.268-.563-1.268-1.235v-5.393h2.017a3.532 3.532 0 0 0-.288 1.347c0 1.969 1.67 3.597 3.686 3.597s3.686-1.628 3.686-3.597a3.56 3.56 0 0 0-.287-1.347h2.015l-.002 5.393z"/></svg> </a> <a rel="noopener" aria-label="behance" href="https://www.behance.net/edesignbg" target="_blank" class="social-icon be"> <svg xmlns="http://www.w3.org/2000/svg" width="14.316" height="8.216" viewBox="298.342 955.279 14.316 8.216"><path fill="#FFF" d="M311.271 956.441h-3.587v-.82h3.587v.82zm-5.975 3.372c.23.329.347.729.347 1.202 0 .484-.13.926-.396 1.311-.166.254-.38.474-.63.646-.284.2-.619.337-1.006.411a6.803 6.803 0 0 1-1.258.111h-4.011v-8.216h4.302c1.084.018 1.853.307 2.307.874.272.352.407.769.407 1.256 0 .502-.137.902-.411 1.208-.152.171-.38.327-.679.469.454.154.797.394 1.028.728zm-4.9-1.294h1.885c.389 0 .701-.068.941-.203.241-.137.36-.377.36-.723 0-.385-.158-.637-.479-.76-.273-.086-.625-.129-1.051-.129h-1.658l.002 1.815zm3.37 2.378c0-.428-.188-.724-.566-.881-.211-.089-.509-.136-.891-.139h-1.912v2.188h1.883c.387 0 .687-.046.901-.143.389-.179.585-.519.585-1.025zm8.836-1.336c.043.269.063.658.055 1.169h-4.646c.024.591.247 1.004.667 1.24.253.148.561.221.92.221.379 0 .688-.088.926-.268.129-.099.243-.232.342-.406h1.703c-.045.351-.25.704-.618 1.063-.569.572-1.371.858-2.398.858-.851 0-1.599-.241-2.248-.723-.647-.484-.974-1.271-.974-2.357 0-1.021.292-1.802.879-2.348.589-.545 1.347-.815 2.281-.815a3.95 3.95 0 0 1 1.501.274c.444.186.813.477 1.103.872.259.352.427.76.507 1.22zm-1.676.154c-.031-.408-.181-.719-.446-.931-.265-.212-.595-.318-.989-.318-.428 0-.76.112-.994.339-.236.222-.385.524-.444.91h2.873z"/></svg> </a> </div> </div> <div class="line l1 anim-line"></div> <div class="line l2 anim-line"></div> <div class="line l3 anim-line"></div> <div class="line l4 anim-line"></div> <div class="line l5 anim-line"></div> <div class="scroll-down op_0 scroll_down"> <div class="scroll-down-text vTextLR">Scroll down</div> <div class="scroll-down-icon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="11px" height="36.189px" viewBox="0 0 11 36.189" enable-background="new 0 0 11 36.189" xml:space="preserve"> <g> <line class="stroke-1" fill="none" stroke="#000000" stroke-width="3.0556" stroke-miterlimit="10" x1="5.5" y1="0" x2="5.5" y2="13.556"/> <g> <line class="stroke-2" fill="none" stroke="#000000" stroke-width="1.0316" stroke-miterlimit="10" stroke-dasharray="18.9727" x1="5.5" y1="36.189" x2="5.5" y2="17.216"/> </g> <g><polygon class="stroke-3" points="0,11.946 5.5,21.472 11,11.946 "/></g></g> </svg> </div> </div> <div class="scroll-down op_0 scroll_up none"> <div class="scroll-down-text vTextLR">Scroll up</div> <div class="scroll-down-icon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="11px" height="36.189px" viewBox="0 0 11 36.189" enable-background="new 0 0 11 36.189" xml:space="preserve"> <g> <line class="stroke-1" fill="none" stroke="#000000" stroke-width="3.0556" stroke-miterlimit="10" x1="5.5" y1="0" x2="5.5" y2="13.556"/> <g> <line class="stroke-2" fill="none" stroke="#000000" stroke-width="1.0316" stroke-miterlimit="10" stroke-dasharray="18.9727" x1="5.5" y1="36.189" x2="5.5" y2="17.216"/> </g> <g><polygon class="stroke-3" points="0,11.946 5.5,21.472 11,11.946 "/></g></g> </svg> </div> </div> <div class="progress" id="progress"></div> <div class="rotate-screen">  <div id="screenrotation"></div> </div> <div> <div class="viewport"> <div id="my-scrollbar" > <div class="content scroll-content "> <div data-scroll-container class="smooth-scroll-wrapper turner-casestudy change-color light"> <section class="turner-hero prel"> <div class="turner-wrapper anim-block"> <div class="turner-hero-text"> <h1 class="turner-title fs-70 white" data-anim-type="chars">Turner Construction Company</h1> <p class="turner-para fade-after">Redesigning the website of a global construction giant</p> <a href="https://www.turnerconstruction.com/" rel="noopener noreferrer" target="_blank" class="btn-case-default white-border-blue-bgr inline_block prel center fade-after"> <span class="btn-bgc abs-cover-el inline_block"></span> <span class="btn-txt prel inline_block txt-size-12-d txt-size-14-m lh-1 ff-helvetica-roman ltr-spc-pos-0_05"> View website </span> </a> </div> <div class="turner-hero-img fade-in-up"> <video aria-hidden="true" preload="none" class="turner-desktop-hero" src="/images/casestudies/turner/turner-case-video.mp4" muted="true" loop autoplay playsinline></video> </div> </div> </section>  <section class="turner-summary change-color dark"> <div class="turner-wrapper anim-block"> <div class="turner-summary-txt inline_block col-d-50 col-t-50 col-m-100"> <h2 class="turner-title fs-70 turner-black" data-anim-type="chars">A Comprehensive Revamp</h2> <p class="turner-para fs-24 turner-black fade-after">We executed a comprehensive website redesign, enhancing the UX with advanced personalization and a specialized recruitment microsite. Our strategy incorporated interactive elements, seamless legacy integration, and a focus on growth, significantly boosting Turner's digital footprint and aligning with their future goals.</p> </div> <div class="inline_block col-d-50 col-t-50 col-m-100 center"> <img class="fade-after" src="/images/casestudies/turner/turner-logo.svg" alt="Turner Construction Logo"> </div> </div> </section>  <section class="turner-quote change-color dark"> <div class="turner-big-wrapper prel anim-block"> <img class="quote-mark fade-after" src="/images/casestudies/turner/quote-mark.svg" alt="Quote"> <h2 class="turner-title fs-88 turner-black" data-anim-type="chars"> Designing for Turner, with its decentralized marketing teams across regions, our goal was to create a website blending local content flexibility with <span>global</span> brand consistency. </h2> <div class="quote-author fade-after"> <span class="quote-author-line"></span> <p class="turner-para fs-24 turner-black">Jeff Nordstedt, Director of UX</p> </div> </div> </section>  <section class="turner-technical prel anim-block change-color dark"> <img class="tech-imgs tech1 fade-in" src="/images/casestudies/turner/tech1.png" alt="Turner Technical"> <img class="tech-imgs tech2 fade-in" src="/images/casestudies/turner/tech2.png" alt="Turner Technical"> <img class="tech-imgs tech3 fade-in" src="/images/casestudies/turner/tech3.png" alt="Turner Technical"> <img class="tech-imgs tech4 fade-in" src="/images/casestudies/turner/tech4.png" alt="Turner Technical"> <div class="turner-wrapper"> <div class="inline_block col-d-50 col-t-50 col-m-100 center"> </div> <div class="turner-summary-txt inline_block col-d-50 col-t-50 col-m-100"> <div class="tech-inner"> <h2 class="turner-title fs-70 turner-black" data-anim-type="chars">Website Built</h2> <p class="turner-para fs-24 turner-black fade-after"> Web Design, UX/UI Design, Responsive Design, Front and Back-End Development, Motion Graphics, Web Animation, Project Management, Third-party Integrations, CakePHP Custom CMS, GDPR Compliance, WCAG AA Conformance, Web Accessibility, SEO. </p> </div> </div> </div> </section>  <section class="turner-tldr"> <div class="turner-big-wrapper anim-block"> <div class="turner-tldr-block ov-hidden"> <img class="turner-bg-logo" src="/images/casestudies/turner/turner-bg-text.svg" alt="Turner Logo"> <h3 class="turner-title fs-88 white fade-after">In a Nutshell</h3> <div class="turner-tldr-txt"> <p class="turner-para fs-24 fade-after"> <span>One of the largest builders globally, Turner Construction Company has a team of 10,000 employees and completes a staggering $15 billion worth of construction across 1,500 projects annually. The company consistently delivers awe-inspiring architectural marvels like the Burj Khalifa or the SoFi Stadium. </span> <br><br> Turner's website redesign was a great challenge in terms of ambition and duration. Our team needed to address the specific requirements of separate regional offices, emphasizing their portfolios and expertise. </p> <p class="turner-para fs-24 fade-after"> Simultaneously, the redesign aimed to cover a broad spectrum of corporate topics, including Turner's values, services, projects, and career opportunities. Considering the extensive scope of this global brand, a unique strategy was necessary to successfully complete this project. <br><br> Image selection played a central role in shaping the design narrative. Our goal was to craft a website radiating boldness and innovation. The new design captures the awe of Turner's work and leaves a lasting impression on visitors. </p> </div> </div> </div> </section>  <section class="turner-technical prel anim-block slogan-imgs"> <img class="slogan-img slogan3 fade-in slogan-desktop" src="/images/casestudies/turner/slogan3-no-stroke.png" alt="Slogan"> <img class="slogan-img slogan3 fade-in slogan-mobile" src="/images/casestudies/turner/slogan3.png" alt="Slogan"> <div class="path-stroke slogan-desktop"><img src="/images/casestudies/turner/stroke.png" alt="Stroke"></div> <img class="slogan-img slogan1 fade-in" src="/images/casestudies/turner/slogan1.png" alt="Slogan"> <img class="slogan-img slogan2 fade-in" src="/images/casestudies/turner/slogan2.png" alt="Slogan"> <div class="turner-wrapper"> <div class="inline_block col-d-50 col-t-50 col-m-100 center"> </div> <div class="turner-summary-txt inline_block col-d-50 col-t-50 col-m-100"> <div class="slogan-inner"> <h2 class="turner-title fs-70 turner-black" data-anim-type="chars">The Messaging</h2> <p class="turner-para fs-24 turner-black fade-after">Through extensive research and employee interviews, we gained deep insights into the exceptional individuals and deeply ingrained corporate values at Turner. This exploration inspired us to create the tagline <strong><i>"Building what matters to you,"</i></strong> perfectly capturing Turner's essence. <br><br> The previous website merely showcased projects across various locations, missing the emptional connection their brand can make with audiences of all types. Recognizing and addressing this gap became a pivotal moment in our transformational journey. </p> </div> </div> </div> </section>  <section class="turner-tldr wireframe"> <div class="turner-big-wrapper anim-block"> <div class="turner-tldr-block"> <h3 class="turner-title fs-88 white" data-anim-type="chars">Discovery to Define</h3> <div class="turner-tldr-txt"> <p class="turner-para fs-24 fade-after"> <span>As with all our projects, we immersed ourselves in Turner's world and delved into identifying specific website pain points and challenges. We interviewed over 30 leaders across Turner's business. </span> </p> <p class="turner-para fs-24 fade-after"> Turner's website caters to three distinct audience segments: individuals seeking to hire Turner, potential employees considering a career at Turner, and the larger community, including government officials and environmental advocates. <br><br> eDesign's team analyzed the project imperatives and mapped personas to understand Turner's corporate positioning. Then, we searched for the overarching emotional need shared by all our audiences. In Turner's case, this unifying feeling is the desire to make a meaningful project, career, or future. </p> </div> </div> </div> <div class="wireframe-imgs anim-block"> <img class="fade-in wireframe-img1" src="/images/casestudies/turner/wireframe1.png" alt="Turner wireframe"> <img class="fade-in wireframe-img2" src="/images/casestudies/turner/wireframe2.png" alt="Turner wireframe"> </div> </section>  <section class="turner-img-txt-col"> <div class="turner-big-wrapper with-shadow anim-block"> <div class="turner-flex-cols a-center"> <div class="turner-img-txt-img-side col-d-50 col-t-50"> <img class="fade-in" src="/images/casestudies/turner/turner-megamenu.png" alt="Turner Construction Megamenu"> </div> <div class="turner-img-txt-txt-side col-d-50 col-t-50"> <h2 class="turner-title fs-70 turner-black" data-anim-type="chars"> Tailored <span>Navigation</span> </h2> <p class="turner-para fs-24 turner-black fade-after"> Recognizing the different objectives of each audience segment was crucial in addressing their specific needs. However, designing an intuitive navigation system that caters to all of Turner's audiences simultaneously was challenging. </p> </div> </div> <div class="turner-flex-cols a-center"> <div class="turner-img-txt-txt-side col-d-50 col-t-50"> <p class="turner-para fs-24 turner-black fade-after"> To strike a balance, we implemented smart user preferences and organized the menu around quick access to relevant content. The hero section and calls to action include personalized options, helping users navigate the website. This tailored approach ensures that each audience segment can easily access the content and features most relevant to their unique requirements, resulting in a user-friendly experience for all visitors. </p> </div> <div class="turner-img-txt-img-side col-d-50 col-t-50 turner-flex-cols"> <img class="fade-after" src="/images/casestudies/turner/turner-mobile-menu.png" alt="Turner Construction Megamenu"> <img class="fade-after" src="/images/casestudies/turner/turner-mobile-menu2.png" alt="Turner Construction Megamenu"> <img class="fade-after" src="/images/casestudies/turner/turner-mobile-menu3.png" alt="Turner Construction Megamenu"> </div> </div> </div> </section>  <section class="turner-marketing anim-block"> <div class="turner-big-wrapper"> <div class="turner-marketing-inner"> <h2 class="turner-title fs-70 turner-black">New <span>Marketing Tools</span></h2> <p class="turner-para fs-24 turner-black two-p fade-after"> Turner operates many decentralized marketing teams spread across multiple regional offices. Our task was to design a website that allows for flexibility in showcasing local content while ensuring consistency across borders. Achieving a balance between customization and design standards required innovative thinking. Our aim was to empower local teams while upholding Turner's brand image and message. eDesign introduced a "News and Insights" section, providing marketers with the ability to generate compelling content beyond conventional press releases. This new feature empowers Turner to easily share case studies, project photos, and success stories, thereby broadening their scope for content creation. Marketers were thrilled upon discovering the web space we designed specifically for them, offering a seamless avenue to craft and publish engaging stories. </p> </div> </div> <div class="turner-marketing-imgs"> <img class="fade-after" src="/images/casestudies/turner/marketing-tools.png" alt="Marketing tools"> <img class="fade-after" src="/images/casestudies/turner/marketing-tools2.png" alt="Marketing tools"> </div> </section>  <section class="turner-challenges anim-block"> <div class="turner-small-wrapper mar-bottom"> <h2 class="turner-title fs-70 turner-black splitByChars">Construction Hurdles</h2> <p class="turner-para fs-24 turner-black two-p fade-after"> The objective of the website redesign was to elevate the old site, integrate many legacy materials, and plan for future development. Designing a more modern web presence and prioritizing users’ needs required careful negotiation. Navigating a complex stakeholder network meant influencing senior leadership through intermediaries. Dealing with the complexities of a large corporate structure, especially without direct access to decision-makers, resulted in a complicated and prolonged process. Overcoming these challenges required extensive brainstorming, strategic planning, iterative design, and meticulous execution. <br /> <br /> The back-end programming posed another hurdle, as legacy content needed to be migrated to the new architecture. With thousands of pieces of content and tags involved, manual migration was impractical, so we devised clever methods to map and move the information while improving its organization and usability. </p> </div> </section>  <section class="turner-microsite turner-flex-cols a-center anim-block change-color light"> <div class="microsite-inner"> <div class="microsite-imgs"> <img class="fade-in microsite-img1 microsite-img" src="/images/casestudies/turner/microsite1.png" alt="Microsite first"> <img class="fade-in microsite-img2 microsite-img" src="/images/casestudies/turner/microsite2.png" alt="Microsite first"> </div> <div class="microsite-txt"> <div class="deco-circle"></div> <h2 class="turner-title fs-70 white splitByChars">Recruitment Microsite</h2> <p class="turner-para fs-24 fade-after"> <span>We took pride in launching join.Turnerconstruction.com, a dedicated website for student recruitment, highlighting Turner's commitment to fostering talent and attracting passionate individuals.</span> <br> <br> The microsite illustrates Turner's unique career opportunities. It serves as a complementary platform to the main website and places a strong emphasis on diversity and inclusion. The site positions Turner as an employer of choice for engineering students, showcasing the company's commitment to innovation and personalized career growth. <br> <br> The microsite launched ahead of the main website release and played a significant role in developing a corporate design system and efficient content management. </p> </div> </div> </section>  <section class="turner-challenges anim-block change-color dark"> <div class="turner-small-wrapper mar-bottom"> <h2 class="turner-title fs-70 turner-black splitByChars">CMS</h2> <p class="turner-para fs-24 turner-black two-p fade-after"> We built the website using a custom Content Management System (CMS) based on the CakePHP framework, specifically tailored to meet Turner's requirements. <br><br> The CMS we developed is highly robust. Its interface is intuitive and easy to use. Any employee with no technical skills can edit content, create new web pages, and add beautifully pre-designed blocks of information. eDesign’s customs CMS gives Turner the flexibility to administer every page individually. The CMS was built to scale as content grows, traffic increases, and marketing technology platforms are added. Our back-end development team fine-tuned the code to deliver fast loading times, efficient database queries, and overall enhanced performance, resulting in a better user experience. We also made sure the CMS is completely secure and protected against vulnerabilities. </p> </div> </section>  <section class="case-study-slider-section change-color dark"> <div class="case-study-slider-box"> <div class="case-study-slider swiper-container" id="caseStudySlider"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="case-study-slider-img-box-outer"> <div class="case-study-slider-img-box"> <img src="/images/casestudies/turner/slide1.jpg" alt=""> </div> <div class="case-study-slider-desc-box"> <div class="case-study-slider-desc-icon"><img src="/images/icons/down-angle-arrow-black.png" alt=""></div> <div class="case-study-slider-desc-text">All of Turner’s projects are consolidated onto a single page, offering refined search capabilities by keyword, location, scope of work, or industry.</div> </div> </div> </div> <div class="swiper-slide"> <div class="case-study-slider-img-box-outer"> <div class="case-study-slider-img-box"> <img src="/images/casestudies/turner/slide2.jpg" alt=""> </div> <div class="case-study-slider-desc-box"> <div class="case-study-slider-desc-icon"><img src="/images/icons/down-angle-arrow-black.png" alt=""></div> <div class="case-study-slider-desc-text">Video hero banner with intuitive header navigation.</div> </div> </div> </div> <div class="swiper-slide"> <div class="case-study-slider-img-box-outer"> <div class="case-study-slider-img-box"> <img src="/images/casestudies/turner/slide3.jpg" alt=""> </div> <div class="case-study-slider-desc-box"> <div class="case-study-slider-desc-icon"><img src="/images/icons/down-angle-arrow-black.png" alt=""></div> <div class="case-study-slider-desc-text">A sophisticated contact form is prominently placed in the header menu.</div> </div> </div> </div> <div class="swiper-slide"> <div class="case-study-slider-img-box-outer"> <div class="case-study-slider-img-box"> <img src="/images/casestudies/turner/slide4.jpg" alt=""> </div> <div class="case-study-slider-desc-box"> <div class="case-study-slider-desc-icon"><img src="/images/icons/down-angle-arrow-black.png" alt=""></div> <div class="case-study-slider-desc-text">It was challenging to display both portrait and landscape images in the header of a project's inner page, but our design team devised a smart and elegant solution.</div> </div> </div> </div> <div class="swiper-slide"> <div class="case-study-slider-img-box-outer"> <div class="case-study-slider-img-box"> <img src="/images/casestudies/turner/slide5.jpg" alt=""> </div> <div class="case-study-slider-desc-box"> <div class="case-study-slider-desc-icon"><img src="/images/icons/down-angle-arrow-black.png" alt=""></div> <div class="case-study-slider-desc-text">Detailed specifications for each project are readily accessible.</div> </div> </div> </div> <div class="swiper-slide"> <div class="case-study-slider-img-box-outer"> <div class="case-study-slider-img-box"> <img src="/images/casestudies/turner/slide6.jpg" alt=""> </div> <div class="case-study-slider-desc-box"> <div class="case-study-slider-desc-icon"><img src="/images/icons/down-angle-arrow-black.png" alt=""></div> <div class="case-study-slider-desc-text">The modular design enables CMS users to easily create new pages by selecting from a range of pre-designed components and incorporating them into the navigation.</div> </div> </div> </div> <div class="swiper-slide"> <div class="case-study-slider-img-box-outer"> <div class="case-study-slider-img-box"> <img src="/images/casestudies/turner/slide7.jpg" alt=""> </div> <div class="case-study-slider-desc-box"> <div class="case-study-slider-desc-icon"><img src="/images/icons/down-angle-arrow-black.png" alt=""></div> <div class="case-study-slider-desc-text">Creating, editing, and moderating content, as well as authorizing its publication, are all managed within the CMS, distinguishing between different user groups: content contributors, editors, and moderators.</div> </div> </div> </div> </div> </div> </div> </section>  <section class="turner-challenges anim-block change-color dark"> <div class="turner-small-wrapper mar-bottom"> <h2 class="turner-title fs-70 turner-black" data-anim-type="chars">A 44.8% spike since launch</h2> <p class="turner-para fs-24 turner-black two-p fade-after"> Our collaboration with Turner Construction Company resulted in the creation of a compelling online presence. We translated Turner's unique requirements into a modern experience with a user-friendly design that communicates the company's core values and expertise to a wide range of audiences, instilling a sense of purpose and passion. <br><br> The enhanced corporate website features video backgrounds for an immersive user experience. <br /><br /> <br><br> It includes modular building capabilities and empowers the regional marketing teams to manage localized content effectively. <br><br> Turner's outdated site underwent a remarkable transformation. Website sessions soared to 261,005, a 44.8% spike since launch, spanning all countries and channels. We take pride in moving the company ahead of their previous web presence. While we have achieved significant success, there is further potential for modernization to fully reflect this dynamic and amazing company. </p> </div> </section>  <section class="prel change-color dark casestudy-inner-page fast-facts-section"> <div class="section-wrap"> <div class="section-offset"> <div class="content-offset "> <div class="casestudies-box"> <div class="casestudies-grid cf"> <div class="facts-slider-box anim-fast-facts"> <div class="facts-slider-title anim-title op_0 splitByLinesChars mobile-offset">Fast Facts</div> <div class="facts-slider-outer-box mobile-offset"> <div class="facts-slider swiper-container" id="factsSlider"> <div class="swiper-wrapper"> <div class="swiper-slide anim-stager"> <div class="facts-slider-slide-box"> <div class="facts-slider-num"> <span class="awards-c" data-start="0" data-end="2">2</span> </div> <div class="facts-slider-text"> Years to complete </div> </div> </div> <div class="swiper-slide anim-stager"> <div class="facts-slider-slide-box"> <div class="facts-slider-num"> <span class="awards-c" data-start="0" data-end="200">0</span> <sup>h</sup> </div> <div class="facts-slider-text"> UX design </div> </div> </div> <div class="swiper-slide anim-stager"> <div class="facts-slider-slide-box"> <div class="facts-slider-num"> <span class="awards-c" data-start="0" data-end="1">0</span> </div> <div class="facts-slider-text"> Figma file as large as a city </div> </div> </div> <div class="swiper-slide anim-stager"> <div class="facts-slider-slide-box"> <div class="facts-slider-num"> <span class="awards-c" data-start="0" data-end="1">0</span> </div> <div class="facts-slider-text"> Custom CMS </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <div class="content-grid cf"> <div class="text-col p0 c_b"> <div id="social-feed-slider" class="drag-nav"> <div class="social-feed-slider-conatiner swiper-container op_0 drag-section"> <div class="social-feed-slider-wrapper swiper-wrapper"> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/theatre-development-fund-tdf" title="TDF"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/34/others/tdf-thumb-small2_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.tdf.org/</span> </div> </a> </div>  <a href="/portfolio/theatre-development-fund-tdf" class="title sm mobile-offset plr tplr mobile-offset c_b bx">TDF</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Non Profit</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/synack" title="Synack"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/33/others/synack-big-thumb_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.synack.com/</span> </div> </a> </div>  <a href="/portfolio/synack" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Synack</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Software & Electronics</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/sekure-merchants" title="Sekure Merchants"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/31/others/sekure-thumb_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://sekuremerchants.com/</span> </div> </a> </div>  <a href="/portfolio/sekure-merchants" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Sekure Merchants</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/wimpy-kid" title="Wimpy Kid"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/30/others/wimpykid-thumb_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://wimpykid.com/</span> </div> </a> </div>  <a href="/portfolio/wimpy-kid" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Wimpy Kid</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Publishing</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <span class="social-feed-slide-inner-box prel"> <h3 class="title m s">More <br /> projects</h3> <p class="text m op_03 _s"> <span class="text n">We use the power of digital technology to engage your audience...</span> </p> <div class="btn-box mt"> <a href="/portfolio" class="btn red anim-txt-b op_0">View portfolio</a> </div> </span> </div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/fastmail" title="Fastmail"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/28/others/fastmail-290x290-thumb-list_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://fastmail.edesigninteractive.com</span> </div> </a> </div>  <a href="/portfolio/fastmail" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Fastmail</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/associated-press" title="Associated Press Content Services"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/27/others/ap-209x209_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://contentservices.ap.org/</span> </div> </a> </div>  <a href="/portfolio/associated-press" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Associated Press Content Services</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/medspeed" title="MedSpeed"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/29/others/medspeed-290x290-thumb-list_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.medspeed.com/</span> </div> </a> </div>  <a href="/portfolio/medspeed" class="title sm mobile-offset plr tplr mobile-offset c_b bx">MedSpeed</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Healthcare</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/lasernetus" title="LaserNetUS"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/26/others/lasernetus-209x209_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://lasernetus.org/</span> </div> </a> </div>  <a href="/portfolio/lasernetus" class="title sm mobile-offset plr tplr mobile-offset c_b bx">LaserNetUS</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Government, Nonprofit</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/finch" title="Finch"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/25/others/finch_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">http://finchmoney.edesigninteractive.com/</span> </div> </a> </div>  <a href="/portfolio/finch" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Finch</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Finance</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/welchs-fruit-snacks" title="Welch’s ® Fruit Snacks"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/8/others/weltch-tmb_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://welchsfruitsnacks.com/</span> </div> </a> </div>  <a href="/portfolio/welchs-fruit-snacks" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Welch’s ® Fruit Snacks</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Food & Beverage</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/blockchains" title="Blockchains"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/24/others/blockchains_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.blockchains.com/</span> </div> </a> </div>  <a href="/portfolio/blockchains" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Blockchains</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Software & Electronics</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/sundaysky" title="SundaySky"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/22/others/SundaySky_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://sundaysky.edesigninteractive.com/</span> </div> </a> </div>  <a href="/portfolio/sundaysky" class="title sm mobile-offset plr tplr mobile-offset c_b bx">SundaySky</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Software & Electronics</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/exeron" title="Exeron"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/3/others/exeron-portfolio-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://exeron.com/</span> </div> </a> </div>  <a href="/portfolio/exeron" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Exeron</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Products</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/popweaver" title="Weaver Popcorn"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/5/others/popweaver-thumb-casestudy_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://popweaver.edesigninteractive.com/</span> </div> </a> </div>  <a href="/portfolio/popweaver" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Weaver Popcorn</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Food & Beverage</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/dyrdek-machine" title="Dyrdek Machine"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/20/others/Dyrdek-Machine-thumb_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://dyrdekmachine.com/</span> </div> </a> </div>  <a href="/portfolio/dyrdek-machine" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Dyrdek Machine</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/oinj" title="The Orthopedic Institute of New Jersey"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/19/others/oinj-thumb_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://orthopedicnj.com</span> </div> </a> </div>  <a href="/portfolio/oinj" class="title sm mobile-offset plr tplr mobile-offset c_b bx">The Orthopedic Institute of New Jersey</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Healthcare</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/raritan-valley-community-college" title="Raritan Valley Community College"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/18/others/rvcc-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.raritanval.edu/</span> </div> </a> </div>  <a href="/portfolio/raritan-valley-community-college" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Raritan Valley Community College</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Education</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/frostking-house" title="Frost King"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/7/others/frost-king-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://house.frostking.com/</span> </div> </a> </div>  <a href="/portfolio/frostking-house" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Frost King</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Products</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/hardies" title="Hardie's Fresh Foods"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/4/others/hardies-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.hardies.com/</span> </div> </a> </div>  <a href="/portfolio/hardies" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Hardie's Fresh Foods</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/menada" title="Domain Menada Winery"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/14/others/menada-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.menada-winery.com/</span> </div> </a> </div>  <a href="/portfolio/menada" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Domain Menada Winery</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Spirits</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/villa-yambol" title="Villa Yambol Wines"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/17/others/villa-yambol-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://villayambol.com/</span> </div> </a> </div>  <a href="/portfolio/villa-yambol" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Villa Yambol Wines</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Spirits</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/agata-photography" title="Agata Photography"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/6/others/agata-portfolio-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://agataphotography.co.uk/</span> </div> </a> </div>  <a href="/portfolio/agata-photography" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Agata Photography</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/alaska" title="Alaska Vodka"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/10/others/alaska-vodka-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://alaskavodka.com/</span> </div> </a> </div>  <a href="/portfolio/alaska" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Alaska Vodka</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Spirits</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/brickfielder" title="Brickfielder"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/11/others/brickfielder-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://brickfielder.edesigninteractive.com/</span> </div> </a> </div>  <a href="/portfolio/brickfielder" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Brickfielder</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Products</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/diecrew" title="Die Crew"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/12/others/diecrew-portfolio-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.diecrew.de/</span> </div> </a> </div>  <a href="/portfolio/diecrew" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Die Crew</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/dangelico" title="D'Angelico Guitars"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/13/others/d-angelico-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">http://dangelico.edesigninteractive.com/</span> </div> </a> </div>  <a href="/portfolio/dangelico" class="title sm mobile-offset plr tplr mobile-offset c_b bx">D'Angelico Guitars</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Products</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/sun-maid-chocolate-raisins" title="Sun-Maid Chocolate Raisins"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/23/others/Screenshot-2021-02-26-121121_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.chocolateraisins.com/</span> </div> </a> </div>  <a href="/portfolio/sun-maid-chocolate-raisins" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Sun-Maid Chocolate Raisins</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Food & Beverage</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script src="/case-studies/turner/js/manifest.js?v=20240307"></script> <script src="/case-studies/turner/js/vendor.js?v=20240307"></script> <script src="/case-studies/turner/js/app.js?v=20240307"></script> <script src="/js/main.js?v=20240815v2"></script> <script> App.Lottie.initPrelaoder(); App.init(); </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', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-66869522-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>

CINXE.COM

eDesign Interactive | Turner Construction Company Website Build | eDesign