PageSourceSearch

https://whatifdesign.webflow.io/climate

html whatifdesign.webflow.io collected 2026-10-03 14:01:57 UTC 75,258 bytes, 485 lines download raw bytes

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 &amp; 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 &amp; removal technology<br/>❯ Clean Mobility<br/>❯ Renewable energies &amp; storage<br/>❯ Materials &amp; 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 &amp; Home Efficiency<br/>❯ Renewable energy systems<br/>❯ Circular Economy &amp; Waste<br/>❯ Education &amp; 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&#x27;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">&quot;What If Design&#x27;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&#x27;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&#x27;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.