1<!DOCTYPE html><!-- Last Published: Tue Aug 25 2026 08:37:16 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="whatifdesign.webflow.io" data-wf-page="656be2e47db78031cae08991" data-wf-site="60b3b99e9d53e457aa9ea3bf"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Strategic Design for Climate Impact</title><meta content="We accelerate the climate movement with design thinking: Clear comms and seamless UX for deep tech, energy, clean mobility, and frontier tech." name="description"/><meta content="Strategic Design for Climate Impact" property="og:title"/><meta content="We accelerate the climate movement with design thinking: Clear comms and seamless UX for deep tech, energy, clean mobility, and frontier tech." property="og:description"/><meta content="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/673bb305da4e85f17f9e0709_Climate.webp" property="og:image"/><meta content="Strategic Design for Climate Impact" name="twitter:title"/><meta content="We accelerate the climate movement with design thinking: Clear comms and seamless UX for deep tech, energy, clean mobility, and frontier tech." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/673bb305da4e85f17f9e0709_Climate.webp" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="OXYGS9Veop82ct3dhVJBy_oIPYV6XnUv-Wup3F_fmlY" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/css/whatifdesign.webflow.shared.a4f4abd51.min.css" rel="stylesheet" type="text/css" integrity="sha384-pPSr1RuQRSeXkVz8/GKYOonQEa7s3Hf84yv62qm9YEfbCgf7dSIgvVdBZxs0hMTG" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Inter Tight:300,400,500,600,700"] }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/61164c43f39a1a11b13d3b07_WID_Favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/61164c470877ff45c6f0c2d0_WID_Touchicon.png" rel="apple-touch-icon"/><link href="https://www.whatifdesign.co/climate" rel="canonical"/> 2<!-- Google Tag Manager -->
3<script>
vendor: 327 bytes, lines 3-7
3(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 4new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 5j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 6'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 7})(window,document,'script','dataLayer','
7GTM-5GFSDGSC
vendor: 3 bytes, line 7
7');
7</script>
7 8<!-- End Google Tag Manager --> 9 10<!-- Consent Mode v2 defaults + GTM -->
11<script> 12window.dataLayer = window.dataLayer || []; 13function gtag(){dataLayer.push(arguments);} 14gtag('consent', 'default', { 15 'analytics_storage': 'denied', 16 'ad_storage': 'denied', 17 'ad_user_data': 'denied', 18 'ad_personalization': 'denied', 19 'functionality_storage': 'granted', 20 'security_storage': 'granted', 21 'wait_for_update': 500 22}); 23gtag('set', 'url_passthrough', false); 24gtag('set', 'ads_data_redaction', true); 25</script>
25 26 27 28 29 30 31<style>body{overflow-x:hidden}</style> 32
33<script defer src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
33 34 35 36 37
38<script type="text/javascript"> 39_linkedin_partner_id = "10137585"; 40window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; 41window._linkedin_data_partner_ids.push(_linkedin_partner_id); 42</script>
42<script type="text/javascript"> 43(function(l) { 44if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; 45window.lintrk.q=[]} 46var s = document.getElementsByTagName("script")[0]; 47var b = document.createElement("script"); 48b.type = "text/javascript";b.async = true; 49b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; 50s.parentNode.insertBefore(b, s);})(window.lintrk); 51</script>
51 52<noscript> 53<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=10137585&fmt=gif" /> 54</noscript> 55
56<script type="text/javascript"> 57 (function(c,l,a,r,i,t,y){ 58 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 59 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 60 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 61 })(window, document, "clarity", "script", "xmhxr1oyzl"); 62</script>
62 63 64 65 66 67 68 69<style> 70html.lenis { 71 height: auto; 72} 73.lenis.lenis-smooth { 74 scroll-behavior: auto; 75} 76.lenis.lenis-smooth [data-lenis-prevent] { 77 overscroll-behavior: contain; 78} 79.lenis.lenis-stopped { 80 overflow: hidden; 81} 82</style> 83 84 85<style> 86 body { 87 overflow-x: hidden; 88 } 89</style> 90
91<script> 92 document.addEventListener("DOMContentLoaded", function() { 93 var meta = document.createElement("meta"); 94 meta.name = "referrer"; 95 meta.content = "strict-origin-when-cross-origin"; 96 document.getElementsByTagName("head")[0].appendChild(meta); 97 }); 98</script>
98 99
100<script type="application/ld+json"> 101{ 102 "@context": "https://schema.org", 103 "@type": "Organization", 104 "name": "What If Design", 105 "url": "https://www.whatifdesign.co/", 106 "logo": "https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/64efa0d54c08a72023cf5e4d_Logo.svg", 107 "description": "What If Design is a full-service design studio for climate-tech. We design bold brands, high-converting websites, and UX for digital products.", 108 "foundingDate": "2020", 109 "sameAs": [ 110 "https://www.linkedin.com/company/whatifdesign", 111 "https://www.instagram.com/whatifdesign.in" 112 ], 113 "contactPoint": [ 114 { 115 "@type": "ContactPoint", 116 "contactType": "Customer Service", 117 "email": "[email protected]", 118 "areaServed": "Global", 119 "url": "https://cal.com/akhilak/what-if-design" 120 }, 121 { 122 "@type": "ContactPoint", 123 "contactType": "Business Inquiries", 124 "email": "[email protected]", 125 "areaServed": "Global" 126 } 127 ] 128} 129</script>
129 130
131<script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script>
131</head><body data-scroll-time="1" class="body is-dark"><div class="page-wrapper"><div style="display:flex" class="loader-page"><div data-is-ix2-target="1" class="wid-loader-lottie" data-w-id="c6f28489-f6e5-97e5-9d44-81f367514b3c" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/654d65730d06292d2756190b_WID%20Logo%20Animation%20Transparent.json" data-loop="1" data-direction="-1" data-autoplay="0" data-renderer="svg" data-default-duration="6" data-duration="5" data-loading="eager" data-ix2-initial-state="70"></div></div><aside href="#" class="button-scrollpageup"><a href="#climate-hero" class="border-secondhighlight is-roundedto66 w-inline-block"><div class="scrollup-container"><div class="icon-embed-small w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="m4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8l-8 8z"></path></svg></div><div class="text-style-subtext">scroll up</div></div></a></aside><div class="header-banner-wrapper-dark"><div class="website-banner-container"><div class="banner-wrapper"><div class="heading-link-wrapper website-banner desktop hide"><div class="text-color-gray200 align-center-mobile"><div class="paragraph is-small">Brand Blueprint for Climate Tech Commercialization : Your free 5-day email course to build trust for pilots and sales!</div></div><a data-w-id="bb76d203-e5d6-c5ee-f1c0-8570cb560bf4" href="/brand-blueprint-for-climate-tech-commercialization" target="_blank" class="banner-link-block w-inline-block"><div class="text-size-regular">Get Lesson 1</div><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/6854fcec6d5b6651cb86a1ae_Round%20arrow.svg" loading="lazy" alt="" class="image-24px"/></a></div><div class="mobile-marquee-wrapper"><div class="heading-link-wrapper website-banner mobile"><div class="text-color-gray200"><div class="text-size-small">Accelerate Your Climate Tech Impact with Our Free 5-Day email course!</div></div><a href="https://what-if-design.webflow.io/brand-blueprint-for-climate-tech-commercialization" class="banner-link-block w-inline-block"><div class="text-size-small is-semibold">Register now</div><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/6854fcec6d5b6651cb86a1ae_Round%20arrow.svg" loading="lazy" alt="" class="image-24px"/></a></div></div></div></div><div data-animation="default" class="nav_component w-nav" data-easing2="ease-in-out" data-easing="ease-in-out" data-collapse="medium" role="banner" data-no-scroll="1" data-duration="400" data-doc-height="1"><div class="nav_container"><a aria-label="what if logo" id="w-node-d9dc44a1-29d8-2cd9-9997-9217fd4ce5ec-fd4ce5ea" href="/" class="link-dark w-nav-brand"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/64efa0d54c08a72023cf5e4d_Logo.svg" loading="lazy" width="104.25482177734375" height="16.72445297241211" alt="what if logo" class="image-xsmall"/></a><nav role="navigation" class="nav-menu-dark w-nav-menu"><div class="nav_center"><a aria-label="services" href="https://www.whatifdesign.co#services" class="nav_link is-dark w-nav-link">Services</a><a aria-label="work" href="/work" class="nav_link is-dark w-nav-link">Work</a><a aria-label="climate" href="/climate" aria-current="page" class="nav_link is-dark w-nav-link w--current">Climate</a><a aria-label="about" href="/about" class="nav_link is-dark w-nav-link">About</a></div><a aria-label="get in touch" href="https://cal.com/akhilak/what-if-design" target="_blank" class="button w-inline-block"><div>Connect with Us</div></a></nav><div id="w-node-d9dc44a1-29d8-2cd9-9997-9217fd4ce5fc-fd4ce5ea" class="menu-button is-dark w-nav-button"><div class="icon-4 w-icon-nav-menu"></div></div></div></div></div><div class="html_embeds"><div class="html-cursor w-embed"><style> 132body:hover .cursor{opacity:1}.cursor{pointer-events:none}.cursor_outer{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)} 133</style></div><div class="html-rightclickdisable w-embed w-script">
133<script> 134document.addEventListener("contextmenu",function(e){e.preventDefault()}); 135</script>
135</div><div class="html-snapscroll w-embed"><style> 136.scroll-snap-wrapper{scroll-snap-type:y mandatory}.section{scroll-snap-align:start} 137</style></div><div class="html-pagefadeout w-embed"></div><div class="html-dot-hover w-embed"><style> 138.footer-link-dark::after,.link-light::after,.nav_link::after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background-color:#c83333;opacity:0;transition:opacity .3s,right .3s}.nav_link::after{right:-12px}.nav_link:hover::after{opacity:1;right:-4px}.footer-link-dark,.link-light{position:relative;display:inline-flex;align-items:center}.footer-link-dark::after,.link-light::after{right:-20px}.footer-link-dark:hover::after,.link-light:hover::after{opacity:1;right:-12px} 139</style></div><div class="banner-mobile-marquee w-embed"><style> 140 @media screen and (max-width:767px){.mobile-marquee-wrapper{overflow:hidden;position:relative;width:100%;white-space:nowrap}.mobile-marquee-wrapper .heading-link-wrapper{display:inline-flex;align-items:center;gap:1rem;padding-left:100%;animation:24s linear infinite scroll-left;white-space:nowrap}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}} 141</style></div></div><div class="cursor"><div class="cursor_outer outer"></div><div class="cursor_outer"></div><div class="cursor_inner"></div></div><div class="main-wrapper">
141<div id="climate-hero" data-w-id="0a40a93b-e31c-b810-96c0-912a2c843341" style="-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="section-climatehero"><div class="padding-global"><div class="container-large"><div class="padding-xhuge"><div class="climate-column is-centered"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/6535a03c2f4db3fb4c4ad2e2_climate-earth%20.png" loading="lazy" alt="teal color planet earth icon" class="icon-1x1-medium"/><div class="spacer-small"></div><div class="text-color-grey-05"><div class="text-align-center"><h1 class="heading-xlarge">If your vision is to accelerate the climate movement,<br/>our mission is to help you make it a reality.</h1></div></div></div></div></div></div></div><div class="section-climate-text"><div class="container-large"><div class="padding-huge"><div class="main-hero-heading-wrapper"><div class="climate-text-heading"><span class="climate-span">In</span> <span class="climate-span">an</span> <span class="climate-span">era</span> <span class="climate-span">where</span> <span class="climate-span">the</span> <span class="climate-span">world</span> <span class="climate-span">needs</span> <span class="climate-span">rapid</span> <span class="climate-span">transformation</span> <span class="climate-span">to</span> <span class="climate-span">adapt</span> <span class="climate-span">to</span> <span class="climate-span">massive</span> <span class="climate-span">wicked</span> <span class="climate-span">problems,</span> <span class="climate-span">we</span> <span class="climate-span">need</span> <span class="climate-span">climate</span> <span class="climate-span">to</span> <span class="climate-span">be</span> <span class="climate-span">the</span> <span class="climate-span">front runner</span> <span class="climate-span">of</span> <span class="climate-span">every</span> <span class="climate-span-02">sector,</span> <span class="climate-span">every </span><span class="climate-span-02">industry</span> <span class="climate-span">and</span> <span class="climate-span">every </span><span class="climate-span-02">geography.</span></div></div></div></div></div><div class="section-climatecapabilitiesactual"><div class="container-large"><div class="padding-huge"><div class="text-align-center"><div class="text-color-grey-40"><div class="text-style-caption">Services and Sectors </div></div></div><div class="spacer-small"></div><div class="climate-capabilities"><div class="climatecapabilitywrapper"><div class="border-secondhighlight"><div class="climate-capability"><div class="climate-column"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/6534c61597cd72e2100396f2_climate-brand.svg" loading="lazy" alt="targeted brand messaging with teal circles for climate tech" class="icon-1x1-large"/><div class="text-color-grey-05"><div class="heading-large">Brand + Website</div></div><div class="text-color-grey-40"><div class="text-size-regular is-medium">Effective communications to increase partnerships for deep-technologies</div></div><div class="spacer-xsmall"></div></div><div class="climate-column"><div class="climate-column"><div class="text-color-grey-40"><div class="text-style-caption">GENERAL Activities</div></div><div class="text-color-grey-10"><div class="paragraph">Marketing collaterals</div><div class="paragraph">Branding & Identity</div><div class="paragraph">Web Design and Development</div></div></div><div class="spacer-xsmall"></div><div class="climate-column"><div class="text-color-grey-40"><div class="text-style-caption">Popular Sectors</div></div><div class="text-color-grey-10"><div class="heading-tiny">⯠Carbon capture & removal technology<br/>⯠Clean Mobility<br/>⯠Renewable energies & storage<br/>⯠Materials & Industrial manufacturing<br/>⯠Alternative Food systems</div></div></div><div class="spacer-xsmall"></div><div class="climate-column"><div class="text-color-grey-40"><div class="text-style-caption">Prevalent themes</div></div><div class="spacer-tiny"></div><div class="climate-row is-fixedheight"><div class="border-secondhighlight border-radius-3rem"><div class="services-tags"><div class="text-color-gray200"><div class="paragraph">Mitigation</div></div></div></div></div></div></div><div class="spacer-xsmall"></div><a href="https://cal.com/akhilak/what-if-design" target="_blank" class="button is-button-medium w-inline-block"><div>Get Started</div></a></div></div></div><div class="climatecapabilitywrapper"><div class="border-secondhighlight is-height-100"><div class="climate-capability"><div class="climate-column"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/6534c61
14153268205b9f25dfb9_climate-ux.svg" loading="lazy" alt="people user testing a mobile interface design" class="icon-1x1-large"/><div class="text-color-grey-05"><div class="heading-large">UX + Product</div></div><div class="text-color-grey-40"><div class="text-size-regular is-medium">Intuitive user experiences for higher adoption of sustainable innovations</div></div><div class="spacer-xsmall"></div></div><div class="climate-column"><div class="climate-column"><div class="text-color-grey-40"><div class="text-style-caption">GENERAL Activities</div></div><div class="text-color-grey-10"><div class="paragraph">UX Research</div><div class="paragraph">Product Design</div><div class="paragraph">Functional Prototyping</div></div></div><div class="spacer-xsmall"></div><div class="climate-column"><div class="text-color-grey-40"><div class="text-style-caption">Popular Sectors</div></div><div class="text-color-grey-10"><div class="heading-tiny">⯠Building & Home Efficiency<br/>⯠Renewable energy systems<br/>⯠Circular Economy & Waste<br/>⯠Education & climate-careers<br/>⯠Regenerative Agriculture</div></div></div><div class="spacer-xsmall"></div><div class="climate-column"><div class="text-color-grey-40"><div class="text-style-caption">Prevalent themes</div></div><div class="spacer-tiny"></div><div class="climate-row is-fixedheight"><div class="border-secondhighlight border-radius-3rem"><div class="services-tags"><div class="text-color-gray200"><div class="paragraph">Mitigation</div></div></div></div><div class="border-secondhighlight border-radius-3rem"><div class="services-tags"><div class="text-color-gray200"><div class="paragraph">Adaptation</div></div></div></div><div class="border-secondhighlight border-radius-3rem"><div class="services-tags"><div class="text-color-gray200"><div class="paragraph">Regeneration</div></div></div></div></div></div></div><div class="spacer-xsmall"></div><a href="https://cal.com/akhilak/what-if-design" target="_blank" class="button is-button-medium w-inline-block"><div>Get Started</div></a></div></div></div></div></div></div></div><div class="section-climatetestimonials"><div id="use-cases" class="section_home-industry"><div class="padding-xhuge"><div class="container-large"><div class="text-align-center"><div class="text-color-grey-40"><div class="text-style-caption">PAST clients and collaborators</div></div></div><div class="spacer-small"></div><div class="testimonial-logos"><div class="border-secondhighlight is-roundedto18 isfit"><div class="about_clientlogos"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/64f7b1aa4a653e02ab082500_Adeveo-Logo(1)-1.png" loading="lazy" width="82" height="59" alt="clairco logo" class="image-clientlogo is-huge"/></div></div><div class="border-secondhighlight is-roundedto18 isfit"><div class="about_clientlogos"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/64f7b1add324c3584d801b3e_image-104.png" loading="lazy" width="158" height="32" alt="ribbit network logo" class="image-clientlogo is-large"/></div></div><div class="border-secondhighlight is-roundedto18 isfit"><div class="about_clientlogos"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43eb44d7fc0217103b9d_logos_Susteon.webp" loading="lazy" width="158" height="32" alt="ribbit network logo" class="image-clientlogo is-large"/></div></div><div class="border-secondhighlight is-roundedto18 isfit"><div class="about_clientlogos"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/64f7b1aba73e327ef601f813_Adeveo-Logo(1)-1.png" loading="lazy" width="146" height="59" alt="rosa.io logo" class="image-clientlogo is-xlarge"/></div></div><div class="border-secondhighlight is-roundedto18 isfit"><div class="about_clientlogos"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/64f7b1ac864fb4c90a098e92_White-long-1.png" loading="lazy" width="111" height="53" alt="grinity logo" class="image-clientlogo is-xlarge"/></div></div><div class="border-secondhighlight is-roundedto18 isfit"><div class="about_clientlogos"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43ea9be74ab1a9492a56_logos_labstart.webp" loading="lazy" width="111" height="53" alt="grinity logo" class="image-clientlogo is-large"/></div></div><div class="border-secondhighlight is-roundedto18 isfit"><div class="about_clientlogos"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43eb5350eb1eb92fa7f6_logos_Shine.webp" loading="lazy" width="111" height="53" alt="grinity logo" class="image-clientlogo is-small"/></div></div><div class="border-secondhighlight is-roundedto18 isfit"><div class="about_clientlogos"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43eade02f81f80a010b9_logos_Batteryze.webp" loading="lazy" width="111" height="53" alt="grinity logo" class="image-clientlogo is-xlarge"/></div></div><div class="border-secondhighlight is-roundedto18 isfit"><div class="about_clientlogos"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43ea093a9608dc299f35_logos_kodelabs.webp" loading="lazy" width="111" height="53" alt="grinity logo" class="image-clientlogo is-xlarge"/></div></div></div><div class="spacer-small"></div><div class="home-industry_component"><div class="testimonial-card"><div data-current="Tab 1" data-easing="ease" data-duration-in="300" data-duration-out="100" class="home-industry_tab w-tabs"><div class="testimonial_tab-menu w-tab-menu"><a data-w-tab="Tab 1" class="testimonial_tab-link w-inline-block w-tab-link w--current"><div class="testimonial_tab-container"><img width="125" height="21.212121963500977" alt="sainapse logo" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672fd71f7f36d1b750f76841_logo_VestedFutures.png" loading="lazy" class="image-clientlogo is-large"/><div class="tag-container-border"><div class="tag-container"><div class="paragraph is-small">UX Strategy + Design</div></div></div><div class="industry-tab_progress-wrap"><div class="industry-tab_progress-bar"></div></div></div></a><a data-w-tab="Tab 2" class="testimonial_tab-link w-inline-block w-tab-link"><div class="testimonial_tab-container"><img width="125" height="21.212121963500977" alt="sainapse logo" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43eb44d7fc0217103b9d_logos_Susteon.webp" loading="lazy" class="image-clientlogo is-medium"/><div class="tag-container-border"><div class="tag-container"><div class="paragraph is-small">Brand + Website</div></div></div><div class="industry-tab_progress-wrap"><div class="industry-tab_progress-bar"></div></div></div></a><a data-w-tab="Tab 3" class="testimonial_tab-link w-inline-block w-tab-link"><div class="testimonial_tab-container"><img width="125" height="21.212121963500977" alt="sainapse logo" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43ea68d2fbdfdda48cf1_7237c1bb422cd76b1856635f3bc78034_logos_ribbit%20net
141work.png" loading="lazy" class="image-clientlogo is-small"/><div class="tag-container-border"><div class="tag-container"><div class="paragraph is-small">Website</div></div></div><div class="industry-tab_progress-wrap"><div class="industry-tab_progress-bar"></div></div></div></a><a data-w-tab="Tab 4" class="testimonial_tab-link w-inline-block w-tab-link"><div class="testimonial_tab-container"><img width="125" height="21.212121963500977" alt="sainapse logo" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43ea9be74ab1a9492a56_logos_labstart.webp" loading="lazy" class="image-clientlogo is-medium"/><div class="tag-container-border"><div class="tag-container"><div class="paragraph is-small">Brand + Website</div></div></div><div class="industry-tab_progress-wrap"><div class="industry-tab_progress-bar"></div></div></div></a></div><div class="industry_tab-content w-tab-content"><div data-w-tab="Tab 1" class="tab-pane-tab-1 w-tab-pane w--tab-active"><div class="industry_tab-content-card"><div id="w-node-_16f94b04-aaf2-808a-5d6a-48e0c4b37e95-cae08991" class="industry_tab-right"><div class="industry_tab-visual"><img sizes="100vw" srcset="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c507b973c13d49764d_kent-p-500.webp 500w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c507b973c13d49764d_kent-p-800.webp 800w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c507b973c13d49764d_kent-p-1080.webp 1080w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c507b973c13d49764d_kent.webp 1280w" alt="Person image" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c507b973c13d49764d_kent.webp" loading="lazy" class="industry_media"/><div class="industry_media hide w-embed w-script"><div class="video-container" style="position: relative; width: 100%; padding-bottom: 56.25%; height: 0; max-width: 1920px; margin: 0 auto;"> 142 <!-- Thumbnail Image --> 143 <img class="video-thumbnail" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c507b973c13d49764d_kent.webp" alt="Video Thumbnail" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; cursor: pointer; border-radius: 2px; z-index: 2;"> 144 145 <!-- Play Button Overlay --> 146 <div class="playpause" style="position: absolute; top: 16px; right: 16px; cursor: pointer; z-index: 3;"> 147 <div class="playpauseInner"> 148 <!-- Inline SVG Play Button with Teal Color --> 149 <svg xmlns="http://www.w3.org/2000/svg" class="play-button-svg" height="60px" viewBox="0 0 24 24" width="60px" fill="#00C3A9"> 150 <path d="M0 0h24v24H0V0z" fill="none"/> 151 <path d="M10 8.64v6.72c0 .56.61.91 1.1.65l5.58-3.36c.5-.3.5-1 0-1.3L11.1 8c-.49-.29-1.1.08-1.1.64z"/> 152 </svg> 153 </div> 154 </div> 155 156 <!-- Video (Hidden Initially) --> 157 <video class="cloudinary-video" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 1; object-fit: fill;" controls unmuted> 158 <source src="https://res.cloudinary.com/dlkoqehk7/video/upload/v1731206242/VendorX_testimonial_edited_dsoqjp.mp4" type="video/mp4"> 159 Your browser does not support the video tag. 160 </video> 161</div> 162
163<script> 164 function playVideo() { 165 const videoElement = document.querySelector('.cloudinary-video'); 166 const thumbnailElement = document.querySelector('.video-thumbnail'); 167 const playButton = document.querySelector('.playpause'); 168 169 if (videoElement) { 170 thumbnailElement.style.display = 'none'; 171 playButton.style.display = 'none'; 172 videoElement.style.display = 'block'; 173 videoElement.play().catch(error => { 174 console.error("Error playing video:", error); 175 }); 176 } else { 177 console.error("Video element not found!"); 178 } 179 } 180 181 document.querySelector('.video-thumbnail').addEventListener('click', playVideo); 182 document.querySelector('.playpause').addEventListener('click', playVideo); 183</script>
183 184 185<style> 186 .video-thumbnail { 187 width: 100%; 188 height: 100%; 189 object-fit: cover; 190 cursor: pointer; 191 border-radius: 2px; 192 z-index: 2; 193 } 194 195 .playpause { 196 position: absolute; 197 top: 16px; 198 right: 16px; 199 display: flex; 200 align-items: center; 201 justify-content: center; 202 cursor: pointer; 203 backdrop-filter: blur(10px); 204 border-radius: 100px; 205 background-color: rgba(255, 255, 255, 0.25); 206 padding: 10px; 207 z-index: 3; 208 } 209 210 .playpauseInner { 211 width: 60px; 212 height: 60px; 213 border-radius: 100px; 214 display: flex; 215 align-items: center; 216 justify-content: center; 217 background-color: rgba(255, 255, 255, 0.15); 218 transition: transform 0.3s ease; 219 } 220 221 .playpause:hover, .playpause:hover .playpauseInner { 222 transform: scale(1.05); 223 } 224 225 .play-button-svg { 226 width: 60px; 227 height: 60px; 228 fill: white; 229 } 230</style></div></div></div><div class="industry_tab-left"><div class="industry_tab-left_top"><div class="header-usecase"><div class="heading-xsmall">âWorking with What If has been transformative â faster feature roll outs, reduced development costs, and a fantastic user experience. They quickly understood our vision and offered proactive ideas â</div></div><div class="spacer-xtiny"></div><div class="client-details"><p class="heading-xxsmall">Kent Costello</p><div class="text-color-grey"><p class="paragraph">Founder and CEO, Vested Futures</p></div></div></div></div></div></div><div data-w-tab="Tab 2" class="tab-pane-tab-2 w-tab-pane"><div class="industry_tab-content-card"><div id="w-node-_16f94b04-aaf2-808a-5d6a-48e0c4b37ea6-cae08991" class="industry_tab-right"><div class="industry_tab-visual"><img sizes="100vw" srcset="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c5f440d37bae3942ae_sudarshan-p-500.webp 500w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c5f440d37bae3942ae_sudarshan-p-800.webp 800w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c5f440d37bae3942ae_sudarshan-p-1080.webp 1080w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c5f440d37bae3942ae_sudarshan.webp 1280w" alt="Person image" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c5f440d37bae3942ae_sudarshan.webp" loading="lazy" class="industry_media"/></div></div><div class="industry_tab-left"><div class="industry_tab-left_top"><div class="header-usecase"><div class="heading-xsmall">âThe team at What If Design was nimble, thoughtful and flexible. Their design process forced us to reflect and rethink our corporate strategy. They brought the company messaging to the forefront and and accurately translated our vision. â</div></div><div class="spacer-xtiny"></div><div class="client-details"><p class="heading-xxsmall">Sudarshan Gupta</p><div class="text-color-grey"><p class="paragraph">Chief Operating Officer, Susteon Inc.</p></div></div></div></div></div></div><div data-w-tab="Tab 3" class="tab-pane-tab-3 w-tab-pane"><div class="industry_tab-content-card"><div id="w-node-_16f94b04-aaf2-808a-5d6a-48e0c4b37eb7-cae08991" class="industry_tab-right"><div class="industry_tab-visual"><div class="industry_media hide w-embed w-script"><div class="video-container" style="position: relative; width: 100%; padding-bottom: 56.25%; height: 0; max-width: 1920px; margin: 0 auto;"> 231 <!-- Thumbnail Image --> 232 <img class="video-thumbnail" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c56f9063bd452b1423_keenan.webp" alt="Video Thumbnail" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; cursor: pointer; border-radius: 2px; z-index: 2;"> 233 234 <!-- Play Button Overlay --> 235 <div class="playpause" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 3;"> 236 <div class="playpauseInner"> 237 <!-- Inline SVG Play Button with Teal Color --> 238 <svg xmlns="http://www.w3.org/2000/svg" class="play-button-svg" height="60px" viewBox="0 0 24 24" width="60px" fill="#00C3A9"> 239 <path d="M0 0h24v24H0V0z" fill="none"/> 240 <path d="M10 8.64v6.72c0 .56.61.91 1.1.65l5.58-3.36c.5-.3.5-1 0-1.3L11.1 8c-.49-.29-1.1.08-1.1.64z"/> 241 </svg> 242 </div> 243 </div> 244 245 <!-- Video (Hidden Initially) --> 246 <video class="cloudinary-video" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 1;" controls muted> 247 <source src="https://res.cloudinary.com/dlkoqehk7/video/upload/v1731206226/keenan_testimonial_edited_ksfx0r.mp4" type="video/mp4"> 248 Your browser does not support the video tag. 249 </video> 250</div> 251
252<script> 253 function playVideo() { 254 var videoElement = document.querySelector('.cloudinary-video'); 255 var thumbnailElement = document.querySelector('.video-thumbnail'); 256 var playButton = document.querySelector('.playpause'); 257 258 if (videoElement) { 259 // Hide the thumbnail and play button 260 thumbnailElement.style.display = 'none'; 261 playButton.style.display = 'none'; 262 263 // Ensure video is ready and attempt to play it 264 videoElement.style.display = 'block'; 265 videoElement.muted = true; // Mute video initially to bypass autoplay restrictions for testing 266 videoElement.play().then(() => { 267 console.log("Video playing successfully."); 268 }).catch(error => { 269 console.error("Video play failed:", error); 270 }); 271 } else { 272 console.error("Video element not found!"); 273 } 274 } 275 276 // Attach event listener to both the thumbnail and play button 277 document.querySelector('.video-thumbnail').addEventListener('click', playVideo); 278 document.querySelector('.playpause').addEventListener('click', playVideo); 279</script>
279 280 281<style> 282 .video-thumbnail { 283 width: 100%; 284 height: 100%; 285 object-fit: cover; 286 cursor: pointer; 287 border-radius: 2px; 288 z-index: 2; 289 } 290 291 .playpause { 292 position: relative; 293 display: flex; 294 align-items: center; 295 justify-content: center; 296 cursor: pointer; 297 backdrop-filter: blur(10px); 298 border-radius: 100px; 299 background-color: rgba(255, 255, 255, 0.25); 300 padding: 10px; 301 z-index: 3; 302 } 303 304 .playpause:hover, .playpause:hover .playpauseInner { 305 transform: scale(1.05); 306 } 307 308 .play-button-svg { 309 width: 60px; 310 height: 60px; 311 fill: white; 312 } 313</style></div><img sizes="100vw" srcset="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c56f9063bd452b1423_keenan-p-500.webp 500w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c56f9063bd452b1423_keenan-p-800.webp 800w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c56f9063bd452b1423_keenan-p-1080.webp 1080w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c56f9063bd452b1423_keenan.webp 1280w" alt="Person image" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c56f9063bd452b1423_keenan.webp" loading="lazy" class="industry_media"/></div></div><div class="industry_tab-left"><div class="industry_tab-left_top"><div class="header-usecase"><div class="heading-xsmall">âThey very quickly understood the kind of messaging that was important to us and how to translate that into a compelling visual experience. I can't recommend them enough! â</div></div><div class="spacer-xtiny"></div><div class="client-details"><p class="heading-xxsmall">Keenan Johnson</p><div class="text-color-grey"><p class="paragraph">Executive Director, Ribbit Network</p></div></div></div></div></div></div><div data-w-tab="Tab 4" class="tab-pane-tab-4 w-tab-pane"><div class="industry_tab-content-card"><div id="w-node-_16f94b04-aaf2-808a-5d6a-48e0c4b37ec8-cae08991" class="industry_tab-right"><div class="industry_tab-visual"><img sizes="100vw" srcset="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c5de02f81f809feaab_megan-p-500.webp 500w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c5de02f81f809feaab_megan-p-800.webp 800w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c5de02f81f809feaab_megan-p-1080.webp 1080w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c5de02f81f809feaab_megan.webp 1280w" alt="Person image" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d43c5de02f81f809feaab_megan.webp" loading="lazy" class="industry_media"/></div></div><div class="industry_tab-left"><div class="industry_tab-left_top"><div class="header-usecase"><div class="heading-xsmall">"What If Design's leadership on our brand redesign was a dream. Their team worked as an extension of our mission, embodied our values, and then expanded upon our vision with ease. Our static, version 101 website was transformed into a full brand identity - professional, creative, and human.â</div></div><div class="spacer-xtiny"></div><div class="client-details"><p class="heading-xxsmall">Megan Holcomb</p><div class="text-color-grey"><p class="paragraph">Chief Operating Officer, LabStart</p></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="section-climateprojects"><div class="padding-xhuge is-horizontal-only"><div class="container-large"><div class="text-align-center"><div class="text-color-grey-40"><div class="text-style-caption text-color-grey-40">Work </div></div></div><div class="spacer-small"></div></div><div id="ux" class="work-section"><div class="mix-container is-3rows"><div class="home-casestudy"><a data-w-id="1f43d71b-3efa-db0b-0c43-c06685fb2de3" href="https://www.susteon.com/" target="_blank" class="home-casestudy-link w-inline-block"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d7b57c9d5f71dc9c83e2d_Casestudy_susteon.webp" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="100vw" alt="Modern branding design featuring wind turbines and eco-carbon." srcset="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d7b57c9d5f71dc9c83e2d_Casestudy_susteon-p-
313500.webp 500w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d7b57c9d5f71dc9c83e2d_Casestudy_susteon-p-800.webp 800w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d7b57c9d5f71dc9c83e2d_Casestudy_susteon-p-1080.webp 1080w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d7b57c9d5f71dc9c83e2d_Casestudy_susteon.webp 1440w" class="home-casestudy-cover"/></a><div class="home-casestudy-wrapper"><div class="casestudy-row"><div class="text-color-grey-40"><p class="paragraph is-regular">Susteon</p></div><a aria-label="view all work" href="/work/susteon-brand-website-design-carbon-capture-and-utilization" target="_blank" class="button-secondary-red is-nopadding w-inline-block"><div class="paragraph is-mediumbold">View project</div><div class="icon-embed-small w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M6 6v2h8.59L5 17.59L6.41 19L16 9.41V18h2V6z"></path></svg></div></a></div><div class="spacer-tiny"></div><div class="text-color-grey-10"><p class="heading-xsmall">Creating a regenerative carbon ecosystem</p></div></div></div><div class="home-casestudy"><a data-w-id="1f43d71b-3efa-db0b-0c43-c06685fb2df2" href="https://www.labstart.co/" target="_blank" class="home-casestudy-link w-inline-block"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d4404f8cee0447ba38c4f_Casestudy_labstart.webp" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="100vw" alt="Climate tech website design featuring pathways from lab-to-market." srcset="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d4404f8cee0447ba38c4f_Casestudy_labstart-p-500.webp 500w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d4404f8cee0447ba38c4f_Casestudy_labstart-p-800.webp 800w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d4404f8cee0447ba38c4f_Casestudy_labstart-p-1080.webp 1080w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d4404f8cee0447ba38c4f_Casestudy_labstart.webp 1440w" class="home-casestudy-cover"/></a><div class="home-casestudy-wrapper"><div class="casestudy-row"><div class="text-color-grey-40"><p class="paragraph is-regular">LabStart</p></div><a aria-label="view all work" href="/work/labstart-website-design-climate-venture-studio" target="_blank" class="button-secondary-red is-nopadding w-inline-block"><div class="paragraph is-mediumbold">View project</div><div class="icon-embed-small w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M6 6v2h8.59L5 17.59L6.41 19L16 9.41V18h2V6z"></path></svg></div></a></div><div class="spacer-tiny"></div><div class="text-color-grey-10"><p class="heading-xsmall">Diverse pathways for climate-tech ventures</p></div></div></div><div class="home-casestudy"><a data-w-id="1f43d71b-3efa-db0b-0c43-c06685fb2e10" href="https://www.getshine.com/" target="_blank" class="home-casestudy-link w-inline-block"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d4404675337a2eb2ee6c5_Casestudy_Shine.webp" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="100vw" alt="Solar panel data visualization UI displaying lifetime energy metrics." srcset="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d4404675337a2eb2ee6c5_Casestudy_Shine-p-500.webp 500w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d4404675337a2eb2ee6c5_Casestudy_Shine-p-800.webp 800w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d4404675337a2eb2ee6c5_Casestudy_Shine-p-1080.webp 1080w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d4404675337a2eb2ee6c5_Casestudy_Shine.webp 1440w" class="home-casestudy-cover"/></a><div class="home-casestudy-wrapper"><div class="casestudy-row"><div class="text-color-grey-40"><p class="paragraph is-regular">Shine Billing</p></div>
313<a aria-label="view all work" href="/work/shine-solar-website-design" target="_blank" class="button-secondary-red is-nopadding w-inline-block"><div class="paragraph is-mediumbold">View project</div><div class="icon-embed-small w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M6 6v2h8.59L5 17.59L6.41 19L16 9.41V18h2V6z"></path></svg></div></a></div><div class="spacer-tiny"></div><div class="text-color-grey-10"><p class="heading-xsmall">Turn key on-site solar for multi-family</p></div></div></div><div class="home-casestudy"><a data-w-id="3f17f48e-3322-982a-3b6a-73d19e922b11" href="/work/batteryze-ux-design-and-mvp-development" target="_blank" class="home-casestudy-link w-inline-block"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/673107c70790ba4887aa1b1a_Casestudy_batteryze.webp" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="100vw" alt="Battery health dashboard with intuitive UX de
313sign." srcset="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/673107c70790ba4887aa1b1a_Casestudy_batteryze-p-500.webp 500w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/673107c70790ba4887aa1b1a_Casestudy_batteryze-p-800.webp 800w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/673107c70790ba4887aa1b1a_Casestudy_batteryze-p-1080.webp 1080w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/673107c70790ba4887aa1b1a_Casestudy_batteryze.webp 1440w" class="home-casestudy-cover"/></a><div class="home-casestudy-wrapper"><div class="casestudy-row"><div class="text-color-grey-40"><p class="paragraph is-regular">Batteryze</p></div><a aria-label="view all work" href="/work/batteryze-ux-design-and-mvp-development" target="_blank" class="button-secondary-red is-nopadding w-inline-block"><div class="paragraph is-mediumbold">View project</div><div class="icon-embed-small w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M6 6v2h8.59L5 17.59L6.41 19L16 9.41V18h2V6z"></path></svg></div></a></div><div class="spacer-tiny"></div><div class="text-color-grey-10"><p class="heading-xsmall">Creating a circular EV Battery economy</p></div></div></div><div class="home-casestudy"><a data-w-id="1f43d71b-3efa-db0b-0c43-c06685fb2e5b" href="https://www.ribbitnetwork.org/" target="_blank" class="home-casestudy-link w-inline-block"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/67304b8c3d201ddcf885b727_Casestudy_RibbitNetwork.webp" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="100vw" alt="Innovative website design for Ribbit Network showcasing." srcset="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/67304b8c3d201ddcf885b727_Casestudy_RibbitNetwork-p-500.webp 500w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/67304b8c3d201ddcf885b727_Casestudy_RibbitNetwork-p-800.webp 800w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/67304b8c3d201ddcf885b727_Casestudy_RibbitNetwork-p-1080.webp 1080w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/67304b8c3d201ddcf885b727_Casestudy_RibbitNetwork.webp 1440w" class="home-casestudy-cover"/></a><div class="home-casestudy-wrapper"><div class="casestudy-row"><div class="text-color-grey-40"><p class="paragraph is-regular">Ribbit Network</p></div><a aria-label="view all work" href="https://www.ribbitnetwork.org/" target="_blank" class="button-secondary-red is-nopadding w-inline-block"><div class="paragraph is-mediumbold">View project</div><div class="icon-embed-small w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M6 6v2h8.59L5 17.59L6.41 19L16 9.41V18h2V6z"></path></svg></div></a></div><div class="spacer-tiny"></div><div class="text-color-grey-10"><p class="heading-xsmall">Improving open-source climate-observability</p></div></div></div><div class="home-casestudy"><a data-w-id="1f43d71b-3efa-db0b-0c43-c06685fb2e3d" href="https://www.vendorx.io/" target="_blank" class="home-casestudy-link w-inline-block"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d44049d094a1533f5876b_Casestudy_vestedfutures.webp" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="100vw" alt="User-centric dashboard UX design for vendor platforms." srcset="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d44049d094a1533f5876b_Casestudy_vestedfutures-p-500.webp 500w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d44049d094a1533f5876b_Casestudy_vestedfutures-p-800.webp 800w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d44049d094a1533f5876b_Casestudy_vestedfutures-p-1080.webp 1080w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d44049d094a1533f5876b_Casestudy_vestedfutures.webp 1440w" class="home-casestudy-cover"/></a><div class="home-casestudy-wrapper"><div class="casestudy-row"><div class="text-color-grey-40"><p class="paragraph is-regular">Vested Futures</p></div>
313<a aria-label="view all work" href="/work/vested-futures-ux-design-and-product-strategy" target="_blank" class="button-secondary-red is-nopadding w-inline-block"><div class="paragraph is-mediumbold">View project</div><div class="icon-embed-small w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M6 6v2h8.59L5 17.59L6.41 19L16 9.41V18h2V6z"></path></svg></div></a></div><div class="spacer-tiny"></div><div class="text-color-grey-10"><p class="heading-xsmall">ESG vendor sourcing for corporate sustainability</p></div></div></div><div class="home-casestudy"><a data-w-id="1f43d71b-3efa-db0b-0c43-c06685fb2e2e" href="/work/grinity-brand-strategy-and-design" target="_blank" class="home-casestudy-link w-inline-block"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d44042b60cfc3fdc127fb_Casestudy_grinity.webp" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="100vw" alt="Eco-friendly branding design showcasing a white circular logo over vibrant green leaf textures." srcset="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d44042b60cfc3fdc127fb_Casestudy_grinity-p-500.webp 500w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d44042b60cfc3fdc127fb_Casestudy_grinity-p-800.webp 800w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d44042b60cfc3fdc127fb_Casestudy_grinity-p-1080.webp 1080w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/672d44042b60cfc3fdc127fb_Casestudy_grinity.webp 1440w" class="home-casestudy-cover"/></a><div class="home-casestudy-wrapper"><div class="casestudy-row"><div class="text-color-grey-40"><p class="paragraph is-regular">Grinity</p></div><a aria-label="view all work" href="/work/grinity-brand-strategy-and-design" target="_blank" class="button-secondary-red is-nopadding w-inline-block"><div class="paragraph is-mediumbold">View project</div><div class="icon-embed-small w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M6 6v2h8.59L5 17.59L6.41 19L16 9.41V18h2V6z"></path></svg></div></a></div><div class="spacer-tiny"></div><div class="text-color-grey-10"><p class="heading-xsmall">Clean indoors of the future</p></div></div></div><div class="home-casestudy"><a data-w-id="1f43d71b-3efa-db0b-0c43-c06685fb2e4c" href="#" class="home-casestudy-link w-inline-block"><img src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/6730d7dc24ef2f2d72c6e809_Casestudy_Climates.webp" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="100vw" alt="Mobile app UI design for fundraising" srcset="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/6730d7dc24ef2f2d72c6e809_Casestudy_Climates-p-500.webp 500w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/6730d7dc24ef2f2d72c6e809_Casestudy_Climates-p-800.webp 800w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/6730d7dc24ef2f2d72c6e809_Casestudy_Climates-p-1080.webp 1080w, https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/6730d7dc24ef2f2d72c6e809_Casestudy_Climates.webp 1440w" class="home-casestudy-cover"/></a><div class="home-casestudy-wrapper"><div class="casestudy-row"><div class="text-color-grey-40"><p class="paragraph is-regular">CliMates</p></div><div class="paragraph is-mediumbold">Coming soon</div></div><div class="spacer-tiny"></div><div class="text-color-grey-10"><p class="heading-xsmall">Crowdsourcing for climate adaptation</p></div></div></div></div></div></div></div></div><div class="section_let-stalkdark"><div class="padding-xhuge is-horizontal-only"><div class="border-secondhighlight"><div class="cta-letstalk"><div id="w-node-_28b45d61-3e18-5d1d-2a76-021cab3371a0-cae08991" class="letstalk-container is-climate"><div class="text-color-white"><h2 class="heading-large">Bring your climate-vision to reality</h2><div class="text-color-grey-40"><div class="paragraph is-xlarge">Sign up for a free design audit that can catalyze your mission.</div></div></div></div><a href="https://tally.so/r/n97pxQ" target="_blank" class="button_black w-inline-block"><div>Sign Up</div></a></div></div></div></div><div class="padding-xhuge"><div class="footer_container"><div class="footer-left"><div class="footer-column is-smallspaced"><a id="footer-whatif-logo-home" aria-label="White logo of what if" href="/" class="brand-2 w-nav-brand"><img loading="lazy" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/64efa0d54c08a72023cf5e4d_Logo.svg" alt="White logo of what if"/></a><div class="paragraph is-grey"><span class="text-span-4">We're remote-first,</span> but closest to <br/>â<span class="text-span-5">San Francisco</span> and <span class="text-span-6">Bangalore</span></div></div><div class="footer-row"><a href="https://designdeclares.com/" target="_blank" class="design-declares-link-block w-inline-block"><img width="80" height="60" alt="Design declares badge" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/681729b8cda64534a073706a_Design%20Declares.png" loading="lazy" class="footer-designdeclaresbadge"/></a><a href="https://dribbble.com/branding-agency" target="_blank" class="design-declares-link-block w-inline-block"><img width="80" height="60" alt="Design declares badge" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/6a070d469e96a9f776da62e1_Top%20Branding%20Agency.svg" loading="lazy" class="footer-designdeclaresbadge"/></a></div><div class="footer-left is-bottom-aligned"><div class="footer-row is-mobilevertical"><a id="Linkedin" aria-label="linkedin" href="https://www.linkedin.com/company/whatifdesign" target="_blank" class="footer-link w-inline-block"><div class="icon-embed-small is-white w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--simple-icons" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
313<path fill="currentColor" d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065a2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></div><div class="text-style-subtext">linkedin<br/></div></a><a id="email-footer" aria-label="email" href="mailto:[email protected], [email protected]" target="_blank" class="footer-link w-inline-block"><div class="icon-embed-small is-white w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"></path></svg></div><div class="text-style-subtext">email<br/></div></a></div><div class="text-color-gray400"><div class="paragraph">© 2026 What if Design</div></div></div></div><div id="w-node-_4df5b3a9-46f8-36ff-ebc2-1263d827b0c4-d827b0a8" class="footer-middle"><div class="footer-row is-rightaligned"><div class="footer-column"><div class="text-color-gray500"><div class="paragraph">Company</div></div><div class="text-color-gray200"><a aria-label="pricing" href="/about" class="footer-link-dark w-inline-block"><div class="paragraph">About</div></a></div><div class="text-color-gray200"><a aria-label="work" href="/work" class="footer-link-dark w-inline-block"><div class="paragraph">Work</div></a></div><div class="text-color-gray200"><a aria-label="services" href="https://www.whatifdesign.co/#services" class="footer-link-dark w-inline-block"><div class="paragraph">Services</div></a></div><div class="text-color-gray200"><a aria-label="services" href="https://whatifdesign.notion.site/What-if-Design-Job-Board-3110a596dc674702aa6a68f293be8076" target="_blank" class="footer-link-dark w-inline-block"><div class="paragraph">Careers</div></a></div><div class="text-color-gray200"><a aria-label="pricing" href="/insights" class="footer-link-dark w-inline-block"><div class="paragraph">Insights</div></a></div><div class="text-color-gray200"><a aria-label="pricing" href="/resources" class="footer-link-dark w-inline-block"><div class="paragraph">Resources</div></a></div><div class="text-color-gray200"><a aria-label="work" href="/design-glossary" class="footer-link-dark w-inline-block"><div class="paragraph">Design Glossary</div></a></div><div class="text-color-gray200"><a aria-label="work" href="https://feeds.whatifdesign.co/" class="footer-link-dark w-inline-block"><div class="paragraph">Feeds</div></a></div><div class="text-color-gray200"><a aria-label="pricing" href="/insights" class="footer-dark-link w-inline-block"><div class="paragraph"> </div></a></div></div><div class="footer-column"><div class="text-color-gray500"><div class="paragraph">Services</div></div><div class="services-links-wrapper w-dyn-list"><div role="list" class="services-link-list w-dyn-items"><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/service/ux-design" class="footer-link-dark w-inline-block"><div class="paragraph">UX Design</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/service/user-research" class="footer-link-dark w-inline-block"><div class="paragraph">UX Research</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/service/website-design" class="footer-link-dark w-inline-block"><div class="paragraph">Website Design</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/service/webflow-development" class="footer-link-dark w-inline-block"><div class="paragraph">Webflow Development</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/service/product-strategy" class="footer-link-dark w-inline-block"><div class="paragraph">Product Strategy</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/service/brand-strategy-and-design" class="footer-link-dark w-inline-block"><div class="paragraph">Brand Strategy and Design</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/service/pitch-deck-design" class="footer-link-dark w-inline-block"><div class="paragraph">Pitch Deck Design</div></a></div></div></div></div></div><div class="footer-column"><div class="text-color-gray500"><div class="paragraph">Expertise</div></div><div class="services-links-wrapper w-dyn-list"><div role="list" class="services-link-list w-dyn-items"><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/sector/esg-data" class="footer-link-dark w-inline-block"><div class="paragraph">ESG</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/sector/green-tech" class="footer-link-dark w-inline-block"><div class="paragraph">Green Tech</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/sector/frontier-tech" class="footer-link-dark w-inline-block"><div class="paragraph">Frontier Tech</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/sector/electric-vehicles" class="footer-link-dark w-inline-block"><div class="paragraph">Electric Vehicles</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/sector/carbon-capture-and-utilization" class="footer-link-dark w-inline-block"><div class="paragraph">Carbon Capture</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/sector/clean-tech" class="footer-link-dark w-inline-block"><div class="paragraph">Clean tech</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/sector/deep-tech" class="footer-link-dark w-inline-block"><div class="paragraph">Deep Tech</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/sector/sustainability-tech" class="footer-link-dark w-inline-block"><div class="paragraph">Sustainable Tech</div></a></div></div><div role="listitem" class="service-link-item w-dyn-item"><div class="text-color-gray200"><a aria-label="pricing" href="https://www.whatifdesign.co/sector/climatetech" class="footer-link-dark w-inline-block"><div class="paragraph">Climate Tech</div></a></div></div></div></div></div></div></div></div></div></div><div id="cookie-banner" class="cookie-consent-banner"><div class="cookie-top-wrapper"><div class="text-wrapper"><div class="text-color-white"><div class="heading-xsmall">We use cookies to optimize your experience.</div></div><div class="spacer-xxsmall"></div><div class="text-color-grey-25"><div class="text-size-small">Control your data. We use cookies to personalize content and analyze our traffic. You're in charge of which ones stay.</div></div><div class="spacer-small"></div></div><div class="cookie-close-icon"><img loading="lazy" src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/69f1ab78decddb7b7591f9ab_6a23fab4f3305d11b815e11da0ff2efc_what-if-close-icon.svg" alt="" class="cookie-iocn"/></div></div><div class="buttons-wrapper"><a id="reject-all" href="#" class="button cookie is-grey w-node-_63aa2325-f808-1780-f3f9-014567c80a63-67c80a55 w-inline-block"><div>Decline</div></a><a id="accept-all" href="#" class="button cookie w-node-_63aa2325-f808-1780-f3f9-014567c80a66-67c80a55 w-inline-block"><div>Accept</div></a></div></div>
313<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=60b3b99e9d53e457aa9ea3bf" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
313<script src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/js/webflow.schunk.95e63651d8cb44ca.js" type="text/javascript" integrity="sha384-y2aL8E1S77DdwcFgiPlxn7VggaHglkZMJacw+CvzfDDgWJKPEoneB25JW1i8qZmz" crossorigin="anonymous"></script>
313<script src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/js/webflow.schunk.6339de70282819bd.js" type="text/javascript" integrity="sha384-F04WgUINHqUz7nVhVM4i65ZPaZPvLuGPt+zTysXwfJ5dV5WMPaTWc7UZVio8bopf" crossorigin="anonymous"></script>
313<script src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/js/webflow.schunk.ea8fed3e394a7e82.js" type="text/javascript" integrity="sha384-jzApK+wE+CWtdq8FgcCRKaJrj2EDPuUyZvUPVlsvOpWfPWu+q9gv7ydsSkSH/SIr" crossorigin="anonymous"></script>
313<script src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/js/webflow.schunk.6db997d1b1128783.js" type="text/javascript" integrity="sha384-MMiRgXiFGKlbIa8CeEJPSk5KtwPLtjpAg3m1wNOI3LbXh+MJnk0/QNM/dnmfPNlm" crossorigin="anonymous"></script>
313<script src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/js/webflow.schunk.4913f0d9ee368d76.js" type="text/javascript" integrity="sha384-j3R/zD6ANugAuyivaSShu4Pueq0H3b21ZuYGjExFl18/3yqUApyu/S+tVZ0usPnf" crossorigin="anonymous"></script>
313<script src="https://cdn.prod.website-files.com/60b3b99e9d53e457aa9ea3bf/js/webflow.f0b6af4c.2667485624a702ee.js" type="text/javascript" integrity="sha384-4Y/SWOUlF6S3Xl8wC5at3r6FT6texCd4kBYBxWlvjZPIVBypBj5Oq7uR2MyIiLle" crossorigin="anonymous"></script>
313<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
313<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 313-314
313 314<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
314GTM-5GFSDGSC
vendor: 83 bytes, lines 314-315
314" 315height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
316<!-- End Google Tag Manager (noscript) --> 317 318<!-- Cookie Consent Banner Script -->
319<script> 320document.addEventListener('DOMContentLoaded', function () { 321 var banner = document.getElementById('cookie-banner'); 322 var accept = document.getElementById('accept-all'); 323 var decline = document.getElementById('reject-all'); 324 var close = document.querySelector('.cookie-close-icon'); 325 var saved = localStorage.getItem('cookie_consent'); 326 327 if (saved === 'granted') { 328 fireGranted(); 329 return; 330 } 331 if (saved === 'denied') { 332 fireDenied(); 333 return; 334 } 335 336 // No stored choice yet â only show the banner on pages where it exists 337 if (!banner) return; 338 339 // First visit or closed without choosing â show banner 340 banner.style.display = 'flex'; 341 setTimeout(function () { 342 banner.style.transition = 'opacity 0.4s ease'; 343 banner.style.opacity = '1'; 344 }, 50); 345 346 accept.addEventListener('click', function (e) { 347 e.preventDefault(); 348 localStorage.setItem('cookie_consent', 'granted'); 349 hideBanner(); 350 fireGranted(); 351 }); 352 353 decline.addEventListener('click', function (e) { 354 e.preventDefault(); 355 localStorage.setItem('cookie_consent', 'denied'); 356 hideBanner(); 357 fireDenied(); 358 }); 359 360 if (close) { 361 close.addEventListener('click', function (e) { 362 e.preventDefault(); 363 hideBanner(); 364 // No localStorage save â banner will show again on next page load 365 }); 366 } 367 368 function hideBanner() { 369 banner.style.transition = 'opacity 0.3s ease'; 370 banner.style.opacity = '0'; 371 setTimeout(function () { banner.style.display = 'none'; }, 300); 372 } 373 374 function fireGranted() { 375 gtag('consent', 'update', { 376 'analytics_storage': 'granted', 377 'ad_storage': 'granted', 378 'ad_user_data': 'granted', 379 'ad_personalization': 'granted', 380 'functionality_storage': 'granted', 381 'security_storage': 'granted' 382 }); 383 dataLayer.push({ 'event': 'consent_granted' }); 384 } 385 386 function fireDenied() { 387 gtag('consent', 'update', { 388 'analytics_storage': 'denied', 389 'ad_storage': 'denied', 390 'ad_user_data': 'denied', 391 'ad_personalization': 'denied' 392 }); 393 dataLayer.push({ 'event': 'consent_denied' }); 394 } 395}); 396</script>
396 397 398 399 400 401 402 403 404 405 406 407 408<html lang="en"> 409 410
410<script async src="https://cdn.promotekit.com/promotekit.js" data-promotekit="809005fa-2031-43cc-accb-35a3b14b3f19"></script>
vendor: 1 bytes, line 410
410
411<script>document.addEventListener("DOMContentLoaded",function(){setTimeout(function(){let e=document.querySelectorAll('a[href^="https://buy.stripe.com/"]');e.forEach(function(e){let t=e.getAttribute("href"),r=window.promotekit_referral;t.includes("client_reference_id")||e.setAttribute("href",t+"?client_reference_id="+r)});let t=document.querySelectorAll("[pricing-table-id]");t.forEach(function(e){e.setAttribute("client-reference-id",window.promotekit_referral)});let r=document.querySelectorAll("[buy-button-id]");r.forEach(function(e){e.setAttribute("client-reference-id",window.promotekit_referral)})},2e3)}); </script>
411 412 413<meta name="referrer" content="strict-origin-when-cross-origin">
414<script>document.addEventListener("DOMContentLoaded",function(){let e=document.querySelectorAll("a");e.forEach(function(e){e.referrerPolicy="strict-origin-when-cross-origin"})},{passive:!0});</script>
414 415 416
417<script defer> 418 !function(){if(!window.reb2b||!window.reb2b.invoked){var e=window.reb2b=window.reb2b||[];e.invoked=!0,e.methods=["identify","collect"],e.methods.forEach(function(t){var r;e[t]=(r=t,function(){var t=Array.from(arguments);return t.unshift(r),e.push(t),e})}),e.load=function(e){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://s3-us-west-2.amazonaws.com/b2bjsstore/b/"+e+"/Q6J2RHY80X6D.js.gz";var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)},e.load("Q6J2RHY80X6D"),e.SNIPPET_VERSION="1.0.1"}}(); 419</script>
419 420 421 422
423<script defer> 424 !function(e,t){try{if(e.vector){console.log("Vector snippet included more than once.");return}let r={q:[]},c=e=>function(){let t=Array.from(arguments);r.q.push([e,t])};if(["load","identify","on"].forEach(e=>{r[e]=c(e)}),!r.loaded){let o=t.createElement("script");o.type="text/javascript",o.async=!0,o.src="https://cdn.vector.co/pixel.js",t.getElementsByTagName("script")[0].parentNode.insertBefore(o,t.getElementsByTagName("script")[0]),r.loaded=!0}e.vector=r,vector.load("e066dd90-e78c-4b6d-9da7-1629adeb324c")}catch(a){console.error("Error loading Vector:",a)}}(window,document); 425</script>
425 426
427<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
vendor: 1 bytes, line 427
427
428<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 428
428
429<script> 430document.addEventListener('DOMContentLoaded', function () { 431 if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') { 432 console.error('GSAP or ScrollTrigger not loaded.'); 433 return; 434 } 435 436 gsap.registerPlugin(ScrollTrigger); 437 438 const textElement = document.querySelector('.climate-text-heading'); 439 if (!textElement) { 440 console.error('Element with class "climate-text-heading" not found.'); 441 return; 442 } 443 444 if (!textElement.querySelector('.climate-span')) { 445 const words = textElement.textContent.trim().split(/\s+/); 446 textElement.innerHTML = words 447 .map(word => `<span class="climate-span">${word}</span>`) 448 .join(' '); 449 // Note: .climate-span-02 should be added manually or via additional logic 450 } 451 452 const allWordElements = Array.from(textElement.querySelectorAll('.climate-span, .climate-span-02')); 453 if (allWordElements.length === 0) { 454 console.error('No words found to animate.'); 455 return; 456 } 457 458 allWordElements.forEach(word => { 459 word.style.color = '#4F4F4F'; 460 word.style.transition = 'color 0.2s ease'; 461 }); 462 463 ScrollTrigger.create({ 464 trigger: textElement, 465 start: 'top 80%', 466 end: 'bottom 20%', 467 scrub: true, 468 onUpdate: function (self) { 469 const progress = self.progress; 470 const totalElements = allWordElements.length; 471 const wordIndex = Math.min(Math.floor(progress * totalElements), totalElements - 1); 472 473 allWordElements.forEach((word, index) => { 474 if (word.classList.contains('climate-span')) { 475 word.style.color = index <= wordIndex ? '#FFFFFF' : '#4F4F4F'; 476 } else if (word.classList.contains('climate-span-02')) { 477 // Start .climate-span-02 transition after all .climate-span are done 478 const span02Start = Math.floor((totalElements * 0.7)); // Adjust this threshold (e.g., 70% progress) 479 word.style.color = index <= wordIndex && index >= span02Start ? '#29dbe7' : '#4F4F4F'; 480 } 481 }); 482 }, 483 }); 484}); 485</script>
485</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.