CINXE.COM

<!doctype html>  <html lang="en" class="js--html"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/static/img/favicon/ms-icon-144x144.2d537cba.png"> <meta name="theme-color" content="#ffffff"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@cactuslab"> <meta name="twitter:title" content="Cactuslab: Work"> <meta name="twitter:description" content=""> <meta name="twitter:image" content="https://cactuslab.com/assets/resized/sm/upload/yo/7i/y3/s1/cl-bubbles-0-250-0-0.png?k=51c89484d0"> <meta property="og:url" content="https://cactuslab.com/work/"> <meta property="og:type" content="article"> <meta property="og:title" content="Work at Cactuslab"> <meta property="og:description" content=""> <meta property="og:image" content="https://cactuslab.com/assets/resized/sm/upload/yo/7i/y3/s1/cl-bubbles-0-250-0-0.png?k=51c89484d0"> <meta property="og:image:width" content="250"> <meta property="og:image:height" content="250"> <meta property="fb:app_id" content="654000414758342"> <title> Cactuslab · Work </title> <link rel="stylesheet" href="/static/css/main.min.9fa619f9.css" type="text/css" media="all"> <link rel="apple-touch-icon" sizes="57x57" href="/static/img/favicon/apple-icon-57x57.f5d574c5.png"> <link rel="apple-touch-icon" sizes="60x60" href="/static/img/favicon/apple-icon-60x60.8aa9891b.png"> <link rel="apple-touch-icon" sizes="72x72" href="/static/img/favicon/apple-icon-72x72.f8a44f32.png"> <link rel="apple-touch-icon" sizes="76x76" href="/static/img/favicon/apple-icon-76x76.8b365de5.png"> <link rel="apple-touch-icon" sizes="114x114" href="/static/img/favicon/apple-icon-114x114.27bae8dc.png"> <link rel="apple-touch-icon" sizes="120x120" href="/static/img/favicon/apple-icon-120x120.5d2efb29.png"> <link rel="apple-touch-icon" sizes="144x144" href="/static/img/favicon/apple-icon-144x144.2d537cba.png"> <link rel="apple-touch-icon" sizes="152x152" href="/static/img/favicon/apple-icon-152x152.ec29f70b.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicon/apple-icon-180x180.83b0e344.png"> <link rel="icon" type="image/png" sizes="192x192" href="/static/img/favicon/android-icon-192x192.fdddf555.png"> <link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon/favicon-32x32.08b5775d.png"> <link rel="icon" type="image/png" sizes="96x96" href="/static/img/favicon/favicon-96x96.d4326dad.png"> <link rel="icon" type="image/png" href="/static/img/favicon/favicon-32x32.08b5775d.png"> <link rel="manifest" href="/static/img/favicon/manifest.1caa16a2.json"> <script type="text/javascript" src="/static/js/main.min.ecc35a3c.js"></script> </head> <body class="js--body -is-not-scrolled"> <div id="wrapper" class="js--wrapper"> <style> .site-logo { color: #D00031; } </style> <div class="context js--context"> <header class="site-header js--site-header"> <div class="scrollbar-offset js--scrollbar-offset -is-fixed"> <div class="constraint js--constraint"> <a class="site-logo js--site-logo" href="/"> <span class="_sr-only">Cactuslab · </span> <svg class="glyph" xmlns="http://www.w3.org/2000/svg" width="36" height="50" viewBox="0 0 36 50" preserveAspectRatio="xMaxYMid meet"> <title>Cactuslab Glyph Logo</title> <g fill="none" fill-rule="evenodd" transform="translate(6 5)"> <circle class="bubble js--bubble" cx="16" cy="38" r="3"/> <circle class="bubble js--bubble" cx="6" cy="28" r="6"/> <circle class="bubble js--bubble" cx="16" cy="9" r="9"/> </g> </svg> <svg class="wordmark" xmlns="http://www.w3.org/2000/svg" width="123" height="25" viewBox="0 0 123 25" preserveAspectRatio="xMinYMid meet"> <title>Cactuslab Wordmark Logo</title> <g fill-rule="evenodd" stroke-width="0"> <path d="M16.14 4.01c-.987-.707-1.393-.943-2.264-1.238-1.16-.472-2.38-.65-3.658-.65C4.645 2.122.406 6.488.406 12.21c0 6.015 4.18 10.32 10.044 10.32.93 0 1.684-.06 2.67-.295.988-.236 1.452-.412 2.613-.943l-.638-2.005c-1.568.648-2.845.943-4.47.943-4.587 0-7.548-3.243-7.548-8.197 0-4.48 2.96-7.725 7.083-7.725 1.858 0 3.31.472 4.76 1.474l1.22-1.77zm9.36 14.744c-1.916 1.415-2.612 1.71-3.6 1.71-1.103 0-1.8-.708-1.8-1.77 0-.53.06-.825.407-1.473l4.993-1.29v2.83zm3.367 1.887c-.696-.11-1.045-.35-1.103-.7v-8.32c0-2.06-1.683-3.36-4.354-3.36-2.845 0-4.82 1.24-4.82 3.01 0 .3 0 .47.234.83l2.264-.47c-.116-.23-.116-.35-.116-.53 0-.76.638-1.18 2.032-1.18 1.683 0 2.554.59 2.554 1.65v2.42l-4.644 1.12c-1.974.47-2.96 1.77-2.96 3.78 0 2.127 1.392 3.54 3.598 3.54.93 0 2.032-.292 2.845-.763.464-.235.755-.47 1.393-1.06.117 1.296.755 1.77 2.613 1.886l.464-1.83zM42 21.06l-1.16-1.77c-1.103.826-1.916 1.12-3.193 1.12-2.845 0-4.644-1.945-4.644-5.012 0-3.007 1.8-5.13 4.47-5.13 1.22 0 1.974.294 3.02 1.18l1.276-1.83c-.93-.648-1.34-.884-2.21-1.12-.64-.177-1.28-.236-1.98-.236-4.13 0-6.97 3.007-6.97 7.253 0 4.13 2.78 6.96 6.85 6.96 1.33 0 2.61-.295 3.71-.943.11-.06.4-.237.81-.473zm10-.236l-.93-1.474c-.928.707-1.392.943-1.915.943-.464 0-.754-.236-.754-.65-.05-.116-.05-.41-.05-.824l-.06-.59v-7.67h3.54V8.67h-3.54V4.717h-2.21v3.95l-2.26.59v1.298h2.27v8.906c0 1.77 1.04 3.01 2.55 3.01 1.05 0 1.8-.35 3.37-1.65zm13.83 1.297V8.61h-2.263v8.257c-1.51 2.123-3.658 3.656-5.05 3.656-1.104 0-1.57-.708-1.57-2.36V8.61h-2.205v10.144c0 2.477 1.22 3.774 3.54 3.774 2.033 0 3.775-1.06 5.343-3.184v2.83h2.206v-.06zm12.496-3.48c0-2.12-.813-3.06-3.6-4.24-2.438-1-2.786-1.24-3.31-1.77-.23-.23-.347-.53-.347-.82 0-1 .98-1.71 2.49-1.71.52 0 .98.06 1.56.24.69.18 1.04.36 1.91.89l1.1-1.83c-1.108-.65-1.63-.822-2.618-1-.58-.06-1.16-.116-1.685-.116-3.13 0-5.05 1.47-5.05 3.83 0 1.65.87 2.537 3.485 3.657 2.38 1 3.02 1.355 3.544 2.12.174.177.29.59.29.944 0 1.06-.987 1.77-2.38 1.77-.93 0-2.148-.3-3.077-.77-.236-.12-.58-.294-.99-.53l-.93 1.887c1.336.707 1.86.88 3.136 1.12.7.118 1.28.177 1.86.177 2.845 0 4.587-1.415 4.587-3.833z"/> <path d="M81.836.413h2.206v21.703h-2.206z"/> <path d="M94.62 18.754c-1.915 1.415-2.61 1.71-3.598 1.71-1.103 0-1.8-.708-1.8-1.77 0-.53.058-.825.406-1.473l4.993-1.29v2.83zm3.31 1.887c-.696-.11-1.044-.35-1.103-.7v-8.32c0-2.06-1.683-3.36-4.354-3.36-2.845 0-4.82 1.24-4.82 3.01 0 .3 0 .47.234.83l2.264-.47c-.05-.23-.11-.35-.11-.53 0-.76.64-1.18 2.03-1.18 1.69 0 2.56.59 2.56 1.65v2.42l-4.65 1.11c-1.97.47-2.96 1.77-2.96 3.78 0 2.127 1.39 3.54 3.6 3.54.93 0 2.03-.293 2.85-.764.467-.236.757-.472 1.396-1.062.116 1.298.754 1.77 2.61 1.888l.466-1.83zm11.973-5.77c0 2.24-.522 3.54-1.974 4.54-.64.47-1.34.77-2.15.95-.41.06-.76.12-1.16.12-.82 0-1.34-.11-1.92-.41v-8.61c1.1-.76 2.09-1.06 3.31-1.06 2.44 0 3.89 1.65 3.89 4.49zm2.44-.12c0-3.89-2.265-6.49-5.633-6.49-.813 0-1.8.12-2.496.3-.523.18-.813.3-1.51.65V.42h-2.206v21.29c.64.29.87.41 1.335.47.697.18 1.916.292 2.67.292 4.762 0 7.84-3.01 7.84-7.728z"/> </g> </svg> </a> <nav class="site-nav"> <ul class="navlist"> <li class="navitem"><a class="label" href="/about/">About</a></li> <li class="navitem active"><a class="label" href="/work/">Work</a></li> <li class="navitem"><a class="label" href="/ventures/">Ventures</a></li> </ul> </nav> </div> </div> </header> <article class="site-content context-transition -fade-in js--context-transition"> <div class="constraint -unconstrain page-layout -has-no-aside"> <div class="page-body"> <h1 class="page-title _sr-only">Work</h1> <div class="project-list"> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#D00031"> <a class="repositioning" href="/work/dominion-law/"> <h3 class="name">Dominion Law</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.7113636363636363" src="/assets/resized/sm/upload/ai/97/ok/yo/dl1-0-440-0-0.jpg?k=bb00ef46e6" srcset="/assets/resized/sm/upload/ai/97/ok/yo/dl1-0-880-0-626-crop-1.jpg?k=c08c6f9f8d 2x" alt="Image for Dominion Law" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#D07F1C"> <a class="repositioning" href="/work/ockham-residential/"> <h3 class="name">Ockham Residential</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/resized/sm/upload/hs/34/z3/tm/ockham-featured-0-440-0-0-0-0-0-660-crop-1.jpg?k=cb01a4225a" srcset="/assets/resized/resized/sm/upload/hs/34/z3/tm/ockham-featured-0-880-0-1374-crop-1-0-0-0-1320-crop-1.jpg?k=e7b52098b7 2x" alt="Image for Ockham Residential" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#999999"> <a class="repositioning" href="/work/good-shit-soda/"> <h3 class="name">Good Sh*t Soda</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.6568181818181819" src="/assets/resized/sm/upload/tm/rz/6b/yp/gss1-0-440-0-0.jpg?k=cf78ec7e71" srcset="/assets/resized/sm/upload/tm/rz/6b/yp/gss1-0-880-0-576-crop-1.jpg?k=b7cada3f07 2x" alt="Image for Good Sh*t Soda" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#B09068"> <a class="repositioning" href="/work/cafe-finder/"> <h3 class="name">Caf茅 Finder</h3> <div class="device js--device -phone -portrait" data-device-type="phone" style="color: rgb(40,28,24)"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="2.1636363636363636" src="/assets/resized/sm/upload/bb/9c/1m/8y/cf1-0-330-0-0.jpg?k=1df6e9bd0c" srcset="/assets/resized/sm/upload/bb/9c/1m/8y/cf1-0-660-0-1428-crop-1.jpg?k=303e862468 2x" alt="Mobile image for Caf茅 Finder" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="dark"> <div class="proportions" style="background-color:#00B9BC"> <a class="repositioning" href="/work/stqry/"> <h3 class="name">STQRY</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.8727272727272727" src="/assets/resized/sm/upload/zy/n3/mz/jr/stqry-home-0-440-0-0.jpg?k=3cd8bb6241" srcset="/assets/resized/sm/upload/zy/n3/mz/jr/stqry-home-0-880-0-768-crop-1.jpg?k=a08bc32131 2x" alt="Image for STQRY" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#FF545D"> <a class="repositioning" href="/work/nziff/"> <h3 class="name">NZIFF</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.7159090909090909" src="/assets/resized/sm/upload/xj/rf/9v/i2/nziff-1-0-440-0-0.jpg?k=4f40227d57" srcset="/assets/resized/sm/upload/xj/rf/9v/i2/nziff-1-0-880-0-630-crop-1.jpg?k=27575ecd6a 2x" alt="Image for NZIFF" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#445566"> <a class="repositioning" href="/work/letterboxd-year-in-review/"> <h3 class="name">Letterboxd Year in Review</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.7477272727272727" src="/assets/resized/sm/upload/77/o0/r3/5f/yir-1-0-440-0-0.jpg?k=40b128cbba" srcset="/assets/resized/sm/upload/77/o0/r3/5f/yir-1-0-880-0-656-crop-1.jpg?k=bfab448070 2x" alt="Image for Letterboxd Year in Review" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#013672"> <a class="repositioning" href="/work/barfoot-thompson/"> <h3 class="name">Barfoot & Thompson</h3> <div class="device js--device -tablet -landscape" data-device-type="tablet" style="color: rgb(0,17,34)"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.75" src="/assets/resized/sm/upload/j9/wu/vx/r9/IMG_0175-0-440-0-0.jpg?k=6dbba56d85" srcset="/assets/resized/sm/upload/j9/wu/vx/r9/IMG_0175-0-880-0-660-crop-1.jpg?k=5933c76212 2x" alt="Tablet image for Barfoot & Thompson" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="dark"> <div class="proportions" style="background-color:#FCF0DB"> <a class="repositioning" href="/work/the-greenhouse/"> <h3 class="name">The Greenhouse</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.8522727272727273" src="/assets/resized/sm/upload/56/uu/yp/ks/gha-2-0-440-0-0.jpg?k=f5fa3ab99a" srcset="/assets/resized/sm/upload/56/uu/yp/ks/gha-2-0-880-0-750-crop-1.jpg?k=f132e6ef39 2x" alt="Image for The Greenhouse" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="dark"> <div class="proportions" style="background-color:#F8B858"> <a class="repositioning" href="/work/future-of-the-future/"> <h3 class="name">Future of the Future</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.7477272727272727" src="/assets/resized/sm/upload/1e/tw/qk/95/fotf5-0-440-0-0.jpg?k=90f1d7aed2" srcset="/assets/resized/sm/upload/1e/tw/qk/95/fotf5-0-880-0-656-crop-1.jpg?k=368972e332 2x" alt="Image for Future of the Future" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#E40712"> <a class="repositioning" href="/work/honda-new-zealand/"> <h3 class="name">Honda New Zealand</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/resized/sm/upload/3q/vm/dq/po/honda-home-crop-tall-0-440-0-0-0-0-0-660-crop-1.jpg?k=6d1ae8eb2c" srcset="/assets/resized/resized/sm/upload/3q/vm/dq/po/honda-home-crop-tall-0-880-0-2068-crop-1-0-0-0-1320-crop-1.jpg?k=e43f67cd35 2x" alt="Image for Honda New Zealand" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="dark"> <div class="proportions" style="background-color:#F9C03B"> <a class="repositioning" href="/work/my-homecare/"> <h3 class="name">My Homecare</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/resized/sm/upload/9b/c0/b3/cz/mhc-0-440-0-0-0-0-0-660-crop-1.jpg?k=b8f62b05ca" srcset="/assets/resized/resized/sm/upload/9b/c0/b3/cz/mhc-0-880-0-1350-crop-1-0-0-0-1320-crop-1.jpg?k=1a813e8993 2x" alt="Image for My Homecare" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#00A1C9"> <a class="repositioning" href="/work/geneva-healthcare/"> <h3 class="name">Geneva Healthcare</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/resized/sm/upload/cg/x8/x6/kl/geneva-home-crop-0-440-0-0-0-0-0-660-crop-1.jpg?k=06ab7f1647" srcset="/assets/resized/resized/sm/upload/cg/x8/x6/kl/geneva-home-crop-0-880-0-2042-crop-1-0-0-0-1320-crop-1.jpg?k=a5619e512c 2x" alt="Image for Geneva Healthcare" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#999999"> <a class="repositioning" href="/work/auckland-city-of-music/"> <h3 class="name">Auckland City of Music</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/resized/sm/upload/l5/3a/tu/dw/acom-0-440-0-0-0-0-0-660-crop-1.jpg?k=eb7780221d" srcset="/assets/resized/resized/sm/upload/l5/3a/tu/dw/acom-0-880-0-3532-crop-1-0-0-0-1320-crop-1.jpg?k=9884b96d1f 2x" alt="Image for Auckland City of Music" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#224B7E"> <a class="repositioning" href="/work/orix-new-zealand/"> <h3 class="name">ORIX New Zealand</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.3136363636363637" src="/assets/resized/sm/upload/oy/67/zb/ct/orix-crop-0-440-0-0.jpg?k=b0a387c77f" srcset="/assets/resized/sm/upload/oy/67/zb/ct/orix-crop-0-880-0-1156-crop-1.jpg?k=0ef5b5adb9 2x" alt="Image for ORIX New Zealand" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#000000"> <a class="repositioning" href="/work/gill-gatfield/"> <h3 class="name">Gill Gatfield</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.8090909090909091" src="/assets/resized/sm/upload/f1/05/jj/je/zealandia-0-440-0-0.jpg?k=fc55708729" srcset="/assets/resized/sm/upload/f1/05/jj/je/zealandia-0-880-0-712-crop-1.jpg?k=1d5365efeb 2x" alt="Image for Gill Gatfield" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#402F50"> <a class="repositioning" href="/work/zoomy/"> <h3 class="name">Zoomy</h3> <div class="device js--device -phone -portrait" data-device-type="phone" style="color: rgb(17,17,17)"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.7787878787878788" src="/assets/resized/sm/upload/nr/kk/gs/vm/z2-0-330-0-0.jpg?k=203e1024f9" srcset="/assets/resized/sm/upload/nr/kk/gs/vm/z2-0-660-0-1172-crop-1.jpg?k=d861f7bf1e 2x" alt="Mobile image for Zoomy" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#00A163"> <a class="repositioning" href="/work/cloudcheck/"> <h3 class="name">Cloudcheck</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.0" src="/assets/resized/sm/upload/xi/qk/s3/2b/cloudcheck-cropped-small-0-440-0-0.jpg?k=e0cc34111b" srcset="/assets/resized/sm/upload/xi/qk/s3/2b/cloudcheck-cropped-small-0-880-0-880-crop-1.jpg?k=b7d0f7367d 2x" alt="Image for Cloudcheck" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#F93F3F"> <a class="repositioning" href="/work/food-lovers-guide-to-paris/"> <h3 class="name">Food Lover鈥檚 Guide to Paris</h3> <div class="device js--device -phone -portrait" data-device-type="phone" style="color: rgb(0,2,34)"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.7787878787878788" src="/assets/resized/sm/upload/a0/fd/qj/if/map-0-330-0-0.jpg?k=3ad4fc49f9" srcset="/assets/resized/sm/upload/a0/fd/qj/if/map-0-660-0-1172-crop-1.jpg?k=48fad935aa 2x" alt="Mobile image for Food Lover鈥檚 Guide to Paris" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#0D7C82"> <a class="repositioning" href="/work/retrospace/"> <h3 class="name">Retrospace</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.2204545454545455" src="/assets/resized/sm/upload/s8/3f/y0/z1/rs-harry-0-440-0-0.jpg?k=80e304a2f6" srcset="/assets/resized/sm/upload/s8/3f/y0/z1/rs-harry-0-880-0-1074-crop-1.jpg?k=835e772a83 2x" alt="Image for Retrospace" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#445566"> <a class="repositioning" href="/work/letterboxd-for-android/"> <h3 class="name">Letterboxd for Android</h3> <div class="device js--device -phone -portrait" data-device-type="phone" style="color: rgb(32,40,48)"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.7787878787878788" src="/assets/resized/sm/upload/az/sr/vs/tv/device-2017-08-29-115448-0-330-0-0.jpg?k=b0201e9d09" srcset="/assets/resized/sm/upload/az/sr/vs/tv/device-2017-08-29-115448-0-660-0-1172-crop-1.jpg?k=8e309ba7b8 2x" alt="Mobile image for Letterboxd for Android" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#8899AA"> <a class="repositioning" href="/work/conversations-with-teen-mums/"> <h3 class="name">Conversations with Teen Mums</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.2340909090909091" src="/assets/resized/sm/upload/b3/yw/77/0t/cwtm-home-crop-0-440-0-0.jpg?k=66190e541b" srcset="/assets/resized/sm/upload/b3/yw/77/0t/cwtm-home-crop-0-880-0-1084-crop-1.jpg?k=8829a82391 2x" alt="Image for Conversations with Teen Mums" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#333333"> <a class="repositioning" href="/work/objectspace/"> <h3 class="name">Objectspace</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.9772727272727273" src="/assets/resized/sm/upload/z9/pl/3v/lf/home-crop-0-440-0-0.jpg?k=f04afe3b62" srcset="/assets/resized/sm/upload/z9/pl/3v/lf/home-crop-0-880-0-858-crop-1.jpg?k=b9d762296d 2x" alt="Image for Objectspace" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#B96A2A"> <a class="repositioning" href="/work/pacific-gardens/"> <h3 class="name">Pacific Gardens</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.3136363636363637" src="/assets/resized/sm/upload/nm/9c/9n/3f/pg-home-crop-0-440-0-0.jpg?k=e8bbea4b20" srcset="/assets/resized/sm/upload/nm/9c/9n/3f/pg-home-crop-0-880-0-1154-crop-1.jpg?k=4599238cf7 2x" alt="Image for Pacific Gardens" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#239A39"> <a class="repositioning" href="/work/designers-institute/"> <h3 class="name">Designers Institute</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.4727272727272727" src="/assets/resized/sm/upload/u2/t2/83/ur/dinz-2-crop-0-440-0-0.jpg?k=60891c1730" srcset="/assets/resized/sm/upload/u2/t2/83/ur/dinz-2-crop-0-880-0-1296-crop-1.jpg?k=8a251a779a 2x" alt="Image for Designers Institute" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#445555"> <a class="repositioning" href="/work/jane-goodall-institute/"> <h3 class="name">Jane Goodall Institute</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/resized/sm/upload/eh/t3/6u/fb/jgi-africa-crop-0-440-0-0-0-0-0-660-crop-1.jpg?k=fdc5ac4a49" srcset="/assets/resized/resized/sm/upload/eh/t3/6u/fb/jgi-africa-crop-0-880-0-1728-crop-1-0-0-0-1320-crop-1.jpg?k=fdc5ac4a49 2x" alt="Image for Jane Goodall Institute" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#337755"> <a class="repositioning" href="/work/first-light-farms/"> <h3 class="name">First Light Farms</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.2818181818181817" src="/assets/resized/sm/upload/k8/j8/11/tr/flf-recipes-crop-0-440-0-0.jpg?k=9b3b6b40f4" srcset="/assets/resized/sm/upload/k8/j8/11/tr/flf-recipes-crop-0-880-0-1128-crop-1.jpg?k=c364d9ed55 2x" alt="Image for First Light Farms" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="dark"> <div class="proportions" style="background-color:#EECC22"> <a class="repositioning" href="/work/dictionary-stories/"> <h3 class="name">Dictionary Stories</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.4113636363636364" src="/assets/resized/sm/upload/vg/wr/hg/hh/ds-book-0-440-0-0.jpg?k=6dccab785b" srcset="/assets/resized/sm/upload/vg/wr/hg/hh/ds-book-0-880-0-1242-crop-1.jpg?k=5f8d4116bd 2x" alt="Image for Dictionary Stories" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#445566"> <a class="repositioning" href="/work/letterboxd-for-apple-tv/"> <h3 class="name">Letterboxd for Apple TV</h3> <div class="device js--device -tvos -landscape" data-device-type="tvos"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.5636363636363636" src="/assets/resized/sm/upload/f8/qm/04/09/0x0ss-0-0-440-0-0.jpg?k=2fdcc6b411" srcset="/assets/resized/sm/upload/f8/qm/04/09/0x0ss-0-0-880-0-494-crop-1.jpg?k=7807d45869 2x" alt="Image for Letterboxd for Apple TV" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#F9680E"> <a class="repositioning" href="/work/matariki-festival/"> <h3 class="name">Matariki Festival</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/resized/sm/upload/fn/il/a1/qe/mf-cropped-0-440-0-0-0-0-0-660-crop-1.jpg?k=ccd6d86d74" srcset="/assets/resized/resized/sm/upload/fn/il/a1/qe/mf-cropped-0-880-0-2016-crop-1-0-0-0-1320-crop-1.jpg?k=cf9b8af5d8 2x" alt="Image for Matariki Festival" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#42CB82"> <a class="repositioning" href="/work/vend-counter/"> <h3 class="name">Vend Counter</h3> <div class="device js--device -phone -portrait" data-device-type="phone" style="color: rgb(17,34,51)"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.7787878787878788" src="/assets/resized/sm/upload/gk/bj/2m/uy/vendc-1-0-330-0-0.jpg?k=ab868331b3" srcset="/assets/resized/sm/upload/gk/bj/2m/uy/vendc-1-0-660-0-1172-crop-1.jpg?k=60407d3ecd 2x" alt="Mobile image for Vend Counter" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#445566"> <a class="repositioning" href="/work/letterboxd-for-ios/"> <h3 class="name">Letterboxd for iOS</h3> <div class="device js--device -phone -portrait" data-device-type="phone" style="color: rgb(32,40,48)"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.7787878787878788" src="/assets/resized/sm/upload/ve/xq/lg/yl/lb-app-0-330-0-0.jpg?k=815ed7945d" srcset="/assets/resized/sm/upload/ve/xq/lg/yl/lb-app-0-660-0-1172-crop-1.jpg?k=19c2f600cb 2x" alt="Mobile image for Letterboxd for iOS" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#2F46AB"> <a class="repositioning" href="/work/webstock/"> <h3 class="name">Webstock</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/resized/sm/upload/2c/sw/ir/cq/ws-home-orange-0-440-0-0-0-0-0-660-crop-1.jpg?k=801f9f047d" srcset="/assets/resized/resized/sm/upload/2c/sw/ir/cq/ws-home-orange-0-880-0-1712-crop-1-0-0-0-1320-crop-1.jpg?k=8e2c7a42b8 2x" alt="Image for Webstock" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#8060D0"> <a class="repositioning" href="/work/the-good-in-movies/"> <h3 class="name">The Good In Movies</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.356818181818182" src="/assets/resized/sm/upload/h1/yv/xp/94/tgim-home-1600-2x-crop-0-440-0-0.jpg?k=94cc44edad" srcset="/assets/resized/sm/upload/h1/yv/xp/94/tgim-home-1600-2x-crop-0-880-0-1194-crop-1.jpg?k=559129389b 2x" alt="Image for The Good In Movies" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#34AD40"> <a class="repositioning" href="/work/workflowmax/"> <h3 class="name">WorkflowMax</h3> <div class="device js--device -phone -portrait" data-device-type="phone" style="color: rgb(51,68,85)"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.7787878787878788" src="/assets/resized/sm/upload/9t/0z/ii/u4/wfm-5-0-330-0-0.jpg?k=366b76e438" srcset="/assets/resized/sm/upload/9t/0z/ii/u4/wfm-5-0-660-0-1172-crop-1.jpg?k=bbd10c4d63 2x" alt="Mobile image for WorkflowMax" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#34AD40"> <a class="repositioning" href="/work/vend-register/"> <h3 class="name">Vend Register</h3> <div class="device js--device -tablet -landscape" data-device-type="tablet" style="color: rgb(255,255,255)"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.75" src="/assets/resized/sm/upload/s7/yr/m1/ko/vend-sale-0-440-0-0.jpg?k=10bf6821f8" srcset="/assets/resized/sm/upload/s7/yr/m1/ko/vend-sale-0-880-0-660-crop-1.jpg?k=06b90b1f7b 2x" alt="Tablet image for Vend Register" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#037CFD"> <a class="repositioning" href="/work/marine-field-guide/"> <h3 class="name">Marine Field Guide</h3> <div class="device js--device -phone -portrait" data-device-type="phone" style="color: rgb(0,75,205)"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.7787878787878788" src="/assets/resized/sm/upload/ne/u0/8v/ej/IMG_7065-0-330-0-0.jpg?k=bd9d0f0d63" srcset="/assets/resized/sm/upload/ne/u0/8v/ej/IMG_7065-0-660-0-1172-crop-1.jpg?k=61a879dbb0 2x" alt="Mobile image for Marine Field Guide" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#3D81AE"> <a class="repositioning" href="/work/healthpoint/"> <h3 class="name">Healthpoint</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.2363636363636363" src="/assets/resized/sm/upload/g4/xg/kh/1k/hp1-0-440-0-0.jpg?k=c41eae1ea7" srcset="/assets/resized/sm/upload/g4/xg/kh/1k/hp1-0-880-0-1088-crop-1.jpg?k=ece9f43bff 2x" alt="Image for Healthpoint" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="dark"> <div class="proportions" style="background-color:#A0A8B0"> <a class="repositioning" href="/work/back-of-a-napkin/"> <h3 class="name">Back of a Napkin</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="0.875" src="/assets/resized/sm/upload/z9/0v/n1/ah/napkin-0-440-0-0.jpg?k=afe89655ce" srcset="/assets/resized/sm/upload/z9/0v/n1/ah/napkin-0-880-0-770-crop-1.jpg?k=8602cd4578 2x" alt="Image for Back of a Napkin" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#326178"> <a class="repositioning" href="/work/essential-new-zealand/"> <h3 class="name">Essential New Zealand</h3> <div class="device js--device -phone -portrait" data-device-type="phone" style="color: rgb(2,49,72)"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.7787878787878788" src="/assets/resized/sm/upload/a0/h4/7e/ug/IMG_7061-0-330-0-0.jpg?k=afe89655ce" srcset="/assets/resized/sm/upload/a0/h4/7e/ug/IMG_7061-0-660-0-1172-crop-1.jpg?k=aed393f5a1 2x" alt="Mobile image for Essential New Zealand" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#0079C4"> <a class="repositioning" href="/work/aozora-trading-co/"> <h3 class="name">Aozora Trading Co</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/resized/sm/upload/4g/fr/9x/2k/aozora-oranges-0-440-0-0-0-0-0-660-crop-1.jpg?k=30f3ce70c9" srcset="/assets/resized/resized/sm/upload/4g/fr/9x/2k/aozora-oranges-0-880-0-1452-crop-1-0-0-0-1320-crop-1.jpg?k=30f3ce70c9 2x" alt="Image for Aozora Trading Co" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="dark"> <div class="proportions" style="background-color:#AABBCC"> <a class="repositioning" href="/work/loop/"> <h3 class="name">Loop</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/resized/sm/upload/6o/ir/xx/a3/loop-sfs-2x-0-440-0-0-0-0-0-660-crop-1.jpg?k=031c11cd62" srcset="/assets/resized/resized/sm/upload/6o/ir/xx/a3/loop-sfs-2x-0-880-0-1760-crop-1-0-0-0-1320-crop-1.jpg?k=031c11cd62 2x" alt="Image for Loop" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="dark"> <div class="proportions" style="background-color:#FBD240"> <a class="repositioning" href="/work/aa-roadservice/"> <h3 class="name">AA Roadservice</h3> <div class="device js--device -phone -portrait" data-device-type="phone" style="color: rgb(34,34,34)"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.7787878787878788" src="/assets/resized/sm/upload/6a/rb/dp/e0/Reporting%20a%20breakdown-0-330-0-0.jpg?k=05122511f5" srcset="/assets/resized/sm/upload/6a/rb/dp/e0/Reporting%20a%20breakdown-0-660-0-1172-crop-1.jpg?k=728c293d4c 2x" alt="Mobile image for AA Roadservice" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#009BDD"> <a class="repositioning" href="/work/art-of-the-title/"> <h3 class="name">Art of the Title</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.1886363636363637" src="/assets/resized/sm/upload/ce/xa/j2/kn/neon-demon-1400-2x-crop-0-440-0-0.jpg?k=d1f555eca4" srcset="/assets/resized/sm/upload/ce/xa/j2/kn/neon-demon-1400-2x-crop-0-880-0-1044-crop-1.jpg?k=3986c34017 2x" alt="Image for Art of the Title" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#AA8844"> <a class="repositioning" href="/work/the-coconet/"> <h3 class="name">The Coconet</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.2931818181818182" src="/assets/resized/sm/upload/4o/u9/9d/ot/home-0-440-0-0.jpg?k=f5a5dda230" srcset="/assets/resized/sm/upload/4o/u9/9d/ot/home-0-880-0-1138-crop-1.jpg?k=7180244123 2x" alt="Image for The Coconet" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#E41A13"> <a class="repositioning" href="/work/westpac-calculators/"> <h3 class="name">Westpac Calculators</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/sm/upload/ha/i0/qs/xy/property-investment-crop-0-440-0-0.jpg?k=5b02e57010" srcset="/assets/resized/sm/upload/ha/i0/qs/xy/property-investment-crop-0-880-0-1320-crop-1.jpg?k=1ef5f30315 2x" alt="Image for Westpac Calculators" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#556677"> <a class="repositioning" href="/work/letterboxd/"> <h3 class="name">Letterboxd</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/resized/sm/upload/o1/op/oq/p2/lb-film-tdk-0-440-0-0-0-0-0-660-crop-1.jpg?k=dad5fcdddc" srcset="/assets/resized/resized/sm/upload/o1/op/oq/p2/lb-film-tdk-0-880-0-1594-crop-1-0-0-0-1320-crop-1.jpg?k=4feb6029ff 2x" alt="Image for Letterboxd" /> </div> </div> </div> </div> </a> </div> </article> <article class="project" data-text-color="light"> <div class="proportions" style="background-color:#009BDD"> <a class="repositioning" href="/work/48hours/"> <h3 class="name">48Hours</h3> <div class="device js--device -desktop -landscape" data-device-type="desktop"> <div class="bezel js--bezel"> <div class="ratio js--ratio"> <div class="mask"> <img data-aspect-ratio="1.5" src="/assets/resized/resized/sm/upload/8a/sg/ov/a3/48-home-crop-0-440-0-0-0-0-0-660-crop-1.jpg?k=734377b32b" srcset="/assets/resized/resized/sm/upload/8a/sg/ov/a3/48-home-crop-0-880-0-1830-crop-1-0-0-0-1320-crop-1.jpg?k=734377b32b 2x" alt="Image for 48Hours" /> </div> </div> </div> </div> </a> </div> </article> <article class="project -cta"> <div class="proportions"> <a class="repositioning" href="/about/"> <h3 class="name title">Your Project Here</h3> <div class="action">Tell us more…</div> </a> </div> </article> </div> </div> </div> </article> <footer class="site-footer"> <div class="constraint"> <div class="copyright">© Cactuslab, est. 2001 <a class="backtotop js--backtotop -is-hidden">↑</a> </div> </div> </footer> </div> </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-748523-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>