CINXE.COM

<!doctype html> <html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#" class="no-js"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" /><title>TRACOM: Redesign Launch | Design | DD9™</title>  <meta name="description" content="In early 2019, we finished a website redesign for TRACOM, a long-standing company that provides learning materials for teaching Social Intelligence and increasing productivity. A Flexible, Row-based Design TRACOM's website content was fairly extensive and varied. So, instead of creating a fixed number of rigid templates, we designed the new site around a group of" /> <meta name="robots" content="max-image-preview:large" /> <meta name="keywords" content="e-commerce,woocommerce,wordpress,design,project launches,web development,website launches" /> <link rel="canonical" href="https://dd9.com/2019/04/tracom-website-redesign/" /> <meta name="generator" content="All in One SEO (AIOSEO) 4.7.4.2" /> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="DD9™ | Boulder web design, web development and branding firm services in Colorado" /> <meta property="og:type" content="article" /> <meta property="og:title" content="TRACOM: Redesign Launch | Design | DD9™" /> <meta property="og:description" content="In early 2019, we finished a website redesign for TRACOM, a long-standing company that provides learning materials for teaching Social Intelligence and increasing productivity. A Flexible, Row-based Design TRACOM's website content was fairly extensive and varied. So, instead of creating a fixed number of rigid templates, we designed the new site around a group of" /> <meta property="og:url" content="https://dd9.com/2019/04/tracom-website-redesign/" /> <meta property="article:published_time" content="2019-04-10T17:32:19+00:00" /> <meta property="article:modified_time" content="2024-01-24T16:59:25+00:00" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="TRACOM: Redesign Launch | Design | DD9™" /> <meta name="twitter:description" content="In early 2019, we finished a website redesign for TRACOM, a long-standing company that provides learning materials for teaching Social Intelligence and increasing productivity. A Flexible, Row-based Design TRACOM's website content was fairly extensive and varied. So, instead of creating a fixed number of rigid templates, we designed the new site around a group of" /> <meta name="google" content="nositelinkssearchbox" /> <script type="application/ld+json" class="aioseo-schema"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#article","name":"TRACOM: Redesign Launch | Design | DD9\u2122","headline":"TRACOM: Redesign Launch","author":{"@id":"https:\/\/dd9.com\/author\/todd\/#author"},"publisher":{"@id":"https:\/\/dd9.com\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/dd9.com\/wp-content\/uploads\/featimg_tracom_02.jpg","width":924,"height":561},"datePublished":"2019-04-10T11:32:19-06:00","dateModified":"2024-01-24T09:59:25-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#webpage"},"isPartOf":{"@id":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#webpage"},"articleSection":"Design, Project Launches, Web Development, Website Launches, E-Commerce, WooCommerce, WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/dd9.com\/#listItem","position":1,"name":"Home","item":"https:\/\/dd9.com\/","nextItem":"https:\/\/dd9.com\/2019\/#listItem"},{"@type":"ListItem","@id":"https:\/\/dd9.com\/2019\/#listItem","position":2,"name":"2019","item":"https:\/\/dd9.com\/2019\/","nextItem":"https:\/\/dd9.com\/2019\/04\/#listItem","previousItem":"https:\/\/dd9.com\/#listItem"},{"@type":"ListItem","@id":"https:\/\/dd9.com\/2019\/04\/#listItem","position":3,"name":"April","item":"https:\/\/dd9.com\/2019\/04\/","nextItem":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#listItem","previousItem":"https:\/\/dd9.com\/2019\/#listItem"},{"@type":"ListItem","@id":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#listItem","position":4,"name":"TRACOM: Redesign Launch","previousItem":"https:\/\/dd9.com\/2019\/04\/#listItem"}]},{"@type":"Organization","@id":"https:\/\/dd9.com\/#organization","name":"DD9","description":"Boulder web design, web development and branding firm services in Colorado","url":"https:\/\/dd9.com\/","logo":{"@type":"ImageObject","url":"https:\/\/dd9.com\/wp-content\/uploads\/cropped-favicon_512px_transparent_01-2.png","@id":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#organizationLogo","width":512,"height":512},"image":{"@id":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#organizationLogo"}},{"@type":"Person","@id":"https:\/\/dd9.com\/author\/todd\/#author","url":"https:\/\/dd9.com\/author\/todd\/","name":"Todd Dumas","image":{"@type":"ImageObject","@id":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/9e9dceb917532a5902ab1a1bfb8809bd?s=96&d=mm&r=g","width":96,"height":96,"caption":"Todd Dumas"}},{"@type":"WebPage","@id":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#webpage","url":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/","name":"TRACOM: Redesign Launch | Design | DD9\u2122","description":"In early 2019, we finished a website redesign for TRACOM, a long-standing company that provides learning materials for teaching Social Intelligence and increasing productivity. A Flexible, Row-based Design TRACOM's website content was fairly extensive and varied. So, instead of creating a fixed number of rigid templates, we designed the new site around a group of","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/dd9.com\/#website"},"breadcrumb":{"@id":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#breadcrumblist"},"author":{"@id":"https:\/\/dd9.com\/author\/todd\/#author"},"creator":{"@id":"https:\/\/dd9.com\/author\/todd\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/dd9.com\/wp-content\/uploads\/featimg_tracom_02.jpg","@id":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#mainImage","width":924,"height":561},"primaryImageOfPage":{"@id":"https:\/\/dd9.com\/2019\/04\/tracom-website-redesign\/#mainImage"},"datePublished":"2019-04-10T11:32:19-06:00","dateModified":"2024-01-24T09:59:25-07:00"},{"@type":"WebSite","@id":"https:\/\/dd9.com\/#website","url":"https:\/\/dd9.com\/","name":"DD9\u2122","description":"Boulder web design, web development and branding firm services in Colorado","inLanguage":"en-US","publisher":{"@id":"https:\/\/dd9.com\/#organization"}}]} </script>  <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="DD9™ » Feed" href="https://dd9.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="DD9™ » Comments Feed" href="https://dd9.com/comments/feed/" /> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:root { --wp--style--global--content-size: 1300px;--wp--style--global--wide-size: 1300px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='font-awesome-css' href='https://dd9.com/wp-content/themes/salient/css/font-awesome.min.css?ver=4.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='salient-grid-system-css' href='https://dd9.com/wp-content/themes/salient/css/build/grid-system.css?ver=17.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='main-styles-css' href='https://dd9.com/wp-content/themes/salient/css/build/style.css?ver=17.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='nectar-single-styles-css' href='https://dd9.com/wp-content/themes/salient/css/build/single.css?ver=17.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='nectar-element-post-grid-css' href='https://dd9.com/wp-content/themes/salient/css/build/elements/element-post-grid.css?ver=17.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='nectar_default_font_open_sans-css' href='https://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Clatin-ext' type='text/css' media='all' /> <link rel='stylesheet' id='responsive-css' href='https://dd9.com/wp-content/themes/salient/css/build/responsive.css?ver=17.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='nectar-flickity-css' href='https://dd9.com/wp-content/themes/salient/css/build/plugins/flickity.css?ver=17.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='skin-material-css' href='https://dd9.com/wp-content/themes/salient/css/build/skin-material.css?ver=17.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='salient-wp-menu-dynamic-css' href='https://dd9.com/wp-content/uploads/salient/menu-dynamic.css?ver=6879' type='text/css' media='all' /> <link rel='stylesheet' id='dynamic-css-css' href='https://dd9.com/wp-content/themes/salient/css/salient-dynamic-styles.css?ver=16767' type='text/css' media='all' /> <style id='dynamic-css-inline-css' type='text/css'> #page-header-bg[data-post-hs="default_minimal"] .inner-wrap{text-align:center}#page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a,.material #page-header-bg.fullscreen-header .inner-wrap >a{color:#fff;font-weight:600;border:var(--nectar-border-thickness) solid rgba(255,255,255,0.4);padding:4px 10px;margin:5px 6px 0 5px;display:inline-block;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;font-size:14px;line-height:18px}body.material #page-header-bg.fullscreen-header .inner-wrap >a{margin-bottom:15px;}body.material #page-header-bg.fullscreen-header .inner-wrap >a{border:none;padding:6px 10px}body[data-button-style^="rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a,body[data-button-style^="rounded"].material #page-header-bg.fullscreen-header .inner-wrap >a{border-radius:100px}body.single [data-post-hs="default_minimal"] #single-below-header span,body.single .heading-title[data-header-style="default_minimal"] #single-below-header span{line-height:14px;}#page-header-bg[data-post-hs="default_minimal"] #single-below-header{text-align:center;position:relative;z-index:100}#page-header-bg[data-post-hs="default_minimal"] #single-below-header span{float:none;display:inline-block}#page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a:hover,#page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a:focus{border-color:transparent}#page-header-bg.fullscreen-header .avatar,#page-header-bg[data-post-hs="default_minimal"] .avatar{border-radius:100%}#page-header-bg.fullscreen-header .meta-author span,#page-header-bg[data-post-hs="default_minimal"] .meta-author span{display:block}#page-header-bg.fullscreen-header .meta-author img{margin-bottom:0;height:50px;width:auto}#page-header-bg[data-post-hs="default_minimal"] .meta-author img{margin-bottom:0;height:40px;width:auto}#page-header-bg[data-post-hs="default_minimal"] .author-section{position:absolute;bottom:30px}#page-header-bg.fullscreen-header .meta-author,#page-header-bg[data-post-hs="default_minimal"] .meta-author{font-size:18px}#page-header-bg.fullscreen-header .author-section .meta-date,#page-header-bg[data-post-hs="default_minimal"] .author-section .meta-date{font-size:12px;color:rgba(255,255,255,0.8)}#page-header-bg.fullscreen-header .author-section .meta-date i{font-size:12px}#page-header-bg[data-post-hs="default_minimal"] .author-section .meta-date i{font-size:11px;line-height:14px}#page-header-bg[data-post-hs="default_minimal"] .author-section .avatar-post-info{position:relative;top:-5px}#page-header-bg.fullscreen-header .author-section a,#page-header-bg[data-post-hs="default_minimal"] .author-section a{display:block;margin-bottom:-2px}#page-header-bg[data-post-hs="default_minimal"] .author-section a{font-size:14px;line-height:14px}#page-header-bg.fullscreen-header .author-section a:hover,#page-header-bg[data-post-hs="default_minimal"] .author-section a:hover{color:rgba(255,255,255,0.85)!important}#page-header-bg.fullscreen-header .author-section,#page-header-bg[data-post-hs="default_minimal"] .author-section{width:100%;z-index:10;text-align:center}#page-header-bg.fullscreen-header .author-section{margin-top:25px;}#page-header-bg.fullscreen-header .author-section span,#page-header-bg[data-post-hs="default_minimal"] .author-section span{padding-left:0;line-height:20px;font-size:20px}#page-header-bg.fullscreen-header .author-section .avatar-post-info,#page-header-bg[data-post-hs="default_minimal"] .author-section .avatar-post-info{margin-left:10px}#page-header-bg.fullscreen-header .author-section .avatar-post-info,#page-header-bg.fullscreen-header .author-section .meta-author,#page-header-bg[data-post-hs="default_minimal"] .author-section .avatar-post-info,#page-header-bg[data-post-hs="default_minimal"] .author-section .meta-author{text-align:left;display:inline-block;top:9px}@media only screen and (min-width :690px) and (max-width :999px){body.single-post #page-header-bg[data-post-hs="default_minimal"]{padding-top:10%;padding-bottom:10%;}}@media only screen and (max-width :690px){#ajax-content-wrap #page-header-bg[data-post-hs="default_minimal"] #single-below-header span:not(.rich-snippet-hidden),#ajax-content-wrap .row.heading-title[data-header-style="default_minimal"] .col.section-title span.meta-category{display:inline-block;}.container-wrap[data-remove-post-comment-number="0"][data-remove-post-author="0"][data-remove-post-date="0"] .heading-title[data-header-style="default_minimal"] #single-below-header > span,#page-header-bg[data-post-hs="default_minimal"] .span_6[data-remove-post-comment-number="0"][data-remove-post-author="0"][data-remove-post-date="0"] #single-below-header > span{padding:0 8px;}.container-wrap[data-remove-post-comment-number="0"][data-remove-post-author="0"][data-remove-post-date="0"] .heading-title[data-header-style="default_minimal"] #single-below-header span,#page-header-bg[data-post-hs="default_minimal"] .span_6[data-remove-post-comment-number="0"][data-remove-post-author="0"][data-remove-post-date="0"] #single-below-header span{font-size:13px;line-height:10px;}.material #page-header-bg.fullscreen-header .author-section{margin-top:5px;}#page-header-bg.fullscreen-header .author-section{bottom:20px;}#page-header-bg.fullscreen-header .author-section .meta-date:not(.updated){margin-top:-4px;display:block;}#page-header-bg.fullscreen-header .author-section .avatar-post-info{margin:10px 0 0 0;}}#page-header-bg h1,#page-header-bg .subheader,.nectar-box-roll .overlaid-content h1,.nectar-box-roll .overlaid-content .subheader,#page-header-bg #portfolio-nav a i,body .section-title #portfolio-nav a:hover i,.page-header-no-bg h1,.page-header-no-bg span,#page-header-bg #portfolio-nav a i,#page-header-bg span,#page-header-bg #single-below-header a:hover,#page-header-bg #single-below-header a:focus,#page-header-bg.fullscreen-header .author-section a{color:#ffffff!important;}body #page-header-bg .pinterest-share i,body #page-header-bg .facebook-share i,body #page-header-bg .linkedin-share i,body #page-header-bg .twitter-share i,body #page-header-bg .google-plus-share i,body #page-header-bg .icon-salient-heart,body #page-header-bg .icon-salient-heart-2{color:#ffffff;}#page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:not(:hover){color:#ffffff;border-color:rgba(255,255,255,0.4);}.single #page-header-bg #single-below-header > span{border-color:rgba(255,255,255,0.4);}body .section-title #portfolio-nav a:hover i{opacity:0.75;}.single #page-header-bg .blog-title #single-meta .nectar-social.hover > div a,.single #page-header-bg .blog-title #single-meta > div a,.single #page-header-bg .blog-title #single-meta ul .n-shortcode a,#page-header-bg .blog-title #single-meta .nectar-social.hover .share-btn{border-color:rgba(255,255,255,0.4);}.single #page-header-bg .blog-title #single-meta .nectar-social.hover > div a:hover,#page-header-bg .blog-title #single-meta .nectar-social.hover .share-btn:hover,.single #page-header-bg .blog-title #single-meta div > a:hover,.single #page-header-bg .blog-title #single-meta ul .n-shortcode a:hover,.single #page-header-bg .blog-title #single-meta ul li:not(.meta-share-count):hover > a{border-color:rgba(255,255,255,1);}.single #page-header-bg #single-meta div span,.single #page-header-bg #single-meta > div a,.single #page-header-bg #single-meta > div i{color:#ffffff!important;}.single #page-header-bg #single-meta ul .meta-share-count .nectar-social a i{color:rgba(255,255,255,0.7)!important;}.single #page-header-bg #single-meta ul .meta-share-count .nectar-social a:hover i{color:rgba(255,255,255,1)!important;}.no-rgba #header-space{display:none;}@media only screen and (max-width:999px){body #header-space[data-header-mobile-fixed="1"]{display:none;}#header-outer[data-mobile-fixed="false"]{position:absolute;}}@media only screen and (max-width:999px){body:not(.nectar-no-flex-height) #header-space[data-secondary-header-display="full"]:not([data-header-mobile-fixed="false"]){display:block!important;margin-bottom:-72px;}#header-space[data-secondary-header-display="full"][data-header-mobile-fixed="false"]{display:none;}}@media only screen and (min-width:1000px){#header-space{display:none;}.nectar-slider-wrap.first-section,.parallax_slider_outer.first-section,.full-width-content.first-section,.parallax_slider_outer.first-section .swiper-slide .content,.nectar-slider-wrap.first-section .swiper-slide .content,#page-header-bg,.nder-page-header,#page-header-wrap,.full-width-section.first-section{margin-top:0!important;}body #page-header-bg,body #page-header-wrap{height:126px;}body #search-outer{z-index:100000;}}@media only screen and (min-width:1000px){#page-header-wrap.fullscreen-header,#page-header-wrap.fullscreen-header #page-header-bg,html:not(.nectar-box-roll-loaded) .nectar-box-roll > #page-header-bg.fullscreen-header,.nectar_fullscreen_zoom_recent_projects,#nectar_fullscreen_rows:not(.afterLoaded) > div{height:100vh;}.wpb_row.vc_row-o-full-height.top-level,.wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:100vh;}#page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap,#page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap,.blog-archive-header.color-bg .container{padding-top:131px;}#page-header-wrap.container #page-header-bg .span_6 .inner-wrap{padding-top:0;}.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container{height:calc(100vh + 2px)!important;}.admin-bar .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),.admin-bar .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container{height:calc(100vh - 30px)!important;}}@media only screen and (max-width:999px){#page-header-bg[data-alignment-v="middle"]:not(.fullscreen-header) .span_6 .inner-wrap,#page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap,.blog-archive-header.color-bg .container{padding-top:56px;}.vc_row.top-level.full-width-section:not(.full-width-ns) > .span_12,#page-header-bg[data-alignment-v="bottom"] .span_6 .inner-wrap{padding-top:46px;}}@media only screen and (max-width:690px){.vc_row.top-level.full-width-section:not(.full-width-ns) > .span_12{padding-top:56px;}.vc_row.top-level.full-width-content .nectar-recent-posts-single_featured .recent-post-container > .inner-wrap{padding-top:46px;}}@media only screen and (max-width:999px){.full-width-ns .nectar-slider-wrap .swiper-slide[data-y-pos="middle"] .content,.full-width-ns .nectar-slider-wrap .swiper-slide[data-y-pos="top"] .content{padding-top:30px;}}@media only screen and (max-width:999px){.using-mobile-browser #nectar_fullscreen_rows:not(.afterLoaded):not([data-mobile-disable="on"]) > div{height:calc(100vh - 76px);}.using-mobile-browser .wpb_row.vc_row-o-full-height.top-level,.using-mobile-browser .wpb_row.vc_row-o-full-height.top-level > .col.span_12,[data-permanent-transparent="1"].using-mobile-browser .wpb_row.vc_row-o-full-height.top-level,[data-permanent-transparent="1"].using-mobile-browser .wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:calc(100vh - 76px);}html:not(.nectar-box-roll-loaded) .nectar-box-roll > #page-header-bg.fullscreen-header,.nectar_fullscreen_zoom_recent_projects,.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container,#nectar_fullscreen_rows:not(.afterLoaded):not([data-mobile-disable="on"]) > div{height:calc(100vh - 1px);}.wpb_row.vc_row-o-full-height.top-level,.wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:calc(100vh - 1px);}body[data-transparent-header="false"] #ajax-content-wrap.no-scroll{min-height:calc(100vh - 1px);height:calc(100vh - 1px);}}.screen-reader-text,.nectar-skip-to-content:not(:focus){border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;}.row .col img:not([srcset]){width:auto;}.row .col img.img-with-animation.nectar-lazy:not([srcset]){width:100%;} </style> <link rel='stylesheet' id='salient-child-style-css' href='https://dd9.com/wp-content/themes/salient-child/style.css?ver=1723574526' type='text/css' media='all' /> <link rel='stylesheet' id='redux-google-fonts-salient_redux-css' href='https://fonts.googleapis.com/css?family=Outfit%3A400%2C700%2C300%2C800%2C600&subset=latin&ver=6.6.2' type='text/css' media='all' /> <script type="text/javascript" src="https://dd9.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://dd9.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script></script><link rel="https://api.w.org/" href="https://dd9.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://dd9.com/wp-json/wp/v2/posts/8277" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://dd9.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://dd9.com/?p=8277' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://dd9.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdd9.com%2F2019%2F04%2Ftracom-website-redesign%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://dd9.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdd9.com%2F2019%2F04%2Ftracom-website-redesign%2F&format=xml" /> <link rel="icon" href="https://dd9.com/favicon.ico" sizes="any" /> <link rel="icon" href="https://dd9.com/wp-content/uploads/cropped-favicon_512px_transparent_01-2-32x32.png" sizes="32x32" /> <link rel="icon" href="https://dd9.com/dd9-favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="https://dd9.com/dd9-favicon.ico" type="image/x-icon"> <script type="text/javascript"> var root = document.getElementsByTagName( "html" )[0]; root.setAttribute( "class", "js" ); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-EE7EN7BGVM"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-EE7EN7BGVM'); </script> <script> // as the page loads, call these scripts jQuery(document).ready(function($) { /* * Google AdWords & Analytics UTM query parameter fetch. * Fetches UTM parameters and stores them in LocalStorage. * Stored values are then placed in hidden inquiry form fields * in order to facilitate specific AdWords data tracking within * each inquiry submission. * */ var url = location.href; if (url.includes("utm_campaignid")){ var utmQueryArr = url.split("?")[1].split("&"); for (var i = 0; i < utmQueryArr.length; i++) { var utmQueryParams = utmQueryArr[i].split("="); localStorage.setItem(utmQueryParams[0], decodeURI(utmQueryParams[1])); } localStorage.setItem("utm_url", url); } // if there is a ninja form on this page if(typeof Marionette !== 'undefined') { var mySubmitController = Marionette.Object.extend( { initialize: function() { // init listener this.listenTo( nfRadio.channel( 'form' ), 'render:view', this.initAction ); }, // init action initAction: function() { // code to execute on form render if (localStorage.getItem("utm_url")){ var utm_url = localStorage.getItem("utm_url"); utmQueryArr = utm_url.split("?")[1].split("&"); for (var i = 0; i < utmQueryArr.length; i++){ var utmQueryParam = utmQueryArr[i].split("=")[0]; $("input." + utmQueryParam).val(localStorage.getItem(utmQueryParam)).trigger('change'); } $("input.utm_url").val(utm_url).trigger('change'); } }, }); // initialise listening controller for ninja form new mySubmitController(); } }); </script><meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <link rel="icon" href="https://dd9.com/wp-content/uploads/cropped-favicon_512px_transparent_01-2-32x32.png" sizes="32x32" /> <link rel="icon" href="https://dd9.com/wp-content/uploads/cropped-favicon_512px_transparent_01-2-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://dd9.com/wp-content/uploads/cropped-favicon_512px_transparent_01-2-180x180.png" /> <meta name="msapplication-TileImage" content="https://dd9.com/wp-content/uploads/cropped-favicon_512px_transparent_01-2-270x270.png" /> <noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript></head><body class="post-template-default single single-post postid-8277 single-format-standard material wpb-js-composer js-comp-ver-7.8.1 vc_responsive" data-footer-reveal="false" data-footer-reveal-shadow="none" data-header-format="default" data-body-border="off" data-boxed-style="" data-header-breakpoint="1000" data-dropdown-style="minimal" data-cae="easeOutCubic" data-cad="750" data-megamenu-width="contained" data-aie="none" data-ls="fancybox" data-apte="standard" data-hhun="0" data-fancy-form-rcs="default" data-form-style="default" data-form-submit="regular" data-is="minimal" data-button-style="rounded" data-user-account-button="false" data-flex-cols="true" data-col-gap="default" data-header-inherit-rc="false" data-header-search="false" data-animated-anchors="true" data-ajax-transitions="false" data-full-width-header="false" data-slide-out-widget-area="true" data-slide-out-widget-area-style="fullscreen-split" data-user-set-ocm="off" data-loading-animation="none" data-bg-header="true" data-responsive="1" data-ext-responsive="true" data-ext-padding="60" data-header-resize="1" data-header-color="custom" data-cart="false" data-remove-m-parallax="" data-remove-m-video-bgs="" data-m-animate="0" data-force-header-trans-color="light" data-smooth-scrolling="0" data-permanent-transparent="false" > <script type="text/javascript"> (function(window, document) { if(navigator.userAgent.match(/(Android|iPod|iPhone|iPad|BlackBerry|IEMobile|Opera Mini)/)) { document.body.className += " using-mobile-browser mobile "; } if(navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2) { document.body.className += " using-ios-device "; } if( !("ontouchstart" in window) ) { var body = document.querySelector("body"); var winW = window.innerWidth; var bodyW = body.clientWidth; if (winW > bodyW + 4) { body.setAttribute("style", "--scroll-bar-w: " + (winW - bodyW - 4) + "px"); } else { body.setAttribute("style", "--scroll-bar-w: 0px"); } } })(window, document); </script><a href="#ajax-content-wrap" class="nectar-skip-to-content">Skip to main content</a><div class="ocm-effect-wrap"><div class="ocm-effect-wrap-inner"> <div id="header-space" data-header-mobile-fixed='1'></div> <div id="header-outer" data-has-menu="true" data-has-buttons="no" data-header-button_style="default" data-using-pr-menu="false" data-mobile-fixed="1" data-ptnm="false" data-lhe="animated_underline" data-user-set-bg="#24222a" data-format="default" data-permanent-transparent="false" data-megamenu-rt="0" data-remove-fixed="0" data-header-resize="1" data-cart="false" data-transparency-option="" data-box-shadow="large" data-shrink-num="40" data-using-secondary="0" data-using-logo="1" data-logo-height="86" data-m-logo-height="46" data-padding="20" data-full-width="false" data-condense="false" data-transparent-header="true" data-transparent-shadow-helper="false" data-remove-border="true" class="transparent"> <div id="search-outer" class="nectar"> <div id="search"> <div class="container"> <div id="search-box"> <div class="inner-wrap"> <div class="col span_12"> <form role="search" action="https://dd9.com/" method="GET"> <input type="text" name="s" value="" aria-label="Search" placeholder="Search" /> <span>Hit enter to search or ESC to close</span> </form> </div> </div> </div> <div id="close"><a href="#"><span class="screen-reader-text">Close Search</span> <span class="close-wrap"> <span class="close-line close-line1"></span> <span class="close-line close-line2"></span> </span> </a></div> </div> </div> </div> <header id="top"> <div class="container"> <div class="row"> <div class="col span_3"> <a id="logo" href="https://dd9.com" data-supplied-ml-starting-dark="false" data-supplied-ml-starting="false" data-supplied-ml="false" > <img class="stnd skip-lazy dark-version" width="291" height="168" alt="DD9™" src="https://dd9.com/wp-content/uploads/logo_dd9.png" /><img class="starting-logo skip-lazy" width="291" height="168" alt="DD9™" src="https://dd9.com/wp-content/uploads/logo_dd9.png" /> </a> </div> <div class="col span_9 col_last"> <div class="nectar-mobile-only mobile-header"><div class="inner"></div></div> <div class="slide-out-widget-area-toggle mobile-icon fullscreen-split" data-custom-color="false" data-icon-animation="simple-transform"> <div> <a href="#slide-out-widget-area" role="button" aria-label="Navigation Menu" aria-expanded="false" class="closed"> <span class="screen-reader-text">Menu</span><span aria-hidden="true"> <i class="lines-button x2"> <i class="lines"></i> </i> </span> </a></div> </div> <nav aria-label="Main Menu"> <ul class="sf-menu"> <li id="menu-item-5465" class="menu-item menu-item-type-post_type menu-item-object-page nectar-regular-menu-item menu-item-5465"><a href="https://dd9.com/portfolio/"><span class="menu-title-text">Portfolio</span></a></li> <li id="menu-item-4438" class="menu-item menu-item-type-post_type menu-item-object-page nectar-regular-menu-item menu-item-4438"><a href="https://dd9.com/services/"><span class="menu-title-text">Services</span></a></li> <li id="menu-item-4432" class="menu-item menu-item-type-post_type menu-item-object-page nectar-regular-menu-item menu-item-4432"><a href="https://dd9.com/about/"><span class="menu-title-text">About</span></a></li> <li id="menu-item-9205" class="menu-item menu-item-type-post_type menu-item-object-page nectar-regular-menu-item menu-item-9205"><a href="https://dd9.com/blog/"><span class="menu-title-text">Blog</span></a></li> <li id="menu-item-4435" class="menu-item menu-item-type-post_type menu-item-object-page nectar-regular-menu-item menu-item-btn-style-button-border_accent-color menu-item-4435"><a href="https://dd9.com/contact/"><span class="menu-title-text">Connect</span></a></li> </ul> <ul class="buttons sf-menu" data-user-set-ocm="off"> </ul> </nav> </div> </div> </div> </header> </div> <div id="ajax-content-wrap"> <div id="page-header-wrap" data-animate-in-effect="none" data-midnight="light" class="" style="height: 550px;"><div id="page-header-bg" class="not-loaded hentry" data-post-hs="default_minimal" data-padding-amt="normal" data-animate-in-effect="none" data-midnight="light" data-text-effect="" data-bg-pos="center" data-alignment="left" data-alignment-v="middle" data-parallax="0" data-height="550" style="height:550px;"> <div class="page-header-bg-image-wrap" id="nectar-page-header-p-wrap" data-parallax-speed="fast"> <div class="page-header-bg-image" style="background-image: url(https://dd9.com/wp-content/uploads/featimg_tracom_02.jpg);"></div> </div> <div class="container"><img loading="lazy" class="hidden-social-img" src="https://dd9.com/wp-content/uploads/featimg_tracom_02.jpg" alt="TRACOM: Redesign Launch" style="display: none;" /> <div class="row"> <div class="col span_6 section-title blog-title" data-remove-post-date="0" data-remove-post-author="0" data-remove-post-comment-number="1"> <div class="inner-wrap"> <a class="design" href="https://dd9.com/category/design/">Design</a><a class="project-launches" href="https://dd9.com/category/project-launches/">Project Launches</a><a class="web-development" href="https://dd9.com/category/web-development/">Web Development</a><a class="website-launches" href="https://dd9.com/category/website-launches/">Website Launches</a> <h1 class="entry-title">TRACOM: Redesign Launch</h1> <div id="single-below-header" data-hide-on-mobile="false"> <span class="meta-author vcard author"><span class="fn"><span class="author-leading">By</span> <a href="https://dd9.com/author/todd/" title="Posts by Todd Dumas" rel="author">Todd Dumas</a></span></span><span class="meta-date date published">April 10, 2019</span><span class="meta-date date updated rich-snippet-hidden">January 24th, 2024</span><span class="meta-comment-count"><a href="https://dd9.com/2019/04/tracom-website-redesign/#respond">No Comments</a></span> </div> </div> </div> </div> </div> </div> </div> <div class="container-wrap" data-midnight="dark" data-remove-post-date="0" data-remove-post-author="0" data-remove-post-comment-number="1"> <div class="container main-content"> <div class="row"> <div class="post-area col span_9" role="main"> <article id="post-8277" class="post-8277 post type-post status-publish format-standard has-post-thumbnail category-design category-project-launches category-web-development category-website-launches tag-ecommerce tag-woocommerce tag-wordpress"> <div class="inner-wrap"> <div class="post-content" data-hide-featured-media="0"> <div class="content-inner"><p>In early 2019, we finished a website redesign for <a href="https://tracom.com/" target="_blank" rel="noopener noreferrer">TRACOM</a>, a long-standing company that provides learning materials for teaching Social Intelligence and increasing productivity.</p> <p><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-8281" src="https://dd9.com/wp-content/uploads/tracom_2up_mobile_desktop_01.jpg" alt="" width="864" height="692" srcset="https://dd9.com/wp-content/uploads/tracom_2up_mobile_desktop_01.jpg 864w, https://dd9.com/wp-content/uploads/tracom_2up_mobile_desktop_01-612x490.jpg 612w, https://dd9.com/wp-content/uploads/tracom_2up_mobile_desktop_01-768x615.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></p> <p><img decoding="async" class="aligncenter size-full wp-image-8280" src="https://dd9.com/wp-content/uploads/tracom_home.jpg" alt="" width="1300" height="3119" srcset="https://dd9.com/wp-content/uploads/tracom_home.jpg 1300w, https://dd9.com/wp-content/uploads/tracom_home-612x1468.jpg 612w, https://dd9.com/wp-content/uploads/tracom_home-768x1843.jpg 768w, https://dd9.com/wp-content/uploads/tracom_home-1250x3000.jpg 1250w" sizes="(max-width: 1300px) 100vw, 1300px" /></p> <h5>A Flexible, Row-based Design</h5> <p>TRACOM’s website content was fairly extensive and varied. So, instead of creating a fixed number of rigid templates, we designed the new site around a group of flexible and reusable “row types.” The client can build each page from the WordPress Dashboard by assembling the flexible rows into the configuration that best suits the content. They can also make certain design choices for each row, which are intentionally restricted within brand standards.</p> <p><img decoding="async" class="aligncenter size-full wp-image-8283" src="https://dd9.com/wp-content/uploads/tracom_2up_01.jpg" alt="" width="1300" height="2634" srcset="https://dd9.com/wp-content/uploads/tracom_2up_01.jpg 1300w, https://dd9.com/wp-content/uploads/tracom_2up_01-612x1240.jpg 612w, https://dd9.com/wp-content/uploads/tracom_2up_01-768x1556.jpg 768w" sizes="(max-width: 1300px) 100vw, 1300px" /></p> <h5><img decoding="async" class="aligncenter size-full wp-image-8285" src="https://dd9.com/wp-content/uploads/tracom_2up_03.jpg" alt="" width="1300" height="1011" srcset="https://dd9.com/wp-content/uploads/tracom_2up_03.jpg 1300w, https://dd9.com/wp-content/uploads/tracom_2up_03-612x476.jpg 612w, https://dd9.com/wp-content/uploads/tracom_2up_03-768x597.jpg 768w" sizes="(max-width: 1300px) 100vw, 1300px" /></h5> <h5>A Child Theme for eCommerce</h5> <p>As part of the redesign, we also updated TRACOM’s <a href="https://store.tracom.com/" target="_blank" rel="noopener noreferrer">online store</a>, which involved moving the store to a separate subdomain. We created a new child theme derived from the main site in order to maintain visual continuity between the two sites without bulking up either one with unnecessary code.</p> <div class="post-tags"><h4>Tags:</h4><a href="https://dd9.com/tag/ecommerce/" rel="tag">E-Commerce</a><a href="https://dd9.com/tag/woocommerce/" rel="tag">WooCommerce</a><a href="https://dd9.com/tag/wordpress/" rel="tag">WordPress</a><div class="clear"></div></div> </div> </div> </div> </article> </div> <div id="sidebar" data-nectar-ss="1" class="col span_3 col_last"> <div id="block-10" class="widget widget_block"> <h4 class="wp-block-heading">Categories</h4> </div><div id="block-11" class="widget widget_block widget_text"> <p><a href="/blog">All</a><br><a href="https://dd9.com/category/news/" rel="noreferrer noopener">News</a><br><a href="https://dd9.com/category/project-launches/" rel="noreferrer noopener">Project Launches</a><br><a href="https://dd9.com/category/tutorials/" rel="noreferrer noopener">Tutorials</a></p> </div> </div> </div> <div class="row"> <div data-post-header-style="default_minimal" class="blog_next_prev_buttons vc_row-fluid wpb_row full-width-content standard_section" data-style="fullwidth_next_prev" data-midnight="light"><ul class="controls"><li class="previous-post "><div class="post-bg-img" data-nectar-img-src="https://dd9.com/wp-content/uploads/featimg_via2018_03.jpg"></div><a href="https://dd9.com/2019/04/via-colorado-website-redesign/" aria-label="Via Mobility: Redesign Launch"></a><h3><span>Previous Post</span><span class="text">Via Mobility: Redesign Launch <svg class="next-arrow" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 39 12"><line class="top" x1="23" y1="-0.5" x2="29.5" y2="6.5" stroke="#ffffff;"></line><line class="bottom" x1="23" y1="12.5" x2="29.5" y2="5.5" stroke="#ffffff;"></line></svg><span class="line"></span></span></h3></li><li class="next-post "><div class="post-bg-img" data-nectar-img-src="https://dd9.com/wp-content/uploads/feat_thumb_gocraftbox_03.jpg"></div><a href="https://dd9.com/2019/01/go-craft-box-website-launch/" aria-label="Go Craft Box: Website Launch"></a><h3><span>Next Post</span><span class="text">Go Craft Box: Website Launch <svg class="next-arrow" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 39 12"><line class="top" x1="23" y1="-0.5" x2="29.5" y2="6.5" stroke="#ffffff;"></line><line class="bottom" x1="23" y1="12.5" x2="29.5" y2="5.5" stroke="#ffffff;"></line></svg><span class="line"></span></span></h3></li></ul> </div> <div class="comments-section" data-author-bio="false"> <div class="comment-wrap " data-midnight="dark" data-comments-open="false">   </div> </div> </div> </div> </div> <div id="footer-outer" data-midnight="light" data-cols="3" data-custom-color="false" data-disable-copyright="false" data-matching-section-color="true" data-copyright-line="true" data-using-bg-img="false" data-bg-img-overlay="0.8" data-full-width="false" data-using-widget-area="true" data-link-hover="underline"> <div id="footer-widgets" data-has-widgets="true" data-cols="3"> <div class="container"> <div class="row"> <div class="col span_4"> <div id="block-4" class="widget widget_block"> <h2 class="wp-block-heading has-white-color has-text-color has-link-color wp-elements-4c66deb7091ca1fbe88d1ab7600e64ae">LET'S CHAT</h2> </div><div id="block-5" class="widget widget_block widget_text"> <p>(720) 491-1881‬<br><a href="/cdn-cgi/l/email-protection#6900070f06290d0d50470a0604"><span class="__cf_email__" data-cfemail="11787f777e517575283f727e7c">[email protected]</span></a><br>4845 Pearl E Cir #101 <br>Boulder, CO 80301</p> </div><div id="block-6" class="widget widget_block"> <div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"> <div class="wp-block-button is-style-outline is-style-outline--bf231d6a53916b8c505e694c4c4fcf1a"><a class="wp-block-button__link wp-element-button" href="/contact/">Get in Touch</a></div> </div> </div> </div> <div class="col span_4"> <div id="nav_menu-6" class="widget widget_nav_menu"><div class="menu-footer-container"><ul id="menu-footer" class="menu"><li id="menu-item-9003" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9003"><a href="https://dd9.com/portfolio/">Portfolio</a></li> <li id="menu-item-9004" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9004"><a href="https://dd9.com/services/">Services</a></li> <li id="menu-item-9005" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9005"><a href="https://dd9.com/about/">About</a></li> <li id="menu-item-9206" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9206"><a href="https://dd9.com/blog/">Blog</a></li> </ul></div></div> </div> <div class="col span_4"> <div id="block-8" class="widget widget_block widget_media_image"> <figure class="wp-block-image alignright size-full is-resized"><img decoding="async" width="291" height="168" src="https://dd9.com/wp-content/uploads/logo_bw_01.png" alt="" class="wp-image-8991" style="width:116px;height:auto"/></figure> </div> </div> </div> </div> </div> <div class="row" id="copyright" data-layout="default"> <div class="container"> <div class="col span_5"> <p>© 2024 DD9™. </p> </div> <div class="col span_7 col_last"> <ul class="social"> </ul> </div> </div> </div> </div> <div id="slide-out-widget-area-bg" class="fullscreen-split hidden dark"> </div> <div id="slide-out-widget-area" class="fullscreen-split hidden" data-dropdown-func="separate-dropdown-parent-link" data-back-txt="Back"> <div class="inner-wrap"> <div class="inner" data-prepend-menu-mobile="false"> <a class="slide_out_area_close" href="#"><span class="screen-reader-text">Close Menu</span> <span class="close-wrap"> <span class="close-line close-line1"></span> <span class="close-line close-line2"></span> </span> </a> <div class="container normal-container"><div class="left-side"> <div class="off-canvas-menu-container mobile-only" role="navigation"> <ul class="menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5465"><a href="https://dd9.com/portfolio/">Portfolio</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4438"><a href="https://dd9.com/services/">Services</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4432"><a href="https://dd9.com/about/">About</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9205"><a href="https://dd9.com/blog/">Blog</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4435"><a href="https://dd9.com/contact/">Connect</a></li> </ul> <ul class="menu secondary-header-items"> </ul> </div> </div><div class="right-side"><div class="right-side-inner"><div class="bottom-meta-wrap"></div></div></div></div> </div> </div>  </div> </div>  <a id="to-top" aria-label="Back to top" href="#" class="mobile-disabled"><i role="presentation" class="fa fa-angle-up"></i></a> </div></div><link rel='stylesheet' id='wp-block-library-css' href='https://dd9.com/wp-includes/css/dist/block-library/style.min.css?ver=6.6.2' type='text/css' media='all' /> <style id='block-style-variation-styles-inline-css' type='text/css'> :root :where(.wp-block-button.is-style-outline--bf231d6a53916b8c505e694c4c4fcf1a .wp-block-button__link){background: transparent none;border-color: currentColor;border-width: 2px;border-style: solid;color: currentColor;padding-top: 0.667em;padding-right: 1.33em;padding-bottom: 0.667em;padding-left: 1.33em;} </style> <style id='core-block-supports-inline-css' type='text/css'> .wp-elements-4c66deb7091ca1fbe88d1ab7600e64ae a:where(:not(.wp-element-button)){color:var(--wp--preset--color--white);} </style> <link data-pagespeed-no-defer data-nowprocket data-wpacu-skip data-no-optimize data-noptimize rel='stylesheet' id='main-styles-non-critical-css' href='https://dd9.com/wp-content/themes/salient/css/build/style-non-critical.css?ver=17.0.3' type='text/css' media='all' /> <link data-pagespeed-no-defer data-nowprocket data-wpacu-skip data-no-optimize data-noptimize rel='stylesheet' id='fancyBox-css' href='https://dd9.com/wp-content/themes/salient/css/build/plugins/jquery.fancybox.css?ver=3.3.1' type='text/css' media='all' /> <link data-pagespeed-no-defer data-nowprocket data-wpacu-skip data-no-optimize data-noptimize rel='stylesheet' id='nectar-ocm-core-css' href='https://dd9.com/wp-content/themes/salient/css/build/off-canvas/core.css?ver=17.0.3' type='text/css' media='all' /> <link data-pagespeed-no-defer data-nowprocket data-wpacu-skip data-no-optimize data-noptimize rel='stylesheet' id='nectar-ocm-fullscreen-split-css' href='https://dd9.com/wp-content/themes/salient/css/build/off-canvas/fullscreen-split.css?ver=17.0.3' type='text/css' media='all' /> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="https://dd9.com/wp-content/themes/salient/js/build/third-party/jquery.easing.min.js?ver=1.3" id="jquery-easing-js"></script> <script type="text/javascript" src="https://dd9.com/wp-content/themes/salient/js/build/third-party/jquery.mousewheel.min.js?ver=3.1.13" id="jquery-mousewheel-js"></script> <script type="text/javascript" src="https://dd9.com/wp-content/themes/salient/js/build/priority.js?ver=17.0.3" id="nectar_priority-js"></script> <script type="text/javascript" src="https://dd9.com/wp-content/themes/salient/js/build/third-party/transit.min.js?ver=0.9.9" id="nectar-transit-js"></script> <script type="text/javascript" src="https://dd9.com/wp-content/themes/salient/js/build/third-party/waypoints.js?ver=4.0.2" id="nectar-waypoints-js"></script> <script type="text/javascript" src="https://dd9.com/wp-content/plugins/salient-portfolio/js/third-party/imagesLoaded.min.js?ver=4.1.4" id="imagesLoaded-js"></script> <script type="text/javascript" src="https://dd9.com/wp-content/themes/salient/js/build/third-party/hoverintent.min.js?ver=1.9" id="hoverintent-js"></script> <script type="text/javascript" src="https://dd9.com/wp-content/themes/salient/js/build/third-party/jquery.fancybox.js?ver=3.3.9" id="fancyBox-js"></script> <script type="text/javascript" src="https://dd9.com/wp-content/themes/salient/js/build/third-party/anime.min.js?ver=4.5.1" id="anime-js"></script> <script type="text/javascript" src="https://dd9.com/wp-content/themes/salient/js/build/third-party/flickity.js?ver=2.3.1" id="flickity-js"></script> <script type="text/javascript" src="https://dd9.com/wp-content/themes/salient/js/build/third-party/stickkit.js?ver=1.0" id="stickykit-js"></script> <script type="text/javascript" src="https://dd9.com/wp-content/themes/salient/js/build/third-party/superfish.js?ver=1.5.8" id="superfish-js"></script> <script type="text/javascript" id="nectar-frontend-js-extra"> /* <![CDATA[ */ var nectarLove = {"ajaxurl":"https:\/\/dd9.com\/wp-admin\/admin-ajax.php","postID":"8277","rooturl":"https:\/\/dd9.com","disqusComments":"false","loveNonce":"52d6f54175","mapApiKey":""}; var nectarOptions = {"delay_js":"false","smooth_scroll":"false","smooth_scroll_strength":"50","quick_search":"false","react_compat":"disabled","header_entrance":"false","body_border_func":"default","body_border_mobile":"0","dropdown_hover_intent":"default","simplify_ocm_mobile":"0","mobile_header_format":"default","ocm_btn_position":"default","left_header_dropdown_func":"default","ajax_add_to_cart":"0","ocm_remove_ext_menu_items":"remove_images","woo_product_filter_toggle":"0","woo_sidebar_toggles":"true","woo_sticky_sidebar":"0","woo_minimal_product_hover":"default","woo_minimal_product_effect":"default","woo_related_upsell_carousel":"false","woo_product_variable_select":"default","woo_using_cart_addons":"false","view_transitions_effect":""}; var nectar_front_i18n = {"menu":"Menu","next":"Next","previous":"Previous","close":"Close"}; /* ]]> */ </script> <script type="text/javascript" src="https://dd9.com/wp-content/themes/salient/js/build/init.js?ver=17.0.3" id="nectar-frontend-js"></script> <script type="text/javascript" src="https://dd9.com/wp-content/plugins/salient-core/js/third-party/touchswipe.min.js?ver=1.0" id="touchswipe-js"></script> <script></script></body> </html>