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

  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0">

  <title>Nigel Payne | Home</title>
  <meta name="description" content="Nigel Payne &ndash; a designer from Devon, UK that&rsquo;s into branding, illustration and coding.">
  <meta name="keywords" content="designer,graphic design,illustrator,developer,3d artist,Graphic Designer,Illustrator,Web Designer and Developer,Nigel Payne">
  <meta name="designer" content="Nigel Payne">
  <meta itemprop="image" content="http://nigelpayne.com/assets/images/nigel-payne.jpg">

  <!-- Facebook Meta Tags -->
<meta property="og:url" content="https://nigelpayne.com">
<meta property="og:type" content="website">
<meta property="og:title" content="Nigel Payne – Designer, illustartor and coder">
<meta property="og:description" content="Nigel Payne – a designer from Devon, UK that’s into branding, illustration and coding.">
<meta property="og:image" content="http://nigelpayne.com/assets/images/nigel-payne.jpg">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Nigel Payne – Designer, illustartor and coder">
<meta name="twitter:description" content="Nigel Payne – a designer from Devon, UK that’s into branding, illustration and coding.">
<meta name="twitter:image" content="http://nigelpayne.com/assets/images/nigel-payne.jpg">

  <!-- Google Android -->
  <meta name="theme-color" content="#001A6D">

  <script src="https://use.typekit.net/vzg8exc.js"></script>
  <script>try{Typekit.load();}catch(e){}</script>

  <link rel="stylesheet" href="https://nigelpayne.com/assets/css/main.css">
  <script src="https://nigelpayne.com/assets/js/modernizr-2.6.2.min.js"></script>
</head>
<body>

  <header class="header cf" role="banner">
    <a class="logo" href="https://nigelpayne.com">
      <img src="https://nigelpayne.com/assets/images/nigelpayne.svg" alt="Nigel Payne" />
    </a>

    <div class="name">Nigel Payne <span class="typed"></span></div>
    <nav role="navigation">

  <ul class="menu cf">
        <li><a  href="https://nigelpayne.com/contact">About</a></li>
      </ul>

</nav>
  </header>

  <div class="page-wrap">

<div class="intro-header">
  <h1>Hey – I’m Nigel Payne a designer from Devon, UK that’s into branding, illustration and coding.</h1></div>

    <div class="isotope">
  <div class="grid-sizer"></div>
  <div class="gutter-sizer"></div>
    <div class="item">
            <a href="https://nigelpayne.com/projects/mont-blanc-google-cardboard">
          <img src="https://nigelpayne.com/content/projects/1-mont-blanc-google-cardboard/mountain-cry.gif" alt="Mont Blanc Google Cardboard" >
        </a>
      </div>
    <div class="item">
            <a href="https://nigelpayne.com/projects/hipo-toolkit">
          <img src="https://nigelpayne.com/content/projects/2-hipo-toolkit/hipo.png" alt="HIPO Toolkit" >
        </a>
      </div>
    <div class="item">
            <a href="https://nigelpayne.com/projects/method-furniture-makers">
          <img src="https://nigelpayne.com/content/projects/3-method-furniture-makers/method-logo-guidelines-02.png" alt="Method Furniture Makers" >
        </a>
      </div>
    <div class="item">
            <a href="https://nigelpayne.com/projects/jo-wigley">
          <img src="https://nigelpayne.com/content/projects/4-jo-wigley/jo-wigley.png" alt="Jo Wigley . com" >
        </a>
      </div>
    <div class="item">
            <a href="https://nigelpayne.com/projects/maketime-with-google">
          <img src="https://nigelpayne.com/content/projects/5-maketime-with-google/collaboration_01_entertainment_gaming_mountain_530_334_15.gif" alt="#MakeTime with Google" >
        </a>
      </div>
    <div class="item">
            <a href="https://nigelpayne.com/projects/3d-experiments">
          <img src="https://nigelpayne.com/content/projects/6-3d-experiments/heat-ring2.gif" alt="3D Experiments" >
        </a>
      </div>
    <div class="item">
            <a href="https://nigelpayne.com/projects/google-icons">
          <img src="https://nigelpayne.com/content/projects/7-google-icons/03-i-m-just-curious.png" alt="Google" >
        </a>
      </div>
    <div class="item">
            <a href="https://nigelpayne.com/projects/angela-s-bees">
          <img src="https://nigelpayne.com/content/projects/8-angela-s-bees/label-yellow.jpg" alt="Angela&rsquo;s Bees" >
        </a>
      </div>
    <div class="item">
            <a href="https://nigelpayne.com/projects/wkd-social-posts">
          <img src="https://nigelpayne.com/content/projects/9-wkd-social-posts/bottlecap-wkd-berry-uk.gif" alt="WKD Social Posts" >
        </a>
      </div>
  </div>

  </div>
  <footer class="footer cf" role="contentinfo">

    <div class="copyright">
      <p>© 1986-2019 <a href="http://nigelpayne.com">Nigel Payne</a></p>    </div>

    <div class="colophon">
      <p><a href="https://nigelpayne.com/about-this-site">Made with <b>❤</b></a></p>
    </div>

  </footer>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

      <script src="https://imagesloaded.desandro.com/imagesloaded.pkgd.min.js"></script>
    <script src="https://isotope.metafizzy.co/isotope.pkgd.js"></script>
    <script src="https://rawgit.com/metafizzy/isotope-packery/master/packery-mode.pkgd.js"></script>

    <script>
    // ISOTOPE

    // initialize Isotope
    var $container = $('.isotope').isotope({
      // options
      layoutMode: 'packery',
      itemSelector: '.item',
      packery: {
        columnWidth: '.grid-sizer',
        gutter: '.gutter-sizer'
      }
    });
    // layout Isotope again after all images have loaded
    $container.imagesLoaded( function() {
      $container.isotope('layout');
    });
    </script>

  
  <script src="https://nigelpayne.com/assets/js/plugins.js"></script>  <script src="https://nigelpayne.com/assets/js/main.js"></script>
  <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
  <script>
      (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
      function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
      e=o.createElement(i);r=o.getElementsByTagName(i)[0];
      e.src='//www.google-analytics.com/analytics.js';
      r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
      ga('create','UA-5513366-7');ga('send','pageview');
  </script>

</body>
</html>
