<!DOCTYPE html>
<html lang="en">

<head>



	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	
	<title>hairyLemon | Digital, Brand & Marketing Agency</title>

		<meta name="description" content="We are a digital agency and have been realising business goals since ages ago. Get in touch to talk branding, design, marketing and web development.">
	
	<meta property="og:title" content="hairyLemon | Digital, Brand & Marketing Agency · hairyLemon Digital Agency">
<meta name="og:description" content="We are a digital agency and have been realising business goals since ages ago. Get in touch to talk branding, design, marketing and web development.">
<meta property="og:image:url" content="">
<meta property="og:url" content="https://www.hairylemon.co.nz/">
<meta property="og:site_name" content="hairyLemon Digital Agency">
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />



	<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image:alt" content="hairyLemon Digital Agency">
<meta name="theme-color" content="#232430">
	<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png">
<link rel="mask-icon" href="/assets/favicons/safari-pinned-tab.svg" color="#5bbad5">

<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta name="apple-mobile-web-app-title" content="hairyLemon Digital Agency">
<meta name='apple-mobile-web-app-capable' content='yes'>
<meta name='apple-touch-fullscreen' content='yes'>
<meta name='apple-mobile-web-app-status-bar-style' content='#232430'>

	<link rel="manifest" crossorigin="use-credentials" href="/manifest.json">

	<!-- Fonts: Preload -->
	<link rel="preload" href="https://www.hairylemon.co.nz/site/themes/hairylemon/public/fonts/gilroy/gilroy-extrabold.woff2" as="font" type="font/woff2" crossorigin>
	<link rel="preload" href="https://www.hairylemon.co.nz/site/themes/hairylemon/public/fonts/apercu/apercu-light.woff2" as="font" type="font/woff2" crossorigin>
	<link rel="preload" href="https://www.hairylemon.co.nz/site/themes/hairylemon/public/fonts/apercu/apercu-regular.woff2" "as="font" type="font/woff2" crossorigin>

	<!-- CSS: Theme styles -->
	<link rel="stylesheet" href="https://www.hairylemon.co.nz/site/themes/hairylemon/public/styles.min.css">

		<!-- JS: Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-3915824-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-3915824-1');
    </script>

		<!-- JS: Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5KG7B34');</script>

		<!-- JS: Mailchimp -->
	<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/aca8dd8ee27d0894cf24607cf/ebd4fb2377ffd8ba74f4d180c.js");</script>
		<!-- JS: Lucky Orange -->
	<script type='text/javascript'>
window.__lo_site_id = 324021;

              (function() {
                           var wa = document.createElement('script'); wa.type = 'text/javascript'; wa.async = true;
                           wa.src = 'https://d10lpsik1i8c69.cloudfront.net/w.js';
                           var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wa, s);
                })();
              </script>

	

	<style>.grecaptcha-badge { visibility: collapse !important }</style>

<script>
  var recaptchaCallback = function (form) {
    return function () {
      form.submit();
    }
  };

  document.addEventListener("DOMContentLoaded", function () {
    var captchas = Array.prototype.slice.call(document.querySelectorAll(".g-recaptcha[data-size=invisible]"), 0);

    captchas.forEach(function (captcha, index) {
      var form = captcha.parentNode;

      while (form.tagName !== "FORM") {
        form = form.parentNode;
      }

      // create custom callback
      window["recaptchaSubmit" + index] = recaptchaCallback(form);
      captcha.setAttribute("data-callback", "recaptchaSubmit" + index);

      form.addEventListener("submit", function (event) {
        event.preventDefault();
        grecaptcha.reset();
        grecaptcha.execute();
      });
    });
  });
</script>

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

</head>

<body id="home">

	<div class="top-scroll-bar"></div>

	
	<header class="header-white-text">
	<div class="header-wrapper w-1650">
		<div class="mobile-menu">
			<span></span>
			<span></span>
			<span></span>
		</div>

		<div class="mobile-menu-close">
			<span></span>
			<span></span>
		</div>

		<a href="/"
		   class="logo">
						<img src="/assets/hairylemon_full_logo-1607914557.svg"
				 alt="hairyLemon Logo" />
					</a>

		<nav>
			<ul class="main-nav">
								<li>
					<a href="/who-we-work-with">
						Who we work with
												<div class="underline"></div>
											</a>
				</li>
								<li>
					<a href="/what-we-do">
						What we do
												<div class="underline"></div>
											</a>
				</li>
								<li>
					<a href="/who-we-are">
						Who we are
												<div class="underline"></div>
											</a>
				</li>
								<li>
					<a href="/insights">
						Insights
												<div class="underline"></div>
											</a>
				</li>
								<li>
					<a href="/contact">
						Contact
												<div class="underline"></div>
											</a>
				</li>
				
			</ul>

			<div class="search-form-container">
				<form class="search-form"
					  action="/search-results"
					  method="GET"
					  autocomplete="off">
					<input type="text"
						   placeholder="search"
						   name="q"
						   aria-label="Search website" />

					<button aria-label="Submit search">
												<svg width="16"
	 height="17"
	 viewBox="0 0 16 17"
	 fill="none"
	 stroke="#ffffff"
	 class="search-icon"
	 xmlns="http://www.w3.org/2000/svg">
	<line x1="10.6779"
		  y1="11.2419"
		  x2="14.0009"
		  y2="14.5649"
		  stroke-width="2.5"
		  stroke-linecap="round"
		  stroke-linejoin="round" />
	<circle cx="6.36345"
			cy="6.36345"
			r="5.11345"
			stroke-width="2.5" />
