Spexster - Website Strategy & Design Case Study by SPINX Digital

<!DOCTYPE html> <html dir="ltr" lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <script type="text/javascript"> /* <![CDATA[ */ var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); /* ]]> */ </script> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="format-detection" content="telephone=no" /> <meta name="language" content="en-us" /> <link rel="icon" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/logo-favicon.ico" type="image/x-icon" sizes="any" /> <link rel="icon" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/logo-favicon.svg" type="image/svg+xml" /> <link rel="apple-touch-icon" sizes="180x180" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/favicon_package/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/favicon_package/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/favicon_package/favicon-16x16.png" /> <link rel="manifest" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/favicon_package/manifest.json" /> <link rel="mask-icon" href="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/favicon_package/safari-pinned-tab.svg" color="#16171A" /> <meta name="msapplication-TileColor" content="#16171A" /> <meta name="theme-color" content="#16171A" /> <script> var wpAjaxUrl = 'https://www.spinxdigital.com/wp/wp-admin/admin-ajax.php'; </script> <script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <title>Spexster - Website Strategy & Design Case Study by SPINX Digital</title>  <meta name="description" content="SPINX Digital strategized and designed a video spec marketplace website application for a Los Angeles-based startup. Explore the case study to see how we created a tailored solution for Spexster." /> <meta name="robots" content="max-image-preview:large" /> <link rel="canonical" href="https://www.spinxdigital.com/spexster-webdesign-casestudy/" /> <meta name="generator" content="All in One SEO Pro (AIOSEO) 4.6.6" /> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="SPINX Digital -" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Spexster - Website Strategy & Design Case Study by SPINX Digital" /> <meta property="og:description" content="SPINX Digital strategized and designed a video spec marketplace website application for a Los Angeles-based startup. Explore the case study to see how we created a tailored solution for Spexster." /> <meta property="og:url" content="https://www.spinxdigital.com/spexster-webdesign-casestudy/" /> <meta property="article:published_time" content="2022-10-18T07:12:52+00:00" /> <meta property="article:modified_time" content="2023-05-16T21:07:58+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Spexster - Website Strategy & Design Case Study by SPINX Digital" /> <meta name="twitter:description" content="SPINX Digital strategized and designed a video spec marketplace website application for a Los Angeles-based startup. Explore the case study to see how we created a tailored solution for Spexster." /> <script type="application/ld+json" class="aioseo-schema"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.spinxdigital.com\/#organization","name":"SPINX Digital","url":"https:\/\/www.spinxdigital.com\/","telephone":"+12138949933","logo":{"@type":"ImageObject","url":"https:\/\/www.spinxdigital.com\/app\/uploads\/2023\/03\/spinx-logo-white.png","@id":"https:\/\/www.spinxdigital.com\/spexster-webdesign-casestudy\/#organizationLogo","width":264,"height":64},"image":{"@id":"https:\/\/www.spinxdigital.com\/spexster-webdesign-casestudy\/#organizationLogo"}},{"@type":"Person","@id":"https:\/\/www.spinxdigital.com\/author\/admin\/#author","url":"https:\/\/www.spinxdigital.com\/author\/admin\/","name":"admin","image":{"@type":"ImageObject","@id":"https:\/\/www.spinxdigital.com\/spexster-webdesign-casestudy\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/401a8e8e499063ea90dbbceede4d8110?s=96&d=mm&r=g","width":96,"height":96,"caption":"admin"}},{"@type":"WebPage","@id":"https:\/\/www.spinxdigital.com\/spexster-webdesign-casestudy\/#webpage","url":"https:\/\/www.spinxdigital.com\/spexster-webdesign-casestudy\/","name":"Spexster - Website Strategy & Design Case Study by SPINX Digital","description":"SPINX Digital strategized and designed a video spec marketplace website application for a Los Angeles-based startup. Explore the case study to see how we created a tailored solution for Spexster.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.spinxdigital.com\/#website"},"author":{"@id":"https:\/\/www.spinxdigital.com\/author\/admin\/#author"},"creator":{"@id":"https:\/\/www.spinxdigital.com\/author\/admin\/#author"},"datePublished":"2022-10-18T07:12:52+00:00","dateModified":"2023-05-16T21:07:58+00:00"},{"@type":"WebSite","@id":"https:\/\/www.spinxdigital.com\/#website","url":"https:\/\/www.spinxdigital.com\/","name":"SPINX Digital","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.spinxdigital.com\/#organization"}}]} </script>  <link rel='dns-prefetch' href='//www.google.com' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> body{--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);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.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;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :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;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='comment-form-validation-and-customization-css' href='https://www.spinxdigital.com/app/plugins/comment-form-validation-and-customization/public/css/cv-comment-form-validation-public.css' type='text/css' media='all' /> <link rel='stylesheet' id='cookie-notice-front-css' href='https://www.spinxdigital.com/app/plugins/cookie-notice/css/front.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='megamenu-css' href='https://www.spinxdigital.com/app/uploads/maxmegamenu/style.css' type='text/css' media='all' /> <link rel='stylesheet' id='theme-style-css' href='https://www.spinxdigital.com/app/themes/spinxdigital/style.css' type='text/css' media='all' /> <link rel='stylesheet' id='slick-css-css' href='https://www.spinxdigital.com/app/themes/spinxdigital/assets/css/slick.css' type='text/css' media='all' /> <link rel='stylesheet' id='work-detail-css' href='https://www.spinxdigital.com/app/themes/spinxdigital/assets/css/work-detail.css' type='text/css' media='all' /> <link rel='stylesheet' id='consultation-popup-css-css' href='https://www.spinxdigital.com/app/themes/spinxdigital/assets/css/consultation-popup.css' type='text/css' media='all' /> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/app/plugins/comment-form-validation-and-customization/public/js/cv-comment-form-validation-public.js" id="comment-form-validation-and-customization-js"></script> <script type="text/javascript" id="cookie-notice-front-js-before"> /* <![CDATA[ */ var cnArgs = {"ajaxUrl":"https:\/\/www.spinxdigital.com\/wp\/wp-admin\/admin-ajax.php","nonce":"c0348bea38","hideEffect":"slide","position":"bottom","onScroll":false,"onScrollOffset":100,"onClick":false,"cookieName":"cookie_notice_accepted","cookieTime":2592000,"cookieTimeRejected":2592000,"globalCookie":false,"redirection":false,"cache":true,"revokeCookies":false,"revokeCookiesOpt":"automatic"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.spinxdigital.com/app/plugins/cookie-notice/js/front.min.js" id="cookie-notice-front-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/js/component/consultationTrigger.js" id="consultationTrigger-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/js/app.js" id="custom-js"></script> <link rel="https://api.w.org/" href="https://www.spinxdigital.com/wp-json/" /><link rel='shortlink' href='https://www.spinxdigital.com/?p=6503' /> <link rel="alternate" type="application/json+oembed" href="https://www.spinxdigital.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.spinxdigital.com%2Fspexster-webdesign-casestudy%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.spinxdigital.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.spinxdigital.com%2Fspexster-webdesign-casestudy%2F&format=xml" /> <script id='nitro-telemetry-meta' nitro-exclude>window.NPTelemetryMetadata={missReason: (!window.NITROPACK_STATE ? 'request type not allowed' : 'hit'),pageType: 'our-work',isEligibleForOptimization: false,}</script><script id='nitro-generic' nitro-exclude>(()=>{window.NitroPack=window.NitroPack||{coreVersion:"na",isCounted:!1};let e=document.createElement("script");if(e.src="https://nitroscripts.com/ChEvwayTHZmZJUAdsUNMLXuXZdBprFoQ",e.async=!0,e.id="nitro-script",document.head.appendChild(e),!window.NitroPack.isCounted){window.NitroPack.isCounted=!0;let t=()=>{navigator.sendBeacon("https://to.getnitropack.com/p",JSON.stringify({siteId:"ChEvwayTHZmZJUAdsUNMLXuXZdBprFoQ",url:window.location.href,isOptimized:!!window.IS_NITROPACK,coreVersion:"na",missReason:window.NPTelemetryMetadata?.missReason||"",pageType:window.NPTelemetryMetadata?.pageType||"",isEligibleForOptimization:!!window.NPTelemetryMetadata?.isEligibleForOptimization}))};(()=>{let e=()=>new Promise(e=>{"complete"===document.readyState?e():window.addEventListener("load",e)}),i=()=>new Promise(e=>{document.prerendering?document.addEventListener("prerenderingchange",e,{once:!0}):e()}),a=async()=>{await i(),await e(),t()};a()})(),window.addEventListener("pageshow",e=>{if(e.persisted){let i=document.prerendering||self.performance?.getEntriesByType?.("navigation")[0]?.activationStart>0;"visible"!==document.visibilityState||i||t()}})}})();</script><link rel="icon" href="https://www.spinxdigital.com/app/uploads/2023/04/logo-favicon.ico" sizes="32x32" /> <link rel="icon" href="https://www.spinxdigital.com/app/uploads/2023/04/logo-favicon.ico" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.spinxdigital.com/app/uploads/2023/04/logo-favicon.ico" /> <meta name="msapplication-TileImage" content="https://www.spinxdigital.com/app/uploads/2023/04/logo-favicon.ico" /> <style type="text/css" id="wp-custom-css"> .mc4wp-checkbox-contact-form-7{ display:none; } </style> <style type="text/css">/** Mega Menu CSS: fs **/</style> <meta name="google-site-verification" content="rpvifN_OGzNVRTaHh4btNd4LpyxiQOD_WHs8h8P-Id0" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NSC6GPL');</script>  <script> var thirdParty = document.referrer; if(thirdParty !=''){ var thirdParty = thirdParty.split( '/' ); var protocol = thirdParty[0]; var host = thirdParty[2]; var thirdPartyUrl = protocol + '//' + host; if(thirdPartyUrl != 'https://www.spinxdigital.com' && thirdPartyUrl != 'http://spinx.local'){ setCookie('thirdpartyurl',thirdPartyUrl , 1); } } function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } </script> <div id="awwwards" style="position: fixed; z-index: 999; transform: translateY(-50%); top: 50%; right: 0"><a href="https://www.awwwards.com/sites/spinx-digital" target="_blank" title="awwwards"><svg width="53.08" height="171.358"><path class="js-color-bg" fill="white" d="M0 0h53.08v171.358H0z"></path><g class="js-color-text" fill="black"><path d="M20.047 153.665v-1.9h3.888v-4.093h-3.888v-1.9h10.231v1.9h-4.59v4.093h4.59v1.9zM29.898 142.236c-.331.565-.784.997-1.359 1.294s-1.222.446-1.944.446c-.721 0-1.369-.149-1.943-.446a3.316 3.316 0 0 1-1.36-1.294c-.331-.564-.497-1.232-.497-2.002s.166-1.438.497-2.002a3.316 3.316 0 0 1 1.36-1.294c.574-.297 1.223-.445 1.943-.445.723 0 1.369.148 1.944.445a3.307 3.307 0 0 1 1.359 1.294c.331.564.497 1.232.497 2.002s-.166 1.438-.497 2.002m-1.703-3.347c-.435-.33-.967-.496-1.601-.496-.633 0-1.166.166-1.601.496-.433.332-.649.78-.649 1.346 0 .564.217 1.013.649 1.345.435.331.968.497 1.601.497.634 0 1.166-.166 1.601-.497.435-.332.649-.78.649-1.345.001-.566-.214-1.014-.649-1.346M22.911 134.852v-1.813h1.186a3.335 3.335 0 0 1-.951-1.009 2.423 2.423 0 0 1-.352-1.271c0-.682.19-1.229.57-1.645.381-.413.932-.621 1.652-.621h5.262v1.812h-4.721c-.419 0-.727.096-.921.285-.195.19-.292.447-.292.769 0 .302.115.58.35.833.234.254.577.458 1.03.613.454.156.993.234 1.616.234h2.938v1.813h-7.367zM29.898 125.136a3.314 3.314 0 0 1-1.359 1.294c-.575.297-1.222.445-1.944.445-.721 0-1.369-.148-1.943-.445a3.322 3.322 0 0 1-1.36-1.294c-.331-.565-.497-1.232-.497-2.002 0-.771.166-1.438.497-2.003a3.313 3.313 0 0 1 1.36-1.293c.574-.297 1.223-.446 1.943-.446.723 0 1.369.149 1.944.446s1.028.728 1.359 1.293.497 1.232.497 2.003c.001.769-.166 1.436-.497 2.002m-1.703-3.347c-.435-.331-.967-.497-1.601-.497-.633 0-1.166.166-1.601.497-.433.331-.649.778-.649 1.345 0 .564.217 1.013.649 1.344.435.332.968.498 1.601.498.634 0 1.166-.166 1.601-.498.435-.331.649-.779.649-1.344.001-.567-.214-1.014-.649-1.345M22.911 117.75v-1.812h1.199c-.419-.265-.742-.586-.972-.966s-.345-.784-.345-1.213c0-.272.05-.569.146-.892l1.682.336a1.429 1.429 0 0 0-.205.76c0 .576.261 1.048.783 1.418.521.37 1.342.557 2.461.557h2.617v1.812h-7.366zM29.812 111.252c-.391.511-.857.851-1.403 1.016l-.776-1.446c.381-.138.68-.329.893-.577.215-.249.321-.544.321-.885a1.2 1.2 0 0 0-.168-.658c-.112-.175-.294-.263-.548-.263-.225 0-.406.105-.548.313-.142.21-.291.534-.446.973-.019.068-.058.17-.117.307-.224.565-.506 1.004-.848 1.315-.34.313-.779.467-1.314.467-.381 0-.727-.102-1.039-.306a2.185 2.185 0 0 1-.744-.84 2.554 2.554 0 0 1-.279-1.207c0-.497.105-.949.314-1.359.211-.408.506-.725.886-.949l.993 1.082c-.43.292-.644.686-.644 1.184a.84.84 0 0 0 .154.504.471.471 0 0 0 .401.212c.176 0 .338-.103.49-.307.15-.205.334-.604.547-1.199.205-.564.474-1.001.805-1.308.332-.308.756-.46 1.271-.46.721 0 1.299.229 1.732.687s.65 1.057.65 1.797c.001.759-.194 1.396-.583 1.907M35.481 17.006l-4.782 14.969h-3.266l-2.584-9.682-2.584 9.682h-3.268l-4.782-14.969h3.713l2.673 10.276 2.525-10.276h3.445l2.524 10.276 2.674-10.276zM37.978 27.163c1.426 0 2.496 1.068 2.496 2.495 0 1.425-1.07 2.495-2.496 2.495-1.425 0-2.494-1.07-2.494-2.495-.001-1.427 1.069-2.495 2.494-2.495"></path></g></svg></a></div> </head> <body class="our-work-template-default single single-our-work postid-6503 single-format-standard cookies-not-set mega-menu-main-menu has-header-image has-sidebar colors-light">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NSC6GPL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="page-wrapper"> <header id="header" class="fixed-top" role="banner"> <div class="head-phone"> <div class="container"> <div class="row"> <div class="col-12"> <a href="tel:213.894.9933">213.894.9933</a> </div> </div> </div> </div> <nav class="navbar navbar-expand-lg" role="menu"> <div class="container"> <a class="navbar-brand" href="https://www.spinxdigital.com"> <img src="https://www.spinxdigital.com/app/uploads/2023/03/spinx-logo-white.png" class="svg img-fluid" width="132" height="32" alt="Los Angeles Web Design & Website Development" title="SPINX Digital Logo"> </a> <div class="right-btns"> <a href="https://www.spinxdigital.com/start-a-project/" class="head-start-project d-block d-lg-none">Let's Talk</a> <button class="navbar-toggler" type="button" aria-haspopup="true" aria-label="Toggle navigation"> <span></span> <span></span> <span></span> <span></span> </button> </div> <div class="navbar-menu" id="divNavbar" role="navigation" aria-label="main menu"> <div id="mega-menu-wrap-main-menu" class="mega-menu-wrap"><div class="mega-menu-toggle"><div class="mega-toggle-blocks-left"><div class='mega-toggle-block mega-menu-toggle-block mega-toggle-block-1' id='mega-toggle-block-1' tabindex='0'><span class='mega-toggle-label' role='button' aria-expanded='false'><span class='mega-toggle-label-closed'>MENU</span><span class='mega-toggle-label-open'>MENU</span></span></div><div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-2' id='mega-toggle-block-2'><button aria-label="Toggle Menu" class="mega-toggle-animated mega-toggle-animated-slider" type="button" aria-expanded="false"> <span class="mega-toggle-animated-box"> <span class="mega-toggle-animated-inner"></span> </span> </button></div><div class='mega-toggle-block mega-menu-toggle-block mega-toggle-block-3' id='mega-toggle-block-3' tabindex='0'><span class='mega-toggle-label' role='button' aria-expanded='false'><span class='mega-toggle-label-closed'>MENU</span><span class='mega-toggle-label-open'>MENU</span></span></div><div class='mega-toggle-block mega-spacer-block mega-toggle-block-4' id='mega-toggle-block-4'></div><div class='mega-toggle-block mega-menu-toggle-block mega-toggle-block-5' id='mega-toggle-block-5' tabindex='0'><span class='mega-toggle-label' role='button' aria-expanded='false'><span class='mega-toggle-label-closed'>MENU</span><span class='mega-toggle-label-open'>MENU</span></span></div></div><div class="mega-toggle-blocks-center"></div><div class="mega-toggle-blocks-right"><div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-6' id='mega-toggle-block-6'><button aria-label="Toggle Menu" class="mega-toggle-animated mega-toggle-animated-slider" type="button" aria-expanded="false"> <span class="mega-toggle-animated-box"> <span class="mega-toggle-animated-inner"></span> </span> </button></div></div></div><ul id="mega-menu-main-menu" class="mega-menu max-mega-menu mega-menu-horizontal mega-no-js" data-event="hover" data-effect="fade_up" data-effect-speed="400" data-effect-mobile="slide" data-effect-speed-mobile="400" data-mobile-force-width="false" data-second-click="disabled" data-document-click="collapse" data-vertical-behaviour="accordion" data-breakpoint="991" data-unbind="true" data-mobile-state="collapse_all" data-hover-intent-timeout="300" data-hover-intent-interval="100"><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-21' id='mega-menu-item-21'><a class="mega-menu-link" href="https://www.spinxdigital.com/work/" tabindex="0">Work</a></li><li class='mega-expertise-menu mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-grid mega-menu-item-4557 expertise-menu' id='mega-menu-item-4557'><a class="mega-menu-link" href="https://www.spinxdigital.com/expertise/" aria-haspopup="true" aria-expanded="false" tabindex="0">Expertise<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-row' id='mega-menu-4557-0'> <ul class="mega-sub-menu"> <li class='mega-menu-column mega-mega-back-link mega-menu-columns-12-of-12 mega-back-link' id='mega-menu-4557-0-0'> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-8' id='mega-menu-item-text-8'> <div class="textwidget"><p><a href="#">Back</a></p> </div> </li> </ul> </li><li class='mega-menu-column mega-menu-expertise-class mega-menu-columns-8-of-12 menu-expertise-class' id='mega-menu-4557-0-1'> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-widget widget_nav_menu mega-menu-item-nav_menu-8' id='mega-menu-item-nav_menu-8'><h4 class="mega-block-title">Expertise</h4><div class="menu-expertise-container"><ul id="menu-expertise" class="menu"><li id="menu-item-5397" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-5397"><a href="https://www.spinxdigital.com/discovery/">Discovery</a></li> <li id="menu-item-5396" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-5396"><a href="https://www.spinxdigital.com/strategy-planning/">Strategy & Planning</a></li> <li id="menu-item-5398" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-has-children menu-item-5398"><a href="https://www.spinxdigital.com/website-solutions/">Website Solutions</a> <ul class="sub-menu"> <li id="menu-item-20279" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20279"><a href="https://www.spinxdigital.com/visual-design/">Visual Design</a></li> <li id="menu-item-20277" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20277"><a href="https://www.spinxdigital.com/development/">Development</a></li> <li id="menu-item-20278" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20278"><a href="https://www.spinxdigital.com/ecommerce/">Ecommerce</a></li> <li id="menu-item-20281" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20281"><a href="https://www.spinxdigital.com/website-redesign-services/">Website Redesign Services</a></li> <li id="menu-item-20280" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20280"><a href="https://www.spinxdigital.com/website-maintenance-services/">Website Maintenance Services</a></li> </ul> </li> <li id="menu-item-5393" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-5393"><a href="https://www.spinxdigital.com/app-development-company/">Mobile Application Development</a></li> <li id="menu-item-5395" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-has-children menu-item-5395"><a href="https://www.spinxdigital.com/enterprise-cms-solutions/">Enterprise CMS Solutions</a> <ul class="sub-menu"> <li id="menu-item-20283" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20283"><a href="https://www.spinxdigital.com/drupal/">Drupal Development</a></li> <li id="menu-item-20284" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20284"><a href="https://www.spinxdigital.com/sitecore/">Sitecore Implementation & Consultation</a></li> <li id="menu-item-20285" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20285"><a href="https://www.spinxdigital.com/wordpress/">WordPress</a></li> <li id="menu-item-20282" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20282"><a href="https://www.spinxdigital.com/adobe-experience-manager/">AEM (Adobe Experience Manager)</a></li> </ul> </li> <li id="menu-item-5394" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-has-children menu-item-5394"><a href="https://www.spinxdigital.com/online-marketing/">Digital Marketing</a> <ul class="sub-menu"> <li id="menu-item-20286" class="menu-item menu-item-type-post_type menu-item-object-our-expertise menu-item-20286"><a href="https://www.spinxdigital.com/search-engine-optimization/">Search Engine Optimization (SEO)</a></li> </ul> </li> </ul></div></li> </ul> </li><li class='mega-menu-column mega-menu-industry-class mega-menu-columns-4-of-12 menu-industry-class' id='mega-menu-4557-0-2'> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-widget widget_nav_menu mega-menu-item-nav_menu-9' id='mega-menu-item-nav_menu-9'><h4 class="mega-block-title">Industries</h4><div class="menu-industries-container"><ul id="menu-industries" class="menu"><li id="menu-item-19862" class="menu-item menu-item-type-post_type menu-item-object-industries menu-item-19862"><a href="https://www.spinxdigital.com/beauty-skincare-marketing/">Beauty & Skincare Marketing Agency</a></li> <li id="menu-item-5304" class="menu-item menu-item-type-post_type menu-item-object-industries menu-item-5304"><a href="https://www.spinxdigital.com/law-firm-marketing/">Law Firm Marketing</a></li> <li id="menu-item-19924" class="menu-item menu-item-type-post_type menu-item-object-industries menu-item-19924"><a href="https://www.spinxdigital.com/law-firm-website-design-company/">Law Firm Website Design</a></li> </ul></div></li> </ul> </li> </ul> </li></ul> </li><li class='mega-about-menu mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-grid mega-menu-item-19 about-menu' id='mega-menu-item-19'><a class="mega-menu-link" href="https://www.spinxdigital.com/about/" aria-haspopup="true" aria-expanded="false" tabindex="0">About<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-row' id='mega-menu-19-0'> <ul class="mega-sub-menu"> <li class='mega-menu-column mega-mega-back-link mega-menu-columns-12-of-12 mega-back-link' id='mega-menu-19-0-0'> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-7' id='mega-menu-item-text-7'> <div class="textwidget"><p><a href="#">Back</a></p> </div> </li> </ul> </li><li class='mega-menu-column mega-menu-columns-12-of-12' id='mega-menu-19-0-1'> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-5' id='mega-menu-item-text-5'> <div class="textwidget"><h4 class="mega-block-title">About</h4> <ul class="list-unstyled menu"> <li><a href="https://www.spinxdigital.com/about/"><strong>Who We Are</strong><span class="sub">The secret ingredient for the SPINX difference.</span></a></li> <li><a href="https://www.spinxdigital.com/our-process/"><strong>Our Process</strong><span class="sub">How we guide you from idea to execution.</span></a></li> <li class="d-none"><a href="https://www.spinxdigital.com/our-technology/"><strong>Our Technologies</strong><span class="sub">Which platform/technologies is right for you?</span></a></li> <li><a href="https://www.spinxdigital.com/careers/"><strong>Careers</strong><span class="sub">Grow your career with the SPINX family.</span></a></li> </ul> </div> </li> </ul> </li> </ul> </li></ul> </li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-18' id='mega-menu-item-18'><a class="mega-menu-link" href="https://www.spinxdigital.com/insights/" tabindex="0">Insights</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-20766' id='mega-menu-item-20766'><a class="mega-menu-link" href="https://www.spinxdigital.com/ebook/" tabindex="0">eBooks</a></li></ul></div> <a role="button" data-marquee-text="Let's Talk" class="marquee-button " href="https://www.spinxdigital.com/start-a-project/" > <span role="presentation" class="label">Let's Talk</span> <span class="visually-hidden">Let's Talk</span> <span class="bg"></span> </a> </div> </nav> </header> <section class="work-detail-banner" data-section="White" id="white"> <div class="container"> <div class="row"> <div class="col-xl-8 mx-auto"> <h1 class="h2 text-center hero-inner-fade-up">Producing a New Video Spec Marketplace </h1> </div> </div>  <div class="row hero-in-sub-fade-up"> <div class="col-xl-10 mx-auto"> <div class="work-image-wrapper"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/Spexster-Main.webp" alt="Spexster Web App Design & Development Case Study" height="" width="1084" /> </div> </div> </div> </div> </section> <section class="outerContainer p-0"> <div class="w-100" id="outerContainer"> <div id="fixNav" class="link-fix"> <div class="container"> <div class="row"> <div class="col-12"> <div class="wrapper-fix"> <div class="casestudy-title">Spexster Web App Design & Development</div> <ul> <li> <a data-target="#workCasestudy" href="#workCasestudy">Overview</a> </li> <li> <a data-target="#workDiscovery" href="#workDiscovery">Discovery</a> </li> <li> <a data-target="#workUX" href="#workUX">UX</a> </li> <li> <a data-target="#workBuild" href="#workBuild">Build</a> </li> <li> <a data-target="#workLaunch" href="#workLaunch">Launch</a> </li> <li> <a data-target="#workClose" href="#workClose">Results</a> </li> </ul> </div> </div> </div> </div> </div> <div id="workCasestudy" class="work-casestudy"> <div class="container overview-sec"> <div class="row"> <div class="col-xl-8 mx-auto"> <div class="work-casestudy-desc body-large editor-link"> <h3>Spexster Web App Design & Development</h3> <h5>OVERVIEW</h5> <h4>Spexster is a startup created to connect videographers with advertisers. The idea for it was birthed after the filmmaker founders decided to create a marketplace that would allow them to sell spec videos (footage shot for a pitch, but not selected). The marketplace allows advertisers to find an already-created video for their marketing campaign, provide the videographer with their branding materials, and have the videographer make the minor edits needed to create the final product. It’s a win-win for both advertisers and videographers – advertisers don’t have to hire videographers to produce a video, and videographers can market specs that were created but not used.</h4> </div> </div> </div> </div> </div> <div class="work-detail-quote"> <div class="container"> <div class="row"> <div class="col-xl-10 mx-auto"> <blockquote>A cinematic look and feel conveys the purpose of the site and sets the stage for action.</blockquote> </div> </div> </div> </div> <div id="workDiscovery" class="bg-white work-discovery"> <div class="container"> <div class="row"> <div class="col-xl-8 mx-auto"> <div class="discovery-desc body-large editor-link"> <h5>Discovery</h5> <h4>When we collaborated with the Spexster founders for the discovery session, one of the first things we looked into were potential competitors.</h4> <p>We found that there weren’t any businesses on the market that do exactly what Spexster set out to do, so we focused our research on indirect competitors. Stock footage sites, like Shutterstock, were as close as we could get, but still, Spexster’s concept differentiated them from the crowd.<br /> A crucial part of our discovery focused on researching design inspiration. Since Spexster was a startup, we were able to do a deep dive into several exercises that shaped our design approach.</p> <p>Once the discovery phase was complete, we were ready to jump into our UX strategy and wireframing.</p> </div> </div> </div> </div> </div> <div id="workUX" class="work-discovery work-ux bg-white"> <div class="container"> <div class="row"> <div class="col-xl-8 mx-auto discovery-spacing"> <div class="discovery-desc body-large editor-link"> <h5>UX Strategy</h5> <h4>Since Spexster was a startup, we jumped into the UX Strategy phase to define the first version of their marketplace.</h4> <p>Building everything from the ground up meant that we needed to focus our efforts on planning out an impactful and easy-to-use minimum viable product (MVP). The team from Spexster brought tons of amazing, creative ideas to the table, and the first thing we spent our time on was putting together a product roadmap to help us prioritize the most important features that would make Spexster successful from Day 1.<br /> During the wireframing phase, we focused a lot of our emphasis on 3 core pages. The landing page, video list, and detail pages were all strategized for optimal engagement and interaction. The goal on the landing page was to introduce visitors to the purpose of Spexster and give them the opportunity to immediately dive into searching the high-quality specs available on the site. The list page pulls visitors in and encourages them to browse the specs available within a wide array of categories. The detail pages were intentionally structured to provide an immersive and forward-moving experience with a clear path to the next step a visitor needed to take.</p> <p>Our second area of focus was on the conversion funnel. Since Spexster ran on a unique business model and was a high-ticket marketplace, we spent a lot of time mapping out a frictionless conversion flow.</p> </div> </div> </div> <div class="row ux-mobile-slider"> <div class="col-md-6"> <div class="img-wrapper"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/10/UX1-15.jpg" alt="Spexster Web App Design & Development Case Study UX Strategy Image 0" width="636" height="380" /> </div> </div> <div class="col-md-6"> <div class="img-wrapper"> <img class="img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/10/UX2-15.jpg" alt="Spexster Web App Design & Development Case Study UX Strategy Image 1" width="636" height="380" /> </div> </div> </div> </div> </div> <div id="workBuild" class="work-discovery work-build bg-white"> <div class="container"> <div class="row"> <div class="col-xl-8 mx-auto"> <div class="discovery-desc body-large editor-link"> <h5>Build</h5> <h4>After formulating our UX strategy we started to skin the wireframes, leaning on darker colors to give the site a cinematic feel.</h4> <p>We balanced the dark backgrounds with lighter backgrounds in sections that had large blocks of text, since research shows that too much white text on a dark background strains the eyes.<br /> Pulling complementary colors from Spexsters’ logo, bright accent colors were worked into key parts of the site to leverage attention and bring attention to the calls to action (CTAs). These energetic colors also helped provide visual interest by breaking up the monochromatic black and white background colors.</p> <p>In terms of programming, Spexster is complex. Due to the unique flow and features needed for the marketplace, we built the site from the ground up on a custom .NET platform (WordPress or other off-the-shelf enterprise level solutions just wouldn’t do). This allowed us to build the site exactly to meet the client’s expectations, from the frontend design, to the logged in user interface, to the backend content management system. Everything was tailor made for Spexster’s unique vision.</p> <p>We were able to code some very engaging interactions while building the site, starting with custom interactions on the video listing page, where a short video clip plays when hovering over the video thumbnail. If the visitor wanted more information, they could click to expand open additional details on the listing page. If the visitor wanted to message the creator or make a purchase, they would be able to click on a button taking them to the detail page. Each element encourages interaction from visitors and is optimized to pull visitors deeper into the user journey.</p> </div> </div> </div> </div> </div> <div class="work-build-img"> <div class="container"> <div class="row"> <div class="col-xl-10 mx-auto"> <div class="work-build-wrapper"> <img class="w-100 img-fluid" src="https://www.spinxdigital.com/app/uploads/2022/10/Build-14.jpg" alt="Producing a New Video Spec Marketplace Build Image-0" height="650" width="1082" /> </div> </div> </div> </div> </div> <div id="workLaunch" class="work-discovery work-launch bg-white"> <div class="container"> <div class="row"> <div class="col-xl-8 mx-auto"> <div class="discovery-desc body-large editor-link"> <h5>Test & Launch</h5> <h4>Once the site was built we fully tested it using multiple browsers, mobile devices, laptops, and desktops.</h4> <p>Once we were confident that there were no bugs on the site, we trained the client on the CMS and allowed them to go through their round of testing and finalize content on the site. Once complete, we were ready to take the site live.</p> <p>In preparing to go live, we normally would review the old website’s analytics, find the time when the least amount of users are viewing the site, and use that as our guide to launch. However, since Spexster was a brand new company without any previous website, there were no visitors that would be impacted with the launch. Thus, we were able to go through our complete launch process at the client’s preferred time.</p> </div> </div> </div> </div> <div id="workClose" class="work-images cmn-slider "> <div class="clients__line cmn-slider-line"> <div class="clients__list-wrapper"> <div class="clients__list"> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/1-15.jpg" style="background-image: url('')" class="" alt="spexster-webdesign-casestudy-0" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/2-15.jpg" style="background-image: url('')" class="" alt="spexster-webdesign-casestudy-1" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/3-15.jpg" style="background-image: url('')" class="" alt="spexster-webdesign-casestudy-2" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/4-15.jpg" style="background-image: url('')" class="" alt="spexster-webdesign-casestudy-3" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/5-15.jpg" style="background-image: url('')" class="" alt="spexster-webdesign-casestudy-4" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/6-14.jpg" style="background-image: url('')" class="" alt="spexster-webdesign-casestudy-5" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/7-6.jpg" style="background-image: url('')" class="" alt="spexster-webdesign-casestudy-6" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/8-1.jpg" style="background-image: url('')" class="" alt="spexster-webdesign-casestudy-7" height="" width="630" /> </div> </div> </div> </div> <div class="panel-hover d-flex justify-content-between"> <button class="panel-hover__control js-panel-control-right"></button> <button class="panel-hover__control js-panel-control-left"></button> </div> </div> </div> <div class="work-marquee"> <div class="marquee-div"> <div class="marquee-text m-0" data-text="Boosting visitor engagement within the conversion funnel was accomplished through interactive features and intuitive functionality.">Boosting visitor engagement within the conversion funnel was accomplished through interactive features and intuitive functionality. </div> </div> </div> <div class="bg-white work-discovery work-closing "> <div class="container"> <div class="row"> <div class="col-xl-8 mx-auto"> <div class="discovery-desc body-large editor-link"> <h5>Closing Thoughts</h5> <h4>We’re currently in the process of continuing down the project roadmap and have been adding to the functionality and features available on the site, which has been met with a positive reaction by users. With a bright future ahead of them, Spexster is more than ready for it’s time in the spotlight.</h4> <a href="https://www.spexster.com/" class="btn btn-link btn-black" target="_blank"><span>View Site</span></a> <a href="https://www.spinxdigital.com/app/uploads/2023/04/Spexster-Case-Study-from-Award-Winning-Agency-SPINX-Digital.pdf" class="btn btn-link btn-black"><span>Download PDF</span></a> </div> </div> </div> </div> <div class="work-explore"> <div class="container"> <div class="row align-items-center"> <div class="col-xl-4"> <h2>Explore our related expertise</h2> </div> <div class="col-xl-8 body-large"> <ul class="list-unstyled pb-5 pb-lg-0 row"> <li class="col-lg-6"><a href="https://www.spinxdigital.com/discovery/" class="btn-link btn-black"><span>Discovery</span></a></li> <li class="col-lg-6"><a href="https://www.spinxdigital.com/strategy-planning/" class="btn-link btn-black"><span>Strategy & Planning</span></a></li> <li class="col-lg-6"><a href="https://www.spinxdigital.com/website-solutions/" class="btn-link btn-black"><span>Website Solutions</span></a></li> <li class="col-lg-6"><a href="https://www.spinxdigital.com/visual-design/" class="btn-link btn-black"><span>Visual Design</span></a></li> <li class="col-lg-6"><a href="https://www.spinxdigital.com/development/" class="btn-link btn-black"><span>Development</span></a></li> <li class="col-lg-6"><a href="https://www.spinxdigital.com/app-development-company/" class="btn-link btn-black"><span>Mobile Apps & Responsive Websites</span></a></li> </ul> </div> </div> </div> </div> <div class="next-casestudy"> <div class="container"> <div class="row"> <div class="col-12"> <div class="casestudy-feat"> <div class="casestudy-feat-img" style="background: #20B982;"> <div class="img-wrapper"> <img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" style="background-image: url('https://www.spinxdigital.com/app/uploads/2023/10/Thumbnail.jpg')" class="divImg" alt="" height="325" width="480" /> </div> </div> <div class="casestudy-feat-desc body-large"> <span>American Association of Individual Investors (AAII) Website Redesign</span> <a href="https://www.spinxdigital.com/aaii-webdesign-casestudy/" class="stretched-link h3">A Rich, Engaging Redesign for a Nonprofit Investment Education Website and Membership Portal</a> <br /> <a href="https://www.spinxdigital.com/aaii-webdesign-casestudy/" class="btn-link btn-link-white"> <span>Next up</span> </a> </div> </div> </div> </div> </div> </div> </div> </section>  <section class="start-project"> <div class="ft-logo-wrapper"> <a class="stretched-link start-a-project" href="https://www.spinxdigital.com/start-a-project/"> <span class="logo">Start a project</span> <span class="logo">Start a project</span> </a> <div class="project-start-title"> <h2 class="h1">Start a Project<span></span></h2> </div> </div> </section>  <script defer src="https://www.spinxdigital.com/app/themes/spinxdigital/build/single-our-work.min.js"></script> <script nitro-exclude> document.cookie = 'nitroCachedPage=' + (!window.NITROPACK_STATE ? '0' : '1') + '; path=/; SameSite=Lax'; </script> <footer> <div class="container"> <div class="row sdf-links"> <div class="col-md-6 col-lg-3"> <h5>INDUSTRIES</h5> <ul> <li><a href="https://www.spinxdigital.com/automotive-marketing/">Automotive Marketing</a></li><li><a href="https://www.spinxdigital.com/beauty-skincare-marketing/">Beauty & Skincare Marketing Agency</a></li><li><a href="https://www.spinxdigital.com/law-firm-marketing/">Law Firm Marketing</a></li><li><a href="https://www.spinxdigital.com/law-firm-website-design-company/">Law Firm Website Design</a></li><li><a href="https://www.spinxdigital.com/hospitality-marketing/">Travel & Hospitality Marketing Agency</a></li> </ul> </div> <div class="col-md-6 col-lg-3"> <h5>SERVICES</h5> <ul> <li><a href="https://www.spinxdigital.com/website-solutions/">Website Design</a></li><li><a href="https://www.spinxdigital.com/development">Website Development</a></li><li><a href="https://www.spinxdigital.com/enterprise-cms-solutions/">Enterprise CMS Solutions</a></li><li><a href="https://www.spinxdigital.com/website-redesign-services/">Website Redesign Services</a></li><li><a href="https://www.spinxdigital.com/website-maintenance-services/">Website Maintenance Services</a></li><li><a href="https://www.spinxdigital.com/search-engine-optimization/">Search Engine Optimization</a></li> </ul> </div> <div class="col-md-6 col-lg-3"> <h5>Technologies</h5> <ul> <li><a href="https://www.spinxdigital.com/sitecore/">Sitecore</a></li><li><a href="https://www.spinxdigital.com/drupal/">Drupal</a></li><li><a href="https://www.spinxdigital.com/sitefinity/">Sitefinity</a></li><li><a href="https://www.spinxdigital.com/wordpress/">WordPress</a></li><li><a href="https://www.spinxdigital.com/adobe-experience-manager/">Adobe Experience Manager (AEM)</a></li> </ul> </div> <div class="col-md-6 col-lg-3"> <h5>Case Studies</h5> <ul> <li><a href="https://www.spinxdigital.com/california-endowment-webdesign-casestudy/">The California Endowment Website Redesign</a></li><li><a href="https://www.spinxdigital.com/bega-webdesign-casestudy/">BEGA Website Redesign</a></li><li><a href="https://www.spinxdigital.com/bsmconsulting-webdesign-casestudy/">BSM Consulting Website and Portal Redesign</a></li><li><a href="https://www.spinxdigital.com/spexster-webdesign-casestudy/">Spexster Web App Design & Development</a></li><li><a href="https://www.spinxdigital.com/kpff-webdesign-casestudy/">KPFF Website Redesign & Development</a></li> </ul> </div> </div> <div class="row ft-cols"> <div class="col-lg-4"> <div class="ft-col dark-bg"> <h5>CHAT WITH US</h5> <a href="tel:213.894.9933" class="btn-link btn-link-white"><span>213.894.9933</span></a><br/> <a href="mailto:hello@spinxdigital.com" class="btn-link btn-link-white"><span>hello@spinxdigital.com</span></a> </div> </div> <div class="col-lg-4"> <div class="ft-col"> <h5>FIND US</h5> <h4><a href="https://www.google.com/maps/place/911+W+Washington+Blvd,+Los+Angeles,+CA+90015/@34.037244,-118.280147,17z/data=!3m1!4b1!4m5!3m4!1s0x80c2c7eaeebf26bd:0xfd6f54818d765c8b!8m2!3d34.037244!4d-118.2779583" rel="noopener" target="_blank">911 W. Washington Blvd.<br/>Los Angeles, California 90015</a></h4> </div> </div> <div class="col-lg-4 col-xl-3 ms-auto"> <div class="ft-col"> <h5>Follow us on</h5> <ul> <li><a href="https://www.linkedin.com/company/spinx-inc./" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2022/09/ft-linkedin.svg" alt="" height="20" width="18" /></a></li> <li><a href="https://x.com/spinxdigital" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2024/08/icn-twitter.svg" alt="Twitter" height="20" width="18" /></a></li> <li><a href="https://www.facebook.com/SPINXdigitalagency/" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2022/09/ft-facebook.svg" alt="" height="20" width="18" /></a></li> <li><a href="https://www.youtube.com/channel/UCm7pctZnF88E8nyADxD323w" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2024/08/icn-youtube.svg" alt="Youtube" height="20" width="18" /></a></li> <li><a href="https://www.pinterest.com/spinxagency/" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2024/08/icn-pinterest2.svg" alt="pinterest" height="20" width="18" /></a></li> <li><a href="https://www.behance.net/spinx_digital" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2024/08/icn-be.svg" alt="Behance" height="20" width="18" /></a></li> <li><a href="https://dribbble.com/spinx_digital" rel="noopener" target="_blank"><img class="svg" src="https://www.spinxdigital.com/app/uploads/2024/08/icn-dribble.svg" alt="Dribble" height="20" width="18" /></a></li> </ul> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="spinx-copyright"> <div class="ft-logo"> <a href="https://www.spinxdigital.com"><img src="https://www.spinxdigital.com/app/uploads/2022/09/ft-logo.svg" alt="Spexster - Website Strategy & Design Case Study by SPINX Digital" height="24" width="100" /></a> <span>© 2024 SPINX Digital All Rights Reserved</span> </div> <div class="ft-links"> <ul> <li><a href="https://www.spinxdigital.com/contact/">Contact Us</a></li> <li><a href="https://www.spinxdigital.com/privacy-policy/">Privacy Policy</a></li> <li><a href="https://www.spinxdigital.com/do-not-sell-my-info/">Do Not Sell My Info</a></li> </ul> </div> </div> </div> </div> </div> </footer> </div> <div class="cursor"></div> <div class="cursor-follower"></div> <div class="canvas" id="aboutHoverImgCanvas" width="434" height="291"></div> <div class="loader-inner"> <img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/loader.gif" height="" width="50" alt="loader image" class="img-fluid"> </div>  <div class="modal fade fullscreenPopup" id="footerForm" tabindex="-1" aria-labelledby="footerForm" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-body"> <div class="container"> <div class="row"> <div class="col-12"> <div class="popup-header"> <a class="navbar-brand" href="https://www.spinxdigital.com"> <img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/logo.svg" class="svg img-fluid" width="132" height="32" alt=""> </a> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><img height="68" width="68" alt="" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/cross-popup.svg" /></button> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="steps-wrapper"> https://www.spinxdigital.com/start-a-project/ </div> </div> </div> </div> </div> </div> </div> </div>  <div class="modal fade subscribe-success-popup" id="subscribePopUp" tabindex="-1" aria-labelledby="subscribePopUpLabel" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-body"> <div class="row"> <div class="col-lg-4 order-lg-2"> <img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/graphic-send.svg" class="img-fluid" alt="Sent" width="294" height="391"> </div> <div class="col-lg-8"> <h3 class="thanks">Thanks for subscribing!</h3> <p>Keep an eye out for awesome web content heading straight for your inbox!</p> <button type="button" data-bs-dismiss="modal" class="btn btn-primary">CLOSE</button> </div> </div> </div> </div> </div> </div> <script defer src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/js/library/jquery.cookie.min.js"></script>  <div class="stick_container" style="display:none;"> <div id="stickLayer" class="stick_popup"> <div id="close_popup_form" class="stick_close"><img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/popup-close.svg" class="img-fluid" width="24" height="24" alt="close icon" /></div> <div class="stick_content"> <script type="text/javascript"></script> <div class='gf_browser_ie gf_browser_ie7 gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_9' ><div id='gf_9' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_9' id='gform_9' action='/spexster-webdesign-casestudy/#gf_9' data-formid='9' novalidate><div class='gf_invisible ginput_recaptchav3' data-sitekey='6LejkI0kAAAAAABLuNcm2eQ8YGzXuD13sehO4dL0' data-tabindex='0'><input id="input_1d1377dfc731c40aee5c6a8814ce374a" class="gfield_recaptcha_response" type="hidden" name="input_1d1377dfc731c40aee5c6a8814ce374a" value=""/></div> <div class='gform-body gform_body'><div id='gform_fields_9' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_9_14" class="gfield gfield--type-html gfield--input-type-html gfield--width-full gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_14" ><img alt="icon" height="81" width="81" class="icn-form" src="https://cdn-eahjn.nitrocdn.com/ChEvwayTHZmZJUAdsUNMLXuXZdBprFoQ/assets/images/optimized/rev-a40557e/www.spinxdigital.com/app/themes/spinxdigital/assets/images/exit-graphic.svg"> <h2>Unlock Your Free Homepage Audit</h2> <p>Our audit reveals if your site stands out, communicates value, and is easy to navigate — while uncovering ways to boost engagement, conversions, and security.</p></div><div id="field_9_5" class="gfield gfield--type-text gfield--input-type-text gfield--width-full form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_5" ><label class='gfield_label gform-field-label' for='input_9_5'>Name<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_5' id='input_9_5' type='text' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_9_6" class="gfield gfield--type-email gfield--input-type-email gfield--width-full form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_6" ><label class='gfield_label gform-field-label' for='input_9_6'>Email Address<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_6' id='input_9_6' type='email' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_9_7" class="gfield gfield--type-phone gfield--input-type-phone gfield--width-full form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_7" ><label class='gfield_label gform-field-label' for='input_9_7'>Phone Number<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_phone'><input name='input_7' id='input_9_7' type='tel' value='' class='large' aria-required="true" aria-invalid="false" /></div></div><div id="field_9_9" class="gfield gfield--type-text gfield--input-type-text gfield--width-full form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_9" ><label class='gfield_label gform-field-label' for='input_9_9'>Your Website URL<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_9_9' type='text' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_9_10" class="gfield gfield--type-text gfield--input-type-text gfield--width-full form-control gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_10" ><label class='gfield_label gform-field-label' for='input_9_10'>What are your biggest website pain points?<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_10' id='input_9_10' type='text' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_9_13" class="gfield gfield--type-hidden gfield--input-type-hidden gfield--width-half gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_13" ><div class='ginput_container ginput_container_text'><input name='input_13' id='input_9_13' type='hidden' class='gform_hidden' aria-invalid="false" value='' /></div></div><div id="field_submit" class="gfield gfield--type-submit gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-field-class="gform_editor_submit_container" data-field-position="inline" data-js-reload="true" ><input type='submit' id='gform_submit_button_9' class='gform-button gform-button--white button' value='REQUEST A FREE AUDIT' onclick='if(window["gf_submitting_9"]){return false;} if( !jQuery("#gform_9")[0].checkValidity || jQuery("#gform_9")[0].checkValidity()){window["gf_submitting_9"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_9"]){return false;} if( !jQuery("#gform_9")[0].checkValidity || jQuery("#gform_9")[0].checkValidity()){window["gf_submitting_9"]=true;} jQuery("#gform_9").trigger("submit",[true]); }' /></div><div id="field_9_15" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_9_15" ><label class='gfield_label gform-field-label' for='input_9_15'>Phone</label><div class='ginput_container'><input name='input_15' id='input_9_15' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_9_15'>This field is for validation purposes and should be left unchanged.</div></div></div></div> <div class='gform_footer top_label'> <input type='hidden' name='gform_ajax' value='form_id=9&title=&description=&tabindex=0&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_9' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='9' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_9' value='WyJbXSIsIjkyYjUyZTNiOTdmZDE1MTU0M2FjMTVhOTgwZGIwM2MxIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_9' id='gform_target_page_number_9' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_9' id='gform_source_page_number_9' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> <p style="display: none !important;"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="140"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_9' id='gform_ajax_frame_9' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 9, 'https://www.spinxdigital.com/app/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_9').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_9');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_9').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_9').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_9').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_9').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_9').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_9').val();gformInitSpinner( 9, 'https://www.spinxdigital.com/app/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [9, current_page]);window['gf_submitting_9'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_9').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_9').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [9]);window['gf_submitting_9'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_9').text());}, 50);}else{jQuery('#gform_9').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "9", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_9" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_9"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_9" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [9, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 9, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); /* ]]> */ </script> </div> </div> </div> <script> /*** custom Exit intent popup ***/ $(document).ready(function() { $("#gform_12 #input_12_12").val(window.location.href); $("#gform_9 #input_9_13").val(window.location.href); $(document).on('mouseleave', function(e) { var cookieValue = $.cookie('exitintern_popup_form'); if (cookieValue == undefined && !$('body').hasClass('modal-open')) { if (e.clientY < 0) { $('.stick_container').show(); $('body').addClass('exit-modal-open'); } } }); $('#close-popup').click(function() { $('.stick_container').hide(); $('body').removeClass('exit-modal-open'); }); $('.stick_close').click(function() { $('.stick_container').hide(); $('body').removeClass('exit-modal-open'); }); /*** Time interval popup ***/ /*var cookieValue = $.cookie('exitintern_popup_form'); if (cookieValue == undefined) { idleTimer = null; idleState = false; idleWait = 30000; $('*').bind(' mousemove keydown touchstart touchmove', function () { clearTimeout(idleTimer); idleState = false; idleTimer = setTimeout(function () { var cookieValue = $.cookie('exitintern_popup_form'); if (cookieValue == undefined ) { $('.stick_container').show(); idleState = true; } }, idleWait); }); }*/ /*** On 30% scroll popup shows ***/ /*$(window).scroll(function () { var cookieValue = $.cookie('exitintern_popup_form'); if (cookieValue == undefined) { var scrollPixel = $(window).scrollTop(); var htmlScrollPos = $('.page-wrapper').height() * 0.3; if (scrollPixel >= htmlScrollPos) { $('.stick_container').show(); } } });*/ $('#close_popup_form').click(function() { /* Calculate the expiration date for the cookie (1 day from now) */ var expirationDate = new Date(); /* expirationDate.setTime(expirationDate.getTime() + (60 * 1000)); */ expirationDate.setDate(expirationDate.getDate() + 1); /* expirationDate.getDate() + 1 expirationDate.getTime() + 30 * 1000 Set the cookie using jQuery Cookie */ $.cookie('exitintern_popup_form', '1', { expires: expirationDate,path: '/' }); }); floatingLabel(); }); /* Floting label */ function floatingLabel() { $('.stick_container .form-control .ginput_container input').on('focus', function() { $(this).parent().parent().addClass('active'); }).blur(); $('.stick_container .form-control .ginput_container input').focusout(function() { if (!$(this).val()) { $(this).parent().parent().removeClass('active'); } else { $(this).parent().parent().addClass('active'); } }).focusout(); }; </script> <script> $(document).ready(function() { /* disable submit clicking more than one CF7 */ var disableSubmit = false; jQuery('button.insightsubmit').click(function() { if (disableSubmit == true) { return false; } disableSubmit = true; return true; }); document.addEventListener( 'wpcf7submit', function( event ) { disableSubmit = false; }, false ); }); </script> <script>(function(){var s=document.createElement('script');e = !document.body ? document.querySelector('head'):document.body;s.src='https://acsbapp.com/apps/app/dist/js/app.js';s.defer=true;s.onload=function(){acsbJS.init({ statementLink : '', feedbackLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, language : 'en', position : 'left', leadColor : '#45474e', triggerColor : '#45474e', triggerRadius : '50%', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 10, triggerRadius : '50%' } }); }; e.appendChild(s);}());</script> <script type="text/javascript"> document.addEventListener('wpcf7mailsent', function(event) { if ('5665' == event.detail.contactFormId) { jQuery('#subscribePopUp').modal('show'); } }, false); </script>  <script type="text/javascript"> (function(d,s,i,r) { if (d.getElementById(i)){return;} var n=d.createElement(s),e=d.getElementsByTagName(s)[0]; n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/8132059.js'; e.parentNode.insertBefore(n, e); })(document,"script","hs-analytics",300000); </script>  <link rel='stylesheet' id='gform_basic-css' href='https://www.spinxdigital.com/app/plugins/gravityforms/assets/css/dist/basic.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_components-css' href='https://www.spinxdigital.com/app/plugins/gravityforms/assets/css/dist/theme-components.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_ie11-css' href='https://www.spinxdigital.com/app/plugins/gravityforms/assets/css/dist/theme-ie11.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme-css' href='https://www.spinxdigital.com/app/plugins/gravityforms/assets/css/dist/theme.min.css' type='text/css' media='all' /> <script type="text/javascript" id="gforms_recaptcha_recaptcha-js-extra"> /* <![CDATA[ */ var gforms_recaptcha_recaptcha_strings = {"site_key":"6LejkI0kAAAAAABLuNcm2eQ8YGzXuD13sehO4dL0","ajaxurl":"https:\/\/www.spinxdigital.com\/wp\/wp-admin\/admin-ajax.php","nonce":"3fb736cf68"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LejkI0kAAAAAABLuNcm2eQ8YGzXuD13sehO4dL0" id="gforms_recaptcha_recaptcha-js"></script> <script type="text/javascript" id="gforms_recaptcha_recaptcha-js-after"> /* <![CDATA[ */ (function($){grecaptcha.ready(function(){$('.grecaptcha-badge').css('visibility','hidden');});})(jQuery); /* ]]> */ </script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/hoverIntent.min.js" id="hoverIntent-js"></script> <script type="text/javascript" id="megamenu-js-extra"> /* <![CDATA[ */ var megamenu = {"timeout":"300","interval":"100"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.spinxdigital.com/app/plugins/megamenu/js/maxmegamenu.js" id="megamenu-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js" id="wp-polyfill-inert-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/vendor/regenerator-runtime.min.js" id="regenerator-runtime-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/vendor/wp-polyfill.min.js" id="wp-polyfill-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/dom-ready.min.js" id="wp-dom-ready-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/hooks.min.js" id="wp-hooks-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/i18n.min.js" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://www.spinxdigital.com/wp/wp-includes/js/dist/a11y.min.js" id="wp-a11y-js"></script> <script type="text/javascript" defer='defer' src="https://www.spinxdigital.com/app/plugins/gravityforms/js/jquery.json.min.js" id="gform_json-js"></script> <script type="text/javascript" id="gform_gravityforms-js-extra"> /* <![CDATA[ */ var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}}; var gf_legacy_multi = []; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/www.spinxdigital.com\/app\/plugins\/gravityforms\/images"}}; var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/www.spinxdigital.com\/app\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/www.spinxdigital.com\/app\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"12eaa72e0bf35640be152dbe668059aa","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://www.spinxdigital.com/app/plugins/gravityforms/js/gravityforms.min.js" id="gform_gravityforms-js"></script> <script type="text/javascript" defer='defer' src="https://www.spinxdigital.com/app/plugins/gravityforms/assets/js/dist/utils.min.js" id="gform_gravityforms_utils-js"></script> <script type="text/javascript" defer='defer' src="https://www.spinxdigital.com/app/plugins/gravityforms/assets/js/dist/vendor-theme.min.js" id="gform_gravityforms_theme_vendors-js"></script> <script type="text/javascript" id="gform_gravityforms_theme-js-extra"> /* <![CDATA[ */ var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"12eaa72e0bf35640be152dbe668059aa"}}},"hmr_dev":"","public_path":"https:\/\/www.spinxdigital.com\/app\/plugins\/gravityforms\/assets\/js\/dist\/"}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://www.spinxdigital.com/app/plugins/gravityforms/assets/js/dist/scripts-theme.min.js" id="gform_gravityforms_theme-js"></script> <script type="text/javascript" src="https://www.spinxdigital.com/app/plugins/gravityformsrecaptcha/js/frontend.min.js" id="gforms_recaptcha_frontend-js"></script> <script defer type="text/javascript" src="https://www.spinxdigital.com/app/plugins/akismet/_inc/akismet-frontend.js" id="akismet-frontend-js"></script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 9) {(function($){ $('.stick_container .form-control .ginput_container input').on('focus', function() { $(this).parent().parent().addClass('active'); }).blur(); $('.stick_container .form-control .ginput_container input').focusout(function() { if (!$(this).val()) { $(this).parent().parent().removeClass('active'); } else { $(this).parent().parent().addClass('active'); } }).focusout(); })(jQuery);} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "9", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_9" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_9"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_9" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [9, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 9, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); /* ]]> */ </script>  <div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Notice" style="background-color: rgba(50,50,58,1);"><div class="cookie-notice-container" style="color: #fff"><span id="cn-notice-text" class="cn-text-container">By using this website, you agree to our use of cookies. We use cookies to provide you with a great experience and to help our website run effectively.</span><span id="cn-notice-buttons" class="cn-buttons-container"><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button" aria-label="Ok" style="background-color: #00a99d">Ok</a></span><span id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" title="No"></span></div> </div> </body> </html>

CINXE.COM

Spexster - Website Strategy & Design Case Study by SPINX Digital