CINXE.COM

<!DOCTYPE html><html lang="en"><head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://how.studio/work/","20211024174159","https://web.archive.org/","web","/_static/", "1635097319"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.0f537c6a74377675048c.css">@font-face{font-family:Mabry Pro;src:url(/web/20211024174159im_/https://how.studio/fonts/MabryPro-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Mabry Pro;src:url(/web/20211024174159im_/https://how.studio/fonts/MabryPro-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Mabry Pro;src:url(/web/20211024174159im_/https://how.studio/fonts/MabryPro-Bold.otf) format("opentype");font-weight:700;font-style:normal}</style><meta name="generator" content="Gatsby 2.19.19"/><title data-react-helmet="true">How&How Work — Digital Design Agency</title><link data-react-helmet="true" rel="apple-touch-icon" sizes="180x180" href="/web/20211024174159im_/https://how.studio/apple-touch-icon.png"/><link data-react-helmet="true" rel="icon" type="image/png" sizes="32x32" href="/web/20211024174159im_/https://how.studio/favicon-32x32.png"/><link data-react-helmet="true" rel="icon" type="image/png" sizes="16x16" href="/web/20211024174159im_/https://how.studio/favicon-16x16.png"/><link data-react-helmet="true" rel="manifest" href="/web/20211024174159/https://how.studio/site.webmanifest"/><link data-react-helmet="true" rel="mask-icon" href="/web/20211024174159im_/https://how.studio/safari-pinned-tab.svg" color="#5bbad5"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" name="p:domain_verify" content="dbdd282f2cc6183e0b0e42730b844fe6"/><meta data-react-helmet="true" name="msapplication-TileColor" content="#da532c"/><meta data-react-helmet="true" name="theme-color" content="#ffffff"/><meta data-react-helmet="true" property="og:title" content="How&How Work — Digital Design Agency"/><meta data-react-helmet="true" name="description" content="We're a digital design agency based in Lisbon & London, who use head & heart to amplify your brand. Here are some examples of the work we have created for companies around the world."/><meta data-react-helmet="true" property="og:description" content="We're a digital design agency based in Lisbon & London, who use head & heart to amplify your brand. Here are some examples of the work we have created for companies around the world."/><meta data-react-helmet="true" property="og:image" content="https://web.archive.org/web/20211024174159im_/https://images.prismic.io/howandhow/1f56f9cc-5840-48ab-a971-a8745e125440_H%26H-meta-image.jpg?auto=compress,format"/><style data-styled="hHrMdQ ciAiIZ jwpnOt cFbYSM eSKllX lawoQE xoAaV jEPBQP kNODDZ iwqGNU dTBjZp fGzluh ccqUwg bhAAmC dVEFln eidXjh fThjgu iomFZC chBJSO cgwlOs kYzMhw eNyBLZ fqkmnP dzeKFw hxkygg gBsWOV esmwxv iuJfgY hsKJvA dgbbZu" data-styled-version="4.4.1"> /* sc-component-id: sc-global-4230790719 */ html{box-sizing:border-box;} *,*::before,*::after{box-sizing:inherit;} :root{-moz-tab-size:4;tab-size:4;} html{line-height:1.15;-webkit-text-size-adjust:100%;} body{margin:0;} body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";} hr{height:0;} abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;} b,strong{font-weight:bolder;} code,kbd,samp,pre{font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:1em;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sub{bottom:-0.25em;} sup{top:-0.5em;} button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;} button,select{text-transform:none;} button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;} fieldset{padding:0.35em 0.75em 0.625em;} legend{padding:0;} progress{vertical-align:baseline;} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;} [type="search"]{-webkit-appearance:textfield;outline-offset:-2px;} [type="search"]::-webkit-search-decoration{-webkit-appearance:none;} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;} summary{display:list-item;} *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} body{max-width:1920px;margin-left:auto;margin-right:auto;position:relative;font-family:'Mabry Pro',sans-serif;font-size:16px;line-height:24px;color:black;background-color:white;} h1,h2,h3,h4,h5,h6{margin:0;font-weight:400;font-size:inherit;} p{margin:0;} ul{list-style:none;padding:0;margin:0;} ol{padding:0;margin:0;list-style-position:inside;} a{color:inherit;-webkit-text-decoration:none;text-decoration:none;} button{padding:0;margin:0;border:none;background:none;color:inherit;cursor:pointer;} img{vertical-align:middle;} figure{margin:0;} blockquote{margin:0;padding:0;} video{vertical-align:middle;} .js-focus-visible :focus:not(.focus-visible){outline:none;} input[type='text'],input[type='email']{-webkit-appearance:none;-moz-appearance:none;appearance:none;} textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} /* sc-component-id: Container-sc-7e4rv4-0 */ .cFbYSM{max-width:1920px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;} @media (min-width:700px){.cFbYSM{padding-left:24px;padding-right:24px;}} /* sc-component-id: Navbar__OuterOuterContainer-sc-1plzp6g-0 */ .ciAiIZ{position:relative;margin-top:64px;z-index:2;} @media (min-width:700px){.ciAiIZ{margin-top:80px;}} @media (min-width:1700px){.ciAiIZ{margin-top:112px;}} /* sc-component-id: Navbar__NavbarBackground-sc-1plzp6g-1 */ .hHrMdQ{width:100vw;height:64px;position:fixed;left:0%;top:0%;z-index:1;background-color:white;} @media (min-width:700px){.hHrMdQ{height:80px;}} @media (min-width:1700px){.hHrMdQ{height:112px;}} /* sc-component-id: Navbar__OuterContainer-sc-1plzp6g-2 */ .jwpnOt{position:fixed;top:0;left:0;width:100%;z-index:10;pointer-events:none;} /* sc-component-id: Navbar__NavbarContent-sc-1plzp6g-3 */ .eSKllX{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:8px;padding-bottom:8px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .eSKllX > *{pointer-events:initial;} @media (min-width:700px){.eSKllX{padding-top:16px;padding-bottom:16px;}} @media (min-width:1700px){.eSKllX{padding-top:24px;padding-bottom:24px;}} /* sc-component-id: Navbar__Logo-sc-1plzp6g-4 */ .lawoQE{display:none;} @media (min-width:1200px){.lawoQE{display:block;height:48px;pointer-events:initial;}} @media (min-width:1700px){.lawoQE{height:64px;}} /* sc-component-id: Navbar__LogoSmall-sc-1plzp6g-5 */ .xoAaV{height:40px;pointer-events:initial;} @media (min-width:700px){.xoAaV{height:48px;}} @media (min-width:1200px){.xoAaV{display:none;}} /* sc-component-id: Navbar__BurgerMenuContainer-sc-1plzp6g-7 */ .jEPBQP{width:24px;height:20px;margin-left:auto;cursor:pointer;} @media (min-width:700px){.jEPBQP{width:40px;height:28px;}} @media (min-width:1700px){.jEPBQP{width:48px;height:32px;}} /* sc-component-id: Navbar__BurgerMenu-sc-1plzp6g-8 */ .kNODDZ{display:block;width:24px;height:4px;-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);-webkit-transition:all 0.3s cubic-bezier(0.455,0.03,0.515,0.955);transition:all 0.3s cubic-bezier(0.455,0.03,0.515,0.955);background-color:transparent;} .kNODDZ:before{content:'';display:block;width:24px;height:4px;background-color:black;-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);-webkit-transition:all 0.3s cubic-bezier(0.455,0.03,0.515,0.955);transition:all 0.3s cubic-bezier(0.455,0.03,0.515,0.955);} .kNODDZ:after{content:'';display:block;width:24px;height:4px;background-color:black;-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px);-webkit-transition:all 0.3s cubic-bezier(0.455,0.03,0.515,0.955);transition:all 0.3s cubic-bezier(0.455,0.03,0.515,0.955);} @media (min-width:700px){.kNODDZ{width:40px;height:5px;-webkit-transform:translateY(11px);-ms-transform:translateY(11px);transform:translateY(11px);}.kNODDZ:before{width:40px;height:5px;-webkit-transform:translateY(-11px);-ms-transform:translateY(-11px);transform:translateY(-11px);}.kNODDZ:after{width:40px;height:5px;-webkit-transform:translateY(7px);-ms-transform:translateY(7px);transform:translateY(7px);}} @media (min-width:1700px){.kNODDZ{width:48px;height:6px;-webkit-transform:translateY(12px);-ms-transform:translateY(12px);transform:translateY(12px);}.kNODDZ:before{width:48px;height:6px;-webkit-transform:translateY(-12px);-ms-transform:translateY(-12px);transform:translateY(-12px);}.kNODDZ:after{width:48px;height:6px;-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);}} /* sc-component-id: Footer__CustomContainer-sc-14wlk2p-0 */ .dzeKFw{max-width:1920px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;background-color:black;color:white;padding-top:16px;padding-bottom:16px;border-top:1px solid white;} @media (min-width:700px){.dzeKFw{padding-left:24px;padding-right:24px;}} @media (min-width:700px){.dzeKFw{padding-top:24px;padding-bottom:24px;}} @media (min-width:1200px){.dzeKFw{border-top:0px;}} /* sc-component-id: Footer__Wrapper-sc-14wlk2p-1 */ .hxkygg{font-size:16px;line-height:22px;} .hxkygg strong{font-weight:500;} @media (min-width:700px){.hxkygg{display:grid;grid-template-columns:repeat(8,1fr);-webkit-column-gap:24px;column-gap:24px;}} @media (min-width:1200px){.hxkygg{grid-template-columns:repeat(12,1fr);}.hxkygg a:hover{color:#FF4208;}} /* sc-component-id: Footer__Left-sc-14wlk2p-2 */ @media (min-width:700px){.gBsWOV{grid-column:1/5;}} @media (min-width:1200px){.gBsWOV{grid-column:1/7;}} @media (min-width:1700px){.gBsWOV{grid-column:1/5;}} /* sc-component-id: Footer__LeftTop-sc-14wlk2p-3 */ .esmwxv{margin-bottom:30px;} .esmwxv li:not(:last-child){margin-bottom:24px;} .esmwxv a{-webkit-text-decoration:underline;text-decoration:underline;} @media (min-width:700px){.esmwxv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:0px;}.esmwxv li{width:50%;}.esmwxv li:not(:last-child){margin-bottom:0px;margin-right:24px;}} /* sc-component-id: Footer__LeftBottom-sc-14wlk2p-4 */ .iuJfgY{margin-bottom:40px;} .iuJfgY::before{content:'_';} .iuJfgY li:not(:last-child){margin-bottom:12px;} @media (min-width:700px){.iuJfgY{margin-top:60px;margin-bottom:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.iuJfgY::before{display:none;}.iuJfgY li{width:50%;}.iuJfgY li:not(:last-child){margin-bottom:0px;margin-right:24px;}} /* sc-component-id: Footer__Right-sc-14wlk2p-5 */ .hsKJvA::before{content:'_';} .hsKJvA li:not(:last-child){margin-bottom:12px;} @media (min-width:700px){.hsKJvA{grid-column:6/9;}.hsKJvA::before{display:none;}.hsKJvA li:not(:last-child){margin-bottom:0px;}} @media (min-width:1200px){.hsKJvA{grid-column:11/13;}} /* sc-component-id: Footer__Copyright-sc-14wlk2p-6 */ .dgbbZu{margin-top:60px;font-size:15px;line-height:17px;color:#808080;} @media (min-width:700px){} /* sc-component-id: Video__Wrapper-sc-1lgksnc-0 */ .eidXjh{width:100%;} .eidXjh video{width:100%;} /* sc-component-id: CaseStudyElement__CustomImage-cxlpaq-0 */ .fqkmnP{width:100%;} /* sc-component-id: CaseStudyElement__VideoContainer-cxlpaq-1 */ .bhAAmC{width:100%;padding-top:100%;position:relative;} /* sc-component-id: CaseStudyElement__CustomVideo-cxlpaq-2 */ .dVEFln{width:100%;position:absolute;top:0px;left:0px;bottom:0px;right:0px;} /* sc-component-id: CaseStudyElement__ImageContainer-cxlpaq-4 */ .eNyBLZ{position:relative;} /* sc-component-id: CaseStudyElement__Categories-cxlpaq-5 */ .fThjgu{position:absolute;top:0px;left:0px;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,0.5);opacity:0;-webkit-transition:0.15s ease-in-out;transition:0.15s ease-in-out;} /* sc-component-id: CaseStudyElement__Category-cxlpaq-6 */ .iomFZC{font-size:24px;line-height:29px;color:white;} /* sc-component-id: CaseStudyElement__LinkContainer-cxlpaq-7 */ .ccqUwg{position:relative;} @media (min-width:1200px){.ccqUwg:hover .CaseStudyElement__Categories-cxlpaq-5{opacity:1;}} /* sc-component-id: CaseStudyElement__TextContainer-cxlpaq-8 */ .chBJSO{padding-top:16px;padding-left:16px;padding-right:16px;} @media (min-width:700px){.chBJSO{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:0px;padding-right:0px;}} /* sc-component-id: CaseStudyElement__Heading-cxlpaq-9 */ .cgwlOs{opacity:0.5;font-size:16px;line-height:18px;margin-bottom:3px;text-transform:uppercase;} @media (min-width:700px){.cgwlOs{width:30%;font-size:20px;line-height:24px;margin-right:16px;}} /* sc-component-id: CaseStudyElement__Subheading-cxlpaq-10 */ .kYzMhw{font-size:16px;line-height:18px;margin-bottom:40px;} @media (min-width:700px){.kYzMhw{font-size:20px;line-height:24px;}} @media (min-width:1700px){.kYzMhw{font-size:32px;line-height:40px;}} @media (min-width:700px){.kYzMhw{width:70%;margin-bottom:64px;font-size:20px;line-height:24px;}} @media (min-width:1200px){.kYzMhw{margin-bottom:0px;}} /* sc-component-id: work__CustomContainer-sc-1uw6z9v-0 */ .iwqGNU{max-width:1920px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;padding-top:40px;padding-bottom:40px;} @media (min-width:700px){.iwqGNU{padding-left:24px;padding-right:24px;}} @media (min-width:700px){.iwqGNU{padding-top:80px;padding-bottom:64px;}} @media (min-width:1200px){.iwqGNU{padding-top:120px;padding-bottom:80px;}} @media (min-width:1700px){.iwqGNU{padding-top:160px;padding-bottom:160px;}} /* sc-component-id: work__Heading-sc-1uw6z9v-1 */ .dTBjZp{font-size:28px;line-height:30px;margin-bottom:8px;} @media (min-width:700px){.dTBjZp{font-size:56px;line-height:58px;}} @media (min-width:1700px){.dTBjZp{font-size:80px;line-height:78px;}} @media (min-width:700px){.dTBjZp{margin-bottom:16px;text-indent:80px;}} @media (min-width:1200px){.dTBjZp{max-width:calc(10 / 12 * 100%);}} /* sc-component-id: work__CaseStudyContainer-sc-1uw6z9v-2 */ .fGzluh{max-width:1920px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;padding-left:0px;padding-right:0px;} @media (min-width:700px){.fGzluh{padding-left:24px;padding-right:24px;}} @media (min-width:1200px){.fGzluh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.fGzluh > a,.fGzluh > div{display:block;width:calc(50% - 12px);margin-bottom:80px;}.fGzluh > a:nth-child(2n + 2),.fGzluh > div:nth-child(2n + 2){margin-left:24px;}} @media (min-width:1700px){.fGzluh > a,.fGzluh > div{margin-bottom:64px;}}</style><script> window.prismic = { endpoint: 'https://web.archive.org/web/20211024174159/https://howandhow.prismic.io/api/v2', }; window.prismicGatsbyOptions = {"plugins":[],"repositoryName":"howandhow","defaultLang":"en-gb","omitPrismicScript":true,"previews":false,"sharpKeys":[{}],"pages":[{"type":"Case_study","match":"/work/:uid","path":"/work-preview","component":"/opt/build/repo/src/templates/case-study.js"},{"type":"Article","match":"/latest/:uid","path":"/article","component":"/opt/build/repo/src/templates/article.js"},{"type":"Play_project","match":"/play/:uid","path":"/play-project","component":"/opt/build/repo/src/templates/play-project.js"},{"type":"Policy","match":"/:uid","path":"/policy","component":"/opt/build/repo/src/templates/policy.js"},{"type":"Meeting_page","match":"/meeting/:uid","path":"/meeting-page","component":"/opt/build/repo/src/templates/meeting-page.js"},{"type":"Form","match":"/info/:uid","path":"/form-page","component":"/opt/build/repo/src/templates/form-page.js"}]}; </script><link rel="sitemap" type="application/xml" href="/sitemap.xml"/><link as="script" rel="preload" href="/web/20211024174159/https://how.studio/component---src-pages-work-js-dedc5319d5f9db4dcf03.js"/><link as="script" rel="preload" href="/web/20211024174159/https://how.studio/commons-5ec9d79776b7f1b1bcc5.js"/><link as="script" rel="preload" href="/web/20211024174159/https://how.studio/app-5bbcc84a26b7394cdd38.js"/><link as="script" rel="preload" href="/web/20211024174159/https://how.studio/styles-500ee382b748a4c3ef3e.js"/><link as="script" rel="preload" href="/web/20211024174159/https://how.studio/webpack-runtime-ba84b27e4b62631894fd.js"/><link as="fetch" rel="preload" href="/web/20211024174159/https://how.studio/page-data/work/page-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="Navbar__NavbarBackground-sc-1plzp6g-1 hHrMdQ"></div><div class="Navbar__OuterOuterContainer-sc-1plzp6g-0 ciAiIZ"><div class="Navbar__OuterContainer-sc-1plzp6g-2 jwpnOt"><div class="Container-sc-7e4rv4-0 cFbYSM"><div class="Navbar__NavbarContent-sc-1plzp6g-3 eSKllX"><a href="/web/20211024174159/https://how.studio/"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjkuMjI5IiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDE2OS4yMjkgMTAwIj4KICA8ZyBpZD0iSEhfTG9nb19SR0JfQmxhY2tfQVciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMCAtMjApIj4KICAgIDxnIGlkPSJHcm91cF8xODkiIGRhdGEtbmFtZT0iR3JvdXAgMTg5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMCAyMCkiPgogICAgICA8cGF0aCBpZD0iUGF0aF8yNCIgZGF0YS1uYW1lPSJQYXRoIDI0IiBkPSJNNDguNzU2LDQwLjY3MkgyOS43ODlWMjMuMjM1SDIwVjY2LjA2Mmg5Ljc4OVY0OS41NDRINDguNzU2djE2LjUyaDkuNzg5VjIzLjIzNUg0OC43NTZabTAsNTAuNjM2SDI5Ljc4OVY3My44NzFIMjBWMTE2LjdoOS43ODlWMTAwLjE4SDQ4Ljc1NlYxMTYuN2g5Ljc4OVY3My44NzFINDguNzU2Wm0xMjUuNTE3LDE2LjgyNC02LjM2NC0zNC4zMTRIMTUzbC02LjM0OSwzNC4zMTQtNS43MjQtMzQuMzE0SDEzMS42NkwxMzksMTE2LjY0MWgxNS4yMzhsNi4yMDgtMzQuMDY5LDYuMjA4LDM0LjA2OWgxNS4yMzhsNy4zMzctNDIuODIzaC05LjUzM1pNMTU0LjIzNyw2Ni4wNjFsNi4yMDgtMzQuMDY5LDYuMjA4LDM0LjA2OWgxNS4yMzhsNy4zMzctNDIuODIzSDE3OS43bC01LjQyMywzNC4zMTQtNi4zNjQtMzQuMzE0SDE1M2wtNi4zNSwzNC4zMTQtNS43MjQtMzQuMzE0aC05LjI2MkwxMzksNjYuMDYxWk05OC4wMjEsODEuMTk0bDIuMzg2LS40LjI3NS0uMDMxYTM4Ljc4MiwzOC43ODIsMCwwLDAsMjkuMjY3LTE5LjUzNGwtOC40OTEtNC43NzFBMjkuMTEsMjkuMTEsMCwwLDEsOTkuNTQ5LDcxLjA5bC0uMjI5LjAyNi0uMDU5LjAwNi0uMTg0LjAxOGMtLjIxOC4wMjMtLjQ0LjA0OS0uNjU4LjA3OC0uMTQ0LjAxOS0uMjg4LjAzOS0uNDMxLjA2MWEyNC41LDI0LjUsMCwxLDAsMjMuNDY5LDkuODA5bC03Ljg3MSw1LjczNmExNC43NTEsMTQuNzUxLDAsMSwxLTE1LjU2Ni01LjYzWm0tMS45LTE2LjUxNHYtOS45SDk2LjFhMTIuNTEzLDEyLjUxMywwLDEsMSwxMC45MS02LjM0OWw4LjQ2OCw0LjgxMUEyMi4yNjMsMjIuMjYzLDAsMSwwLDgwLjM3LDU4cS43NzUuNzc1LDEuNjA5LDEuNDYyYTQxLjEsNDEuMSwwLDAsMC0xOS42NjEsMjQuMmw5LjMyNCwyLjgxNUEzMS4zMzUsMzEuMzM1LDAsMCwxLDk2LjEyNCw2NC42OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMCAtMjApIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K" alt="How & How" class="Navbar__Logo-sc-1plzp6g-4 lawoQE"/><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjkuMjI5IiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDE2OS4yMjkgMTAwIj4KICA8ZyBpZD0iSEhfTG9nb19SR0JfQmxhY2tfQVciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMCAtMjApIj4KICAgIDxnIGlkPSJHcm91cF8xODkiIGRhdGEtbmFtZT0iR3JvdXAgMTg5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMCAyMCkiPgogICAgICA8cGF0aCBpZD0iUGF0aF8yNCIgZGF0YS1uYW1lPSJQYXRoIDI0IiBkPSJNNDguNzU2LDQwLjY3MkgyOS43ODlWMjMuMjM1SDIwVjY2LjA2Mmg5Ljc4OVY0OS41NDRINDguNzU2djE2LjUyaDkuNzg5VjIzLjIzNUg0OC43NTZabTAsNTAuNjM2SDI5Ljc4OVY3My44NzFIMjBWMTE2LjdoOS43ODlWMTAwLjE4SDQ4Ljc1NlYxMTYuN2g5Ljc4OVY3My44NzFINDguNzU2Wm0xMjUuNTE3LDE2LjgyNC02LjM2NC0zNC4zMTRIMTUzbC02LjM0OSwzNC4zMTQtNS43MjQtMzQuMzE0SDEzMS42NkwxMzksMTE2LjY0MWgxNS4yMzhsNi4yMDgtMzQuMDY5LDYuMjA4LDM0LjA2OWgxNS4yMzhsNy4zMzctNDIuODIzaC05LjUzM1pNMTU0LjIzNyw2Ni4wNjFsNi4yMDgtMzQuMDY5LDYuMjA4LDM0LjA2OWgxNS4yMzhsNy4zMzctNDIuODIzSDE3OS43bC01LjQyMywzNC4zMTQtNi4zNjQtMzQuMzE0SDE1M2wtNi4zNSwzNC4zMTQtNS43MjQtMzQuMzE0aC05LjI2MkwxMzksNjYuMDYxWk05OC4wMjEsODEuMTk0bDIuMzg2LS40LjI3NS0uMDMxYTM4Ljc4MiwzOC43ODIsMCwwLDAsMjkuMjY3LTE5LjUzNGwtOC40OTEtNC43NzFBMjkuMTEsMjkuMTEsMCwwLDEsOTkuNTQ5LDcxLjA5bC0uMjI5LjAyNi0uMDU5LjAwNi0uMTg0LjAxOGMtLjIxOC4wMjMtLjQ0LjA0OS0uNjU4LjA3OC0uMTQ0LjAxOS0uMjg4LjAzOS0uNDMxLjA2MWEyNC41LDI0LjUsMCwxLDAsMjMuNDY5LDkuODA5bC03Ljg3MSw1LjczNmExNC43NTEsMTQuNzUxLDAsMSwxLTE1LjU2Ni01LjYzWm0tMS45LTE2LjUxNHYtOS45SDk2LjFhMTIuNTEzLDEyLjUxMywwLDEsMSwxMC45MS02LjM0OWw4LjQ2OCw0LjgxMUEyMi4yNjMsMjIuMjYzLDAsMSwwLDgwLjM3LDU4cS43NzUuNzc1LDEuNjA5LDEuNDYyYTQxLjEsNDEuMSwwLDAsMC0xOS42NjEsMjQuMmw5LjMyNCwyLjgxNUEzMS4zMzUsMzEuMzM1LDAsMCwxLDk2LjEyNCw2NC42OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMCAtMjApIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K" alt="How & How" class="Navbar__LogoSmall-sc-1plzp6g-5 xoAaV"/></a><div role="button" tabindex="0" aria-label="Burger Menu" class="Navbar__BurgerMenuContainer-sc-1plzp6g-7 jEPBQP"><span class="Navbar__BurgerMenu-sc-1plzp6g-8 kNODDZ"></span></div></div></div></div></div><div class="Container-sc-7e4rv4-0 work__CustomContainer-sc-1uw6z9v-0 iwqGNU"><h1 class="Text__Title-sc-4ytur4-0 work__Heading-sc-1uw6z9v-1 dTBjZp">Work</h1></div><div class="Container-sc-7e4rv4-0 work__CaseStudyContainer-sc-1uw6z9v-2 fGzluh"><a href="/web/20211024174159/https://how.studio/work/hotjar"><div class="CaseStudyElement__LinkContainer-cxlpaq-7 ccqUwg"><div class="CaseStudyElement__VideoContainer-cxlpaq-1 bhAAmC"><div class="Video__Wrapper-sc-1lgksnc-0 eidXjh CaseStudyElement__CustomVideo-cxlpaq-2 dVEFln"><video loop="" muted="" preload="none"><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/9a4c3ce7-946d-46d5-8b2d-ec036e0412fc_HJ-Landing-1080x1080.webm" type="video/webm"/><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/25b904e4-d9b4-46bc-986f-b9c0531996a7_HJ-Landing-1080x1080.mp4" type="video/mp4"/></video></div><div class="CaseStudyElement__Categories-cxlpaq-5 fThjgu"><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Identity</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Website Design & Build</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Marketing Retainer</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Illustration</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Animation</div></div></div><div class="CaseStudyElement__TextContainer-cxlpaq-8 chBJSO"><h2 class="CaseStudyElement__Heading-cxlpaq-9 cgwlOs">Hotjar</h2><p class="Text__Paragraph-sc-4ytur4-2 CaseStudyElement__Subheading-cxlpaq-10 kYzMhw">Visualising human emotion for a global user insights platform</p></div></div></a><a href="/web/20211024174159/https://how.studio/work/trackinsight"><div class="CaseStudyElement__LinkContainer-cxlpaq-7 ccqUwg"><div class="CaseStudyElement__VideoContainer-cxlpaq-1 bhAAmC"><div class="Video__Wrapper-sc-1lgksnc-0 eidXjh CaseStudyElement__CustomVideo-cxlpaq-2 dVEFln"><video loop="" muted="" preload="none"><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/c8f6f39e-bfc0-4442-ae72-22c6acb49133_TI_landing-s_1.webm" type="video/webm"/><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/eba79563-743e-4e56-820a-e42b2ddf85cc_TI_landing-s.mp4" type="video/mp4"/></video></div><div class="CaseStudyElement__Categories-cxlpaq-5 fThjgu"><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Strategy</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Identity</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Digital Marketing Kits</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Animation</div></div></div><div class="CaseStudyElement__TextContainer-cxlpaq-8 chBJSO"><h2 class="CaseStudyElement__Heading-cxlpaq-9 cgwlOs">Trackinsight</h2><p class="Text__Paragraph-sc-4ytur4-2 CaseStudyElement__Subheading-cxlpaq-10 kYzMhw">An oasis of calm in the noisy world of ETF investments</p></div></div></a><a href="/web/20211024174159/https://how.studio/work/forgottenforests"><div class="CaseStudyElement__LinkContainer-cxlpaq-7 ccqUwg"><div class="CaseStudyElement__VideoContainer-cxlpaq-1 bhAAmC"><div class="Video__Wrapper-sc-1lgksnc-0 eidXjh CaseStudyElement__CustomVideo-cxlpaq-2 dVEFln"><video loop="" muted="" preload="none"><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/7ee957e4-3bab-4600-89ef-b5f48de9fafd_FF_Master+2_1080x1080.webm" type="video/webm"/><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/e3f94048-fb42-4c2c-ac6c-89791b031ca6_FF_Master+2_1080x1080.mp4" type="video/mp4"/></video></div><div class="CaseStudyElement__Categories-cxlpaq-5 fThjgu"><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Campaign Identity</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Animation</div></div></div><div class="CaseStudyElement__TextContainer-cxlpaq-8 chBJSO"><h2 class="CaseStudyElement__Heading-cxlpaq-9 cgwlOs">Forgotten Forests</h2><p class="Text__Paragraph-sc-4ytur4-2 CaseStudyElement__Subheading-cxlpaq-10 kYzMhw">Growing hope for the environmental benefits of restoring sea kelp forests</p></div></div></a><a href="/web/20211024174159/https://how.studio/work/onegreenbean"><div class="CaseStudyElement__LinkContainer-cxlpaq-7 ccqUwg"><div class="CaseStudyElement__VideoContainer-cxlpaq-1 bhAAmC"><div class="Video__Wrapper-sc-1lgksnc-0 eidXjh CaseStudyElement__CustomVideo-cxlpaq-2 dVEFln"><video loop="" muted="" preload="none"><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/ced97b97-85b1-49e0-9578-b28deb4b4e06_OBG_header_1080.mp4.webmhd.webm" type="video/webm"/><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/d989ff6c-bd95-4839-ad18-4901e52ca982_Header_1080x1080.mp4" type="video/mp4"/></video></div><div class="CaseStudyElement__Categories-cxlpaq-5 fThjgu"><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Identity</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Website Design & Build</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Digital Marketing Kits</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Animation</div></div></div><div class="CaseStudyElement__TextContainer-cxlpaq-8 chBJSO"><h2 class="CaseStudyElement__Heading-cxlpaq-9 cgwlOs">One Green Bean</h2><p class="Text__Paragraph-sc-4ytur4-2 CaseStudyElement__Subheading-cxlpaq-10 kYzMhw">Putting the spring back in the step of a global ad agency</p></div></div></a><a href="/web/20211024174159/https://how.studio/work/userzoom"><div class="CaseStudyElement__LinkContainer-cxlpaq-7 ccqUwg"><div class="CaseStudyElement__VideoContainer-cxlpaq-1 bhAAmC"><div class="Video__Wrapper-sc-1lgksnc-0 eidXjh CaseStudyElement__CustomVideo-cxlpaq-2 dVEFln"><video loop="" muted="" preload="none"><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/9d4bdb78-5e12-4de4-9eaa-85107d85c2e7_UZ-case-study-cover+2_1.webm.xmp" type="video/webm"/><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/cd96addf-4d9d-45fd-9906-740b0a24ce7e_UZ-case-study-cover+2.mp4" type="video/mp4"/></video></div><div class="CaseStudyElement__Categories-cxlpaq-5 fThjgu"><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Strategy</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Identity</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Website Design & Build</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Marketing Retainer</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Animation</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Illustration</div></div></div><div class="CaseStudyElement__TextContainer-cxlpaq-8 chBJSO"><h2 class="CaseStudyElement__Heading-cxlpaq-9 cgwlOs">UserZoom</h2><p class="Text__Paragraph-sc-4ytur4-2 CaseStudyElement__Subheading-cxlpaq-10 kYzMhw">Breathing wisdom and warmth into the leading UX insights brand</p></div></div></a><a href="/web/20211024174159/https://how.studio/work/kick-game"><div class="CaseStudyElement__LinkContainer-cxlpaq-7 ccqUwg"><div class="CaseStudyElement__VideoContainer-cxlpaq-1 bhAAmC"><div class="Video__Wrapper-sc-1lgksnc-0 eidXjh CaseStudyElement__CustomVideo-cxlpaq-2 dVEFln"><video loop="" muted="" preload="none"><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/79172b77-c8d1-48d5-b348-4e4d549572b9_01+Home+Page_1080x1080.webm" type="video/webm"/><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/4b72dff3-b7c7-4eb9-bec4-6861d5c6611d_01+Home+Page_1080x1080.mp4" type="video/mp4"/></video></div><div class="CaseStudyElement__Categories-cxlpaq-5 fThjgu"><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Strategy</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Identity</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Digital Marketing Kits</div></div></div><div class="CaseStudyElement__TextContainer-cxlpaq-8 chBJSO"><h2 class="CaseStudyElement__Heading-cxlpaq-9 cgwlOs">Kick Game</h2><p class="Text__Paragraph-sc-4ytur4-2 CaseStudyElement__Subheading-cxlpaq-10 kYzMhw">Elevating sneakers into a higher grade of fashion and art</p></div></div></a><a href="/web/20211024174159/https://how.studio/work/deadly-dust"><div class="CaseStudyElement__LinkContainer-cxlpaq-7 ccqUwg"><div class="CaseStudyElement__ImageContainer-cxlpaq-4 eNyBLZ"><div class="CaseStudyElement__CustomImage-cxlpaq-0 fqkmnP gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:100%"></div><noscript><picture><source srcset="/web/20211024174159im_/https://how.studio/work/undefined"/><img loading="lazy" src="https://web.archive.org/web/20211024174159im_/https://images.prismic.io/howandhow/09cd6e3a-8bd4-4d8c-a7df-568d8a95868f_Deadly_Dust_Work_Index.png?auto=compress,format" alt="Deadly Dust logo" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><div class="CaseStudyElement__Categories-cxlpaq-5 fThjgu"><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Campaign Identity</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Animation</div></div></div><div class="CaseStudyElement__TextContainer-cxlpaq-8 chBJSO"><h2 class="CaseStudyElement__Heading-cxlpaq-9 cgwlOs">Deadly Dust</h2><p class="Text__Paragraph-sc-4ytur4-2 CaseStudyElement__Subheading-cxlpaq-10 kYzMhw">Raising awareness on car tyre microplastic pollution</p></div></div></a><a href="/web/20211024174159/https://how.studio/work/intergiro"><div class="CaseStudyElement__LinkContainer-cxlpaq-7 ccqUwg"><div class="CaseStudyElement__ImageContainer-cxlpaq-4 eNyBLZ"><div class="CaseStudyElement__CustomImage-cxlpaq-0 fqkmnP gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:100%"></div><noscript><picture><source srcset="/web/20211024174159im_/https://how.studio/work/undefined"/><img loading="lazy" src="https://web.archive.org/web/20211024174159im_/https://images.prismic.io/howandhow/50a25091-5999-4c4f-89ba-b75c49489ecb_01_Index+Work+%28Square+only%29.jpg?auto=compress,format" alt="Intergiro Brand Identity" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><div class="CaseStudyElement__Categories-cxlpaq-5 fThjgu"><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Strategy</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Identity</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Marketing Retainer</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Animation</div></div></div><div class="CaseStudyElement__TextContainer-cxlpaq-8 chBJSO"><h2 class="CaseStudyElement__Heading-cxlpaq-9 cgwlOs">Intergiro</h2><p class="Text__Paragraph-sc-4ytur4-2 CaseStudyElement__Subheading-cxlpaq-10 kYzMhw">Launching an evolutionary business bank</p></div></div></a><a href="/web/20211024174159/https://how.studio/work/bera"><div class="CaseStudyElement__LinkContainer-cxlpaq-7 ccqUwg"><div class="CaseStudyElement__ImageContainer-cxlpaq-4 eNyBLZ"><div class="CaseStudyElement__CustomImage-cxlpaq-0 fqkmnP gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:100%"></div><noscript><picture><source srcset="/web/20211024174159im_/https://how.studio/work/undefined"/><img loading="lazy" src="https://web.archive.org/web/20211024174159im_/https://images.prismic.io/howandhow/e35e96f9-3f3e-47cf-96e7-9bb774db39c3_Mood-Tiles-1080x1080.jpg?auto=compress,format" alt="BERA Case Study" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><div class="CaseStudyElement__Categories-cxlpaq-5 fThjgu"><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Strategy</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Identity</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Website Design & Build</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Animation</div></div></div><div class="CaseStudyElement__TextContainer-cxlpaq-8 chBJSO"><h2 class="CaseStudyElement__Heading-cxlpaq-9 cgwlOs">BERA</h2><p class="Text__Paragraph-sc-4ytur4-2 CaseStudyElement__Subheading-cxlpaq-10 kYzMhw">Finding the North Star for a predictive intelligence brand-building platform</p></div></div></a><a href="/web/20211024174159/https://how.studio/work/eat-less-plastic-campaign"><div class="CaseStudyElement__LinkContainer-cxlpaq-7 ccqUwg"><div class="CaseStudyElement__ImageContainer-cxlpaq-4 eNyBLZ"><div class="CaseStudyElement__CustomImage-cxlpaq-0 fqkmnP gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:100%"></div><noscript><picture><source srcset="/web/20211024174159im_/https://how.studio/work/undefined"/><img loading="lazy" src="https://web.archive.org/web/20211024174159im_/https://images.prismic.io/howandhow/11175e0f-a552-4da8-9f01-243d2b66ad88_BeHalf_pattern-square.png?auto=compress,format" alt="Eat Less Plastic" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><div class="CaseStudyElement__Categories-cxlpaq-5 fThjgu"><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Copywriting</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Campaign Identity</div></div></div><div class="CaseStudyElement__TextContainer-cxlpaq-8 chBJSO"><h2 class="CaseStudyElement__Heading-cxlpaq-9 cgwlOs">Eat Less Plastic</h2><p class="Text__Paragraph-sc-4ytur4-2 CaseStudyElement__Subheading-cxlpaq-10 kYzMhw">Raising awareness on ocean plastic pollution</p></div></div></a><a href="/web/20211024174159/https://how.studio/work/wsp"><div class="CaseStudyElement__LinkContainer-cxlpaq-7 ccqUwg"><div class="CaseStudyElement__VideoContainer-cxlpaq-1 bhAAmC"><div class="Video__Wrapper-sc-1lgksnc-0 eidXjh CaseStudyElement__CustomVideo-cxlpaq-2 dVEFln"><video loop="" muted="" preload="none"><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/79960545-7f88-4b92-b4ca-68b6a7edb14b_WSP-social-media.webm" type="video/webm"/><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/2e89ef63-02ae-4068-92e6-04de72dac6e9_WSP-social-media.webm" type="video/mp4"/></video></div><div class="CaseStudyElement__Categories-cxlpaq-5 fThjgu"><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Campaign Identity</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Animation</div></div></div><div class="CaseStudyElement__TextContainer-cxlpaq-8 chBJSO"><h2 class="CaseStudyElement__Heading-cxlpaq-9 cgwlOs">WSP</h2><p class="Text__Paragraph-sc-4ytur4-2 CaseStudyElement__Subheading-cxlpaq-10 kYzMhw">Pushing for change on the climate emergency through Future Mobility</p></div></div></a><a href="/web/20211024174159/https://how.studio/work/oros"><div class="CaseStudyElement__LinkContainer-cxlpaq-7 ccqUwg"><div class="CaseStudyElement__VideoContainer-cxlpaq-1 bhAAmC"><div class="Video__Wrapper-sc-1lgksnc-0 eidXjh CaseStudyElement__CustomVideo-cxlpaq-2 dVEFln"><video loop="" muted="" preload="none"><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/935e670f-b4ce-4084-bace-6a0c4c194e57_HH_O_work.webm" type="video/webm"/><source src="https://web.archive.org/web/20211024174159im_/https://prismic-io.s3.amazonaws.com/howandhow/cdbe4a71-d5d2-4439-849a-4b63233b94ed_HH_O_work.mp4" type="video/mp4"/></video></div><div class="CaseStudyElement__Categories-cxlpaq-5 fThjgu"><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Strategy</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Brand Identity</div><div class="CaseStudyElement__Category-cxlpaq-6 iomFZC">Website Design & Build</div></div></div><div class="CaseStudyElement__TextContainer-cxlpaq-8 chBJSO"><h2 class="CaseStudyElement__Heading-cxlpaq-9 cgwlOs">Oros</h2><p class="Text__Paragraph-sc-4ytur4-2 CaseStudyElement__Subheading-cxlpaq-10 kYzMhw">Introducing an edtech platform for Oxbridge and Ivy League tutors</p></div></div></a></div><div class="Container-sc-7e4rv4-0 Footer__CustomContainer-sc-14wlk2p-0 dzeKFw"><div class="Footer__Wrapper-sc-14wlk2p-1 hxkygg"><div class="Footer__Left-sc-14wlk2p-2 gBsWOV"><ul class="Footer__LeftTop-sc-14wlk2p-3 esmwxv"><li><p><strong>Clients</strong></p><a href="/web/20211024174159/https://how.studio/info/start-a-project">Start a project</a></li><li><p><strong>Creatives</strong></p><a href="https://web.archive.org/web/20211024174159/https://howandhow.recruitee.com/o/designers-creatives-folio-submissions" target="_blank" rel="noopener noreferrer">Send a folio</a></li></ul><ul class="Footer__LeftBottom-sc-14wlk2p-4 iuJfgY"><li><a href="https://web.archive.org/web/20211024174159/https://www.instagram.com/how___studio/" target="_blank" rel="noopener noreferrer">Instagram</a></li><li><a href="https://web.archive.org/web/20211024174159/https://www.linkedin.com/company/howandhow" target="_blank" rel="noopener noreferrer">LinkedIn</a></li></ul></div><div class="Footer__Right-sc-14wlk2p-5 hsKJvA"><ul><li><a href="/web/20211024174159/https://how.studio/privacy-policy">Privacy Policy</a></li><li><a href="/web/20211024174159/https://how.studio/cookies-policy">Cookies Policy</a></li><li><a href="/web/20211024174159/https://how.studio/corperate-policies">Corporate Policies</a></li></ul><p class="Footer__Copyright-sc-14wlk2p-6 dgbbZu">© 2021 How&How Ltd</p></div></div></div></div></div><script src="https://web.archive.org/web/20211024174159js_/https://cdn.polyfill.io/v3/polyfill.min.js?features=Array.prototype.fill,String.prototype.startsWith"></script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/work/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-5bbcc84a26b7394cdd38.js"],"component---node-modules-gatsby-source-prismic-graphql-components-preview-page-js":[],"component---src-templates-policy-js":["/component---src-templates-policy-js-9beb87df960acbc016a4.js"],"component---src-templates-form-page-js":["/component---src-templates-form-page-js-30a1d13a51e25a8f78f9.js"],"component---src-templates-meeting-page-js":["/component---src-templates-meeting-page-js-1151293afb16ec3f6eae.js"],"component---src-templates-case-study-js":["/component---src-templates-case-study-js-3e20eb12b4405b1781b6.js"],"component---src-templates-play-project-js":["/component---src-templates-play-project-js-a608020cb7b7c67042fe.js"],"component---src-templates-article-js":["/component---src-templates-article-js-eeb7561c83cbaf9527d4.js"],"component---src-templates-latest-js":["/component---src-templates-latest-js-23c11839f9250f6da05c.js"],"component---src-pages-404-js":["/component---src-pages-404-js-cfd94c8fd71b49008b86.js"],"component---src-pages-about-js":["/component---src-pages-about-js-3c4b1f594ffd527a911e.js"],"component---src-pages-contact-js":["/component---src-pages-contact-js-7363fc3258942a15725b.js"],"component---src-pages-index-js":["/component---src-pages-index-js-377dd99b60655a0f724c.js"],"component---src-pages-play-js":["/component---src-pages-play-js-1d2ce9bb4bd21c7eb2eb.js"],"component---src-pages-services-js":["/component---src-pages-services-js-0fb5cefa07233512ad21.js"],"component---src-pages-work-js":["/component---src-pages-work-js-dedc5319d5f9db4dcf03.js"]};/*]]>*/</script><script src="/web/20211024174159js_/https://how.studio/webpack-runtime-ba84b27e4b62631894fd.js" async=""></script><script src="/web/20211024174159js_/https://how.studio/styles-500ee382b748a4c3ef3e.js" async=""></script><script src="/web/20211024174159js_/https://how.studio/app-5bbcc84a26b7394cdd38.js" async=""></script><script src="/web/20211024174159js_/https://how.studio/commons-5ec9d79776b7f1b1bcc5.js" async=""></script><script src="/web/20211024174159js_/https://how.studio/component---src-pages-work-js-dedc5319d5f9db4dcf03.js" async=""></script></body></html>