</svg>
											</button>
				</form>
			</div>

						<svg width="16"
	 height="17"
	 viewBox="0 0 16 17"
	 fill="none"
	 stroke="#ffffff"
	 class="search-icon"
	 xmlns="http://www.w3.org/2000/svg">
	<line x1="10.6779"
		  y1="11.2419"
		  x2="14.0009"
		  y2="14.5649"
		  stroke-width="2.5"
		  stroke-linecap="round"
		  stroke-linejoin="round" />
	<circle cx="6.36345"
			cy="6.36345"
			r="5.11345"
			stroke-width="2.5" />
</svg>
			
			<svg class="search-exit desktop-only"
				 width="16"
				 height="17"
				 viewBox="0 0 16 17"
				 fill="none"
				 stroke="#232430"
				 				 xmlns="http://www.w3.org/2000/svg">
				<line class="st0"
					  x1="1.9"
					  y1="2.4"
					  x2="14"
					  y2="14.6" />
				<line class="st0"
					  x1="1.9"
					  y1="14.6"
					  x2="14"
					  y2="2.4" />
			</svg>

			<div class="mobile-contact-details">

								<div class="column rte">
					<p><a href="https://www.google.com/maps/dir//hairylemon/data=!4m6!4m5!1m1!4e2!1m2!1m1!1s0x6d318a36567d8103:0x2bc90eb0d6eecd33?sa=X&ved=2ahUKEwj2qqLAsdDqAhVVXn0KHROgBy8Q9RcwDnoECBIQEQ" target="_blank" rel="noopener">Level 1<br/> 147 High Street<br/> Christchurch 8011</a></p>
				</div>
				

								<div class="column">
										<a class="underlined"
					   href="https://www.facebook.com/hairyLemon"
					   target="_blank"
					   rel="noopener"
					   >
						Facebook
					</a>
										<a class="underlined"
					   href="https://www.linkedin.com/company/hairylemon/"
					   target="_blank"
					   rel="noopener"
					   >
						LinkedIn
					</a>
										<a class="underlined"
					   href="https://www.instagram.com/hairylemon_digital/"
					   target="_blank"
					   rel="noopener"
					   >
						Instagram
					</a>
										<a class="underlined"
					   href="https://medium.com/@hairylemon"
					   target="_blank"
					   rel="noopener"
					   >
						Medium
					</a>
					
				</div>
				
								<div class="column"></div>
				
			</div>

		</nav>
	</div>
</header>


	
	<main class="home">
		<section class="banner" style="background:#232430; color:white;">
	

<div class="bg-pattern right" style="top:135px;">
	
 </div>

	<div class="w-950 content align-center">


		<h1 class="w-950 hero">realising your business goals since ages ago</h1>

		
		
			</div>
</section>


<section class="project-block section-bg-navy">
	<div class="tiles">
				<div class="hero-tile">
			<div class="project-tile">
		<div class="bg-image" style="background-image: url(/img/asset/bWFpbi9jYXNlc3R1ZHktLS1mYXJtbGFuZHMtLS10aHVtYm5haWwtKDEzKS0oMSkuanBn?w=1650&h=1920&q=100&fm=webp); background-position: 50% 50%;"></div>
	

	<a class="item" href="/who-we-work-with/synlait" class="item" >
		<div class="text">
										<img src="/img/asset/bWFpbi9zeW5sYWl0X2xpZ2h0X2xvZ28ucG5n?w=360" alt="Synlait logo">
			
			
			<h3 class="overlay">Growing through a flexible <br>digital platform</h3>
		</div>

				<span class="button light">
			View project
			<svg class="icon icon-arrow"
     width="14"
     height="12"
     viewBox="0 0 14 12"
     fill="none"
     xmlns="http://www.w3.org/2000/svg">
  <path d="M1 5.72534L11.5926 5.72534"
        stroke-width="1.5"
        stroke-linecap="round" />
  <path d="M7.11133 10.4508L12.0002 5.79195L7.11133 1"
        stroke-width="1.5"
        stroke-linecap="round" />
</svg>

		</span>
			</a>
</div>

		</div>
		

		<div class="smaller-tiles">
							<div class="project-tile">
		<div class="bg-image" style="background-image: url(/img/asset/bWFpbi9wcm9qZWN0cy9BbHBpbmUtU3Bhcy9hbHBpbmUtdGh1bWJuYWlsLXNtYWxsLmpwZw==?w=1650&h=970); background-position: 50% 50%;"></div>
	

	<a class="item" href="https://alpinespas.co.nz/" class="item" target="_blank" rel="noopener" >
		<div class="text">
										<img src="/img/asset/bWFpbi9wcm9qZWN0cy9BbHBpbmUtU3Bhcy9hbHBpbmVfc3Bhc19sb2dvLnBuZw==?w=360" alt="Alpine Spas logo">
			
			
			<h3 class="overlay">Bringing the spa-shopping experience online</h3>
		</div>

				<span class="button light">
			Visit website
			<svg class="icon icon-arrow"
     width="14"
     height="12"
     viewBox="0 0 14 12"
     fill="none"
     xmlns="http://www.w3.org/2000/svg">
  <path d="M1 5.72534L11.5926 5.72534"
        stroke-width="1.5"
        stroke-linecap="round" />
  <path d="M7.11133 10.4508L12.0002 5.79195L7.11133 1"
        stroke-width="1.5"
        stroke-linecap="round" />
</svg>

		</span>
			</a>
</div>

							<div class="project-tile">
		<div class="bg-image" style="background-image: url(/img/asset/bWFpbi9jYXNlc3R1ZHktLS1mYXJtbGFuZHMtLS10aHVtYm5haWwtKDYpLSgxKS5qcGc=?w=1650&h=970); background-position: 50% 50%;"></div>
	

	<a class="item" href="/who-we-work-with/farmlands" class="item" >
		<div class="text">
										<img src="/img/asset/bWFpbi9mYXJtbGFuZHNfbG9nb19saWdodC5wbmc=?w=360" alt="Farmlands logo">
			
			
			<h3 class="overlay">Building a strong <br>digital core</h3>
		</div>

				<span class="button light">
			View project
			<svg class="icon icon-arrow"
     width="14"
     height="12"
     viewBox="0 0 14 12"
     fill="none"
     xmlns="http://www.w3.org/2000/svg">
  <path d="M1 5.72534L11.5926 5.72534"
        stroke-width="1.5"
        stroke-linecap="round" />
  <path d="M7.11133 10.4508L12.0002 5.79195L7.11133 1"
        stroke-width="1.5"
        stroke-linecap="round" />
</svg>

		</span>
			</a>
</div>

			
		</div>
	</div>
</section>

<section class="text-with-links padding-top-150 section-bg-navy">
	<div class="row w-1250">
		<div class="left">
			<p>We are a digital agency and have been for 20-odd years. We realise goals for Kiwi and international businesses - all through our secret sauce of combining brand and digital. We will understand, support, challenge and champion our clients - like any good partner should.
</p>

		</div>
		<div class="right">
						<p><a href="/what-we-do/brand-and-communications">brand & communications</a></p>
						<p><a href="/what-we-do/digital-platforms">digital platforms</a></p>
						<p><a href="/what-we-do/performance-and-growth">performance & growth</a></p>
			
		</div>
	</div>
</section>

<section
	class="logo-block padding-top-100 section-bg-navy">
	
	<div class="w-1250">
		<div class="logo-container">
						<div class="item">
				
				 	<a>	<img src="/assets/synlait_light_logo_v2-1607995384.svg" alt="Synlait Light Logo V2 1607995384" />

</a>
				

			</div>
						<div class="item">
				
				 	<a>	<img src="/assets/move-padded-logo-light.svg" alt="Move Padded Logo Light" />

</a>
				

			</div>
						<div class="item">
				
				 	<a>	<img src="/assets/anz_light_logo-1607914252.svg" alt="Anz Light Logo 1607914252" />

</a>
				

			</div>
						<div class="item">
				
				 	<a>	<img src="/assets/cigna_light_logo-1607914259.svg" alt="Cigna Light Logo 1607914259" />

</a>
				

			</div>
						<div class="item">
				
				 	<a>	<img src="/assets/hamjet_light_logo-1607914266.svg" alt="Hamjet Light Logo 1607914266" />

</a>
				

			</div>
						<div class="item">
				
				 	<a>	<img src="/assets/ccasino_light_logo-1607995515.svg" alt="Ccasino Light Logo 1607995515" />

</a>
				

			</div>
						<div class="item">
				
				 	<a>	<img src="/assets/airways_light_logo-1607995522.svg" alt="Airways Light Logo 1607995522" />

</a>
				

			</div>
						<div class="item">
				
				 	<a>	<img src="/assets/chchnz-logo.svg" alt="Chchnz Logo" />

</a>
				

			</div>
						<div class="item">
				
				 	<a>	<img src="/assets/cdhb_light_logo-1607914303.svg" alt="Cdhb Light Logo 1607914303" />

</a>
				

			</div>
						<div class="item">
				
				 	<a>	<img src="/assets/couplands_light_logo-1607995606.svg" alt="Couplands Light Logo 1607995606" />

</a>
				

			</div>
						<div class="item">
				
				 	<a>	<img src="/assets/ara_light_logo-1607914320.svg" alt="Ara Light Logo 1607914320" />

</a>
				

			</div>
						<div class="item">
				
				 	<a>	<img src="/assets/farmlands_light_logo-1607914329.svg" alt="Farmlands Light Logo 1607914329" />

</a>
				

			</div>
			
		</div>
	</div>
</section>


	</main>

	<footer class="section-bg-navy padding-top-100">
	<div class="w-1650">
		
		<section class="top">
			<h3 class="mb-9">Got a challenge for us?</h3>

			<ul class="footer-nav">
								<li><a href="tel:+64 3 377 0031" class="underlined">+64 3 377 0031</a></li>
								<li><a href="mailto:hello@hairylemon.co.nz" class="underlined">hello@hairylemon.co.nz</a></li>
				
			</ul>
		</section>

		
		<section class="bottom">
			<div class="row">
								<div class="column">
					<p><a href="https://www.google.com/maps/dir//hairylemon/data=!4m6!4m5!1m1!4e2!1m2!1m1!1s0x6d318a36567d8103:0x2bc90eb0d6eecd33?sa=X&ved=2ahUKEwj2qqLAsdDqAhVVXn0KHROgBy8Q9RcwDnoECBIQEQ" target="_blank" rel="noopener">Level 1<br/> 147 High Street<br/> Christchurch 8011</a></p>
				</div>
				

								<div class="column">
					<ul class="footer-nav">
												<li><a href="https://www.facebook.com/hairyLemon" class="underlined" target="_blank" rel="noopener" >Facebook</a></li>
												<li><a href="https://www.linkedin.com/company/hairylemon/" class="underlined" target="_blank" rel="noopener" >LinkedIn</a></li>
												<li><a href="https://www.instagram.com/hairylemon_digital/" class="underlined" target="_blank" rel="noopener" >Instagram</a></li>
												<li><a href="https://medium.com/@hairylemon" class="underlined" target="_blank" rel="noopener" >Medium</a></li>
						
					</ul>
				</div>
				
								<div class="column"></div>
				
								<div class="column">
					<ul class="footer-nav">
												<li>
							<a href="/who-we-work-with" class="underlined" >Who we work with</a>
						</li>
												<li>
							<a href="/what-we-do" class="underlined" >What we do</a>
						</li>
												<li>
							<a href="/who-we-are" class="underlined" >Who we are</a>
						</li>
												<li>
							<a href="/insights" class="underlined" >Insights</a>
						</li>
												<li>
							<a href="/contact" class="underlined" >Contact</a>
						</li>
						
					</ul>
				</div>
				
								<div class="column">
					<ul class="footer-nav">
												<li><a href="/what-we-do/brand-and-communications" class="underlined" >Brand & communications</a></li>
												<li><a href="/what-we-do/digital-platforms" class="underlined" >Digital platforms</a></li>
												<li><a href="/what-we-do/performance-and-growth" class="underlined" >Performance & growth</a></li>
						
					</ul>
				</div>
				
								<div class="column">
					<ul class="footer-nav">
												<li><a href="/ecommerce" class="underlined" >Online shopping</a></li>
												<li><a href="/brand-development" class="underlined" >Brand development</a></li>
						
					</ul>
				</div>
				
			</div>

		</section>

		<section class="copy visible">
			<p>© 2022 hairyLemon digital. All rights reserved</p>

			<p class="links">
								<span class="pipe">|</span>
								<a href="/privacy-policy" class="underlined" >Privacy policy</a>
				
			</p>
					</section>
	</div>
</footer>


	<!-- Alert: User edit page -->
	

	<!-- JS: Theme -->
	<script src="https://www.hairylemon.co.nz/site/themes/hairylemon/public/scripts.min.js"></script>
</body>

</html>
