Creating a Better Online Presence for a Private Health Foundation. Website Design Case Study

<!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>Creating a Better Online Presence for a Private Health Foundation. Website Design Case Study - SPINX Digital</title>  <meta name="description" content="SPINX Digital built a new site-map, wireframe, and front-end for the non-profit, The California Endowment. Explore the case study to see their better online presence." /> <meta name="robots" content="max-image-preview:large" /> <link rel="canonical" href="https://www.spinxdigital.com/california-endowment-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="Creating a Better Online Presence for a Private Health Foundation. Website Design Case Study - SPINX Digital" /> <meta property="og:description" content="SPINX Digital built a new site-map, wireframe, and front-end for the non-profit, The California Endowment. Explore the case study to see their better online presence." /> <meta property="og:url" content="https://www.spinxdigital.com/california-endowment-webdesign-casestudy/" /> <meta property="article:published_time" content="2022-10-17T07:23:06+00:00" /> <meta property="article:modified_time" content="2024-04-02T21:15:18+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Creating a Better Online Presence for a Private Health Foundation. Website Design Case Study - SPINX Digital" /> <meta name="twitter:description" content="SPINX Digital built a new site-map, wireframe, and front-end for the non-profit, The California Endowment. Explore the case study to see their better online presence." /> <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\/california-endowment-webdesign-casestudy\/#organizationLogo","width":264,"height":64},"image":{"@id":"https:\/\/www.spinxdigital.com\/california-endowment-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\/california-endowment-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\/california-endowment-webdesign-casestudy\/#webpage","url":"https:\/\/www.spinxdigital.com\/california-endowment-webdesign-casestudy\/","name":"Creating a Better Online Presence for a Private Health Foundation. Website Design Case Study - SPINX Digital","description":"SPINX Digital built a new site-map, wireframe, and front-end for the non-profit, The California Endowment. Explore the case study to see their better online presence.","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-17T07:23:06+00:00","dateModified":"2024-04-02T21:15:18+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":"8e7ca02d5f","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=6366' /> <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%2Fcalifornia-endowment-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%2Fcalifornia-endowment-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> <script>{const e=()=>{document.querySelectorAll("script[data-type='lazy']").forEach((e=>e.src=e.dataset.src)),document.querySelectorAll("iframe[data-type='lazy']").forEach((e=>e.src=e.dataset.src))},t=setTimeout(e,5e3),a=()=>{e(),clearTimeout(t)};["mouseover","keydown","touchmove","touchstart"].forEach((e=>window.addEventListener(e,a,{passive:!0,once:!0})))}</script> </head> <body class="our-work-template-default single single-our-work postid-6366 single-format-standard cookies-not-set mega-menu-main-menu group-blog has-header-image has-sidebar colors-light"> <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" rel="noopener" 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>  <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"> <div class="top-head-links"> <a href="tel:213.894.9933">213.894.9933</a> <a href="https://www.spinxdigital.com/lead-magnet/" class="aipower" target="">Get a Free AI-Powered Website Audit<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 7L5 4L2 1" stroke="white" stroke-linecap="square"/></svg></a> </div> </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-12-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-d-none mega-menu-columns-4-of-12 menu-industry-class d-none' 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">Creating a Better Online Presence for a Private Health Foundation </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/TCE-Main.webp" alt="" 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">The California Endowment</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 with-awards"> <div class="col-lg-8 mb-4 mb-lg-0"> <div class="work-casestudy-desc body-large editor-link"> <h3>The California Endowment Website Redesign</h3> <h5>OVERVIEW</h5> <h4>The California Endowment is a non-profit organization founded in 1996 focused on supporting organizations that pursue聽social justice and health equity for all Californians. As the largest private health foundation in the state with over $3 billion dollars in assets, they have awarded聽over聽22,000 grants totaling $2.9+ billion to community-based organizations throughout California.</h4> </div> </div> <div class="col-lg-3 ms-auto"> <div class="awards-wrapper"> <h5>awards</h5> <div class="awards-loop"> W3 Awards <span>Gold Award Winner</span> </div> <div class="awards-loop"> Davey Awards <span>Silver Award Winner</span> </div> <div class="awards-loop"> NYX Marcom Awards <span>Silver Award Winner</span> </div> <div class="awards-loop"> Vega Digital Awards <span>Silver Award Winner</span> </div> </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 new 10-year-plan led The California Endowment to seek out help to transform their site and communicate their new plan.</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>The California Endowment reached out to us just as they were wrapping up their successful execution of Building Healthy Communities and moving into a year of transition before embarking on a new 10 year plan.</h4> <p>This new 10 year plan needed to be communicated on their website, as they sought to increase their impact on providing health equity and pursue social justice for all Californians.</p> <p>Besides needing to communicate their new vision, the site itself needed a makeover. An outdated design and an overwhelming navigation and architecture left visitors confused, disoriented, and lacking a full picture of what The California Endowment did. Both website visitors and internal stakeholders struggled trying to find specific information on the site, and the site contained a lot of outdated content, resulting in broken links and bad SEO.</p> <p>After conducting extensive key stakeholder interviews, we dove deep into a website audit, analytics audit, and usability testing. For the usability testing, we used a tool that allowed us to observe anonymous website visits so we could see what pages people were going to on the site, where they were getting lost or confused, and what issues they ran into.</p> </div> </div> </div> </div> </div> <div class="work-before"> <div class="container"> <div class="row work-mobile-slider"> <div class="col-md-4 mb-4 mb-lg-0"> <div class="outer-space"> <div class="before-img"> <img height="270" width="355" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="california-endowment-webdesign-casestudy-3" class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2022/10/637842370179179691.jpeg');" /> </div> </div> </div> <div class="col-md-4 mb-4 mb-lg-0"> <div class="outer-space"> <div class="before-img"> <img height="270" width="355" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="california-endowment-webdesign-casestudy-2" class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2022/10/637842370169309922-1.jpeg');" /> </div> </div> </div> <div class="col-md-4 mb-4 mb-lg-0"> <div class="outer-space"> <div class="before-img"> <img height="270" width="355" src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/0.gif" alt="california-endowment-webdesign-casestudy-1" class="divImg" style="background-image: url('https://www.spinxdigital.com/app/uploads/2022/10/637842370164153543.jpeg');" /> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <h3>before</h3> </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>After compiling all of the data from our interviews, audits, and studies, our research team analyzed everything.</h4> <p>We pulled from what we learned during our deep dive into data to build out the user experience strategy (UX) for the redesign.</p> <p>The first thing we focused on was creating a new and more efficient site map that simplified access to the valuable information visitors were looking for. At the same time we were laying out the site map, we were also defining the content strategy for the redesigned website. The content strategy was central to ensuring only up-to-date and relevant content would remain on the site, and helped us identify content gaps that existed where new content would need to be created to fully tell the story of the new 10 year plan.</p> <p>After the site map and content strategy were in place, it was time to wireframe the structure of the site. Wireframing allowed us to lay out the priority of content on each page across the site, to ensure an optimal user journey. As a very collaborative process, wireframing gave the team at The Califonia Endowment an accurate preview at how the new site was structured and allowed us to iterate rapidly together to create an ideal user 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-18.jpg" alt="" 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-18.jpg" alt="" 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>Once the structural planning was in place, we were ready for the fun part – design!</h4> <p>Design is where things come to life as we pulled together the colors, images, fonts, and iconography that would best represent who The California Endowment is.</p> <p>For the fonts used on the site, we chose an accessible, uplifting, and friendly sans serif font that gave a nod to the optimistic vision pursued by The California Endowment. The color palette for the site echoes these same optimistic and inclusive tones, being grounded in a bright golden color (giving a nod to the “Golden State”) and a deep, compassionate blue. The imagery used across the site shows the action, movement, and change that The California Endowment seeks to bring while pursuing their mission, and embodies the Californians they serve. Even the micro-animations we planned during this phase hinted at upward mobility.</p> <p>From the technology side of things, we chose to implement our custom site build on the extremely user friendly WordPress CMS. Everything was customized and structured on the backend of the site in a way that empowers the team at The California Endowment to keep the site fresh and up-to-date</p> <p>The front-end development of the site utilizes the latest HTML/CSS and was coded on a responsive framework to ensure an optimal experience for website visitors on devices of all sizes and shapes. It doesn’t matter if someone is visiting on a tiny mobile phone or a ginormous desktop monitor – the site will remain easy to navigate and engage with at all times.</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/TCEBuild.jpg" alt="" 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>After thoroughly planning, designing, and developing the ideal website, we tested it on multiple mobile and desktop devices and in various browsers to ensure a universally accessible and seamless experience.</h4> <p>Throughout the entire project, we followed an Agile/Scrum process, in which we worked with the key stakeholders at The California Endowment to incorporate their feedback into the project while making the elements and pages ready for launch as we progressed. This process allowed our team to test and get effective client feedback at an early stage without any last minute mishaps.</p> <p>In line with Agile practices, once the MVP version of the site was ready to launch, we rolled that out to the public. As additional pages and sections were ready to release, those were rolled out with precision during ensuing sprints.</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/TCE1.jpg" style="background-image: url('')" class="" alt="" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/TCE2.jpg" style="background-image: url('')" class="" alt="" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/TCE3.jpg" style="background-image: url('')" class="" alt="" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/TCE4.jpg" style="background-image: url('')" class="" alt="" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/TCE5.jpg" style="background-image: url('')" class="" alt="" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/TCE6.jpg" style="background-image: url('')" class="" alt="" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/TCE7.jpg" style="background-image: url('')" class="" alt="" height="" width="630" /> </div> <div class="clients__item"> <img src="https://www.spinxdigital.com/app/uploads/2022/10/TCE8.jpg" style="background-image: url('')" class="" alt="" 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="The California Endowment now has a living, breathing site that is easy for them to keep fresh and up-to-date.">The California Endowment now has a living, breathing site that is easy for them to keep fresh and up-to-date. </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>Thanks to an in depth user strategy phase, The California Endowment now has a modern and approachable website that conveys their mission in a clear way. With clean development and a simple navigation, their new website is allowing them to make an even greater impact than before.</h4> <a href="https://www.calendow.org/" class="btn btn-link btn-black" target="_blank"><span>View Site</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/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/website-redesign-services/" class="btn-link btn-black"><span>Website Redesign Services</span></a></li> <li class="col-lg-6"><a href="https://www.spinxdigital.com/website-maintenance-services/" class="btn-link btn-black"><span>Website Maintenance Services</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: #2A2C30;"> <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/2022/09/Thumbnail.webp')" class="divImg" alt="" height="325" width="480" /> </div> </div> <div class="casestudy-feat-desc body-large"> <span>BEGA Website Redesign</span> <a href="https://www.spinxdigital.com/bega-webdesign-casestudy/" class="stretched-link h3">Lighting Up an Internet Presence for BEGA</a> <br /> <a href="https://www.spinxdigital.com/bega-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/@SPINXDigital" 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="Creating a Better Online Presence for a Private Health Foundation. Website Design Case Study - SPINX Digital" height="24" width="100" /></a> <span>© 2025 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>  <div class="modal fade consult-modal" data-bs-backdrop="static" data-bs-keyboard="false" id="consultationModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><img src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/images/popup-close.svg" alt="" height="" width="" /></button> <div class="modal-body"> <div class="right-img d-none d-lg-block"> <img src="https://www.spinxdigital.com/app/uploads/2024/12/Custom-Illustrations-10-1.jpg" alt="" height="713" width="408" class="img-fluid" /> </div> <div class="left-content"> <h2>Schedule a Free<br>30-min Consultation</h2> <p>Discover which design improvements could turn more visitors into customers in only 30 minutes.</p> <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_19' ><div id='gf_19' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_19' id='gform_19' action='/california-endowment-webdesign-casestudy/#gf_19' data-formid='19' novalidate> <div class='gform-body gform_body'><div id='gform_fields_19' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_19_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_19_5" ><label class='gfield_label gform-field-label' for='input_19_5'>Full 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_19_5' type='text' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_19_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_19_6" ><label class='gfield_label gform-field-label' for='input_19_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_19_6' type='email' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_19_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_19_7" ><label class='gfield_label gform-field-label' for='input_19_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_19_7' type='tel' value='' class='large' aria-required="true" aria-invalid="false" /></div></div><div id="field_19_13" class="gfield gfield--type-website gfield--input-type-website 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_19_13" ><label class='gfield_label gform-field-label' for='input_19_13'>Your Website URL<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_website'> <input name='input_13' id='input_19_13' type='url' value='' class='large' aria-required="true" aria-invalid="false"/> </div></div><div id="field_19_11" class="gfield gfield--type-text gfield--input-type-text gfield--width-full 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_19_11" ><label class='gfield_label gform-field-label' for='input_19_11'>Tell us more about your requirements<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_11' id='input_19_11' type='text' value='' class='large' aria-required="true" aria-invalid="false" /> </div></div><div id="field_19_9" class="gfield gfield--type-text gfield--input-type-text gfield--width-full form-control field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden" data-js-reload="field_19_9" ><div class='admin-hidden-markup'><i class='gform-icon gform-icon--hidden'></i><span>Hidden</span></div><label class='gfield_label gform-field-label' for='input_19_9'>Your Website URL</label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_19_9' type='text' value='' class='large' aria-invalid="false" /> </div></div><div id="field_19_12" class="gfield gfield--type-hidden gfield--input-type-hidden gfield--width-full gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_19_12" ><div class='ginput_container ginput_container_text'><input name='input_12' id='input_19_12' type='hidden' class='gform_hidden' aria-invalid="false" value='' /></div></div><div id="field_submit" class="gfield gfield--type-submit gfield--width-full 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_19' class='gform-button gform-button--white button' value='Book My Free Consult' onclick='if(window["gf_submitting_19"]){return false;} if( !jQuery("#gform_19")[0].checkValidity || jQuery("#gform_19")[0].checkValidity()){window["gf_submitting_19"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_19"]){return false;} if( !jQuery("#gform_19")[0].checkValidity || jQuery("#gform_19")[0].checkValidity()){window["gf_submitting_19"]=true;} jQuery("#gform_19").trigger("submit",[true]); }' /></div><div id="field_19_14" 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_19_14" ><label class='gfield_label gform-field-label' for='input_19_14'>Name</label><div class='ginput_container'><input name='input_14' id='input_19_14' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_19_14'>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=19&title=&description=&tabindex=0&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_19' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='19' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_19' value='WyJbXSIsIjkyYjUyZTNiOTdmZDE1MTU0M2FjMTVhOTgwZGIwM2MxIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_19' id='gform_target_page_number_19' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_19' id='gform_source_page_number_19' 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="229"/><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_19' id='gform_ajax_frame_19' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 19, 'https://www.spinxdigital.com/app/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_19').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_19');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_19').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_19').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_19').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_19').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_19').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_19').val();gformInitSpinner( 19, 'https://www.spinxdigital.com/app/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [19, current_page]);window['gf_submitting_19'] = 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_19').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_19').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [19]);window['gf_submitting_19'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_19').text());}, 50);}else{jQuery('#gform_19').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "19", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_19" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_19"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_19" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [19, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 19, 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> </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"> <div class="right-img"> <img src="https://www.spinxdigital.com/app/uploads/2024/12/hp-audit.jpg" alt="Unlock Your Free Homepage Audit" height="713" width="408" class="img-fluid" /> </div> <div class="left-content"> <h2>Unlock Your Free Homepage Audit</h2> <p>Let our friendly web experts curate a personalized list of improvements that will help enhance the online presence of your brand.</p> <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='/california-endowment-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_5" class="gfield gfield--type-text gfield--input-type-text gfield--width-half 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-half 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-half 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-half 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 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_14" 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_14" ><label class='gfield_label gform-field-label' for='input_9_14'>Phone</label><div class='ginput_container'><input name='input_14' id='input_9_14' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_9_14'>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_2" name="ak_js" value="92"/><script>document.getElementById( "ak_js_2" ).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> </div> <script defer src="https://www.spinxdigital.com/app/themes/spinxdigital/assets/js/library/exitintentpopup.js"></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":"12aada0438"}; /* ]]> */ </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."}}; 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 == 19) {(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: "19", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_19" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_19"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_19" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [19, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 19, 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> <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

Creating a Better Online Presence for a Private Health Foundation. Website Design Case Study - SPINX Digital