<!doctype html>
<html>
<head>
    <title>Triple Geek - Code, Design, Interaction</title>
    <meta charset="utf-8">
<script type="text/javascript" src="//use.typekit.com/mrx0ypt.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<link rel="stylesheet" href="/assets/css/styles.css">
<link href="/assets/images/favicon.png" rel="icon" type="image/png">

</head>
<body>
<header class="front-page-header">
    <div class="front-page-header-inner inner">
        <a href="/"><h1>Triple Geek</h1></a>
    </div>
</header>

<div class="copy">
    <div class="copy-inner inner">
        <div class="copy-wrap">
            <p>My name is Stefan Goodchild and I'm a freelance creative coder, developer, motion graphics & interaction designer, living in Bristol, UK</p>
            <p>I create real-time interactive visuals, apps, AR, VR and motion graphics with code using Unity, Unreal Engine, Touch Designer and VDMX, web experiences using Javascript / Three.JS and classic rendered motion graphics with Blender, After Effects and Premier or whatever else is the right tool for brands, concerts, museums, the web, installations, television, and conferences.</p>
            <p>If you're interested in working with me on a project, big or small, why not <a href="mailto:contact@triplegeek.com">send me an email</a>.</p>
            <p>You can see more of my work on <a href="https://vimeo.com/triplegeek">Vimeo</a>, <a href="https://instagram.com/triplegeek_">Instagram</a> or follow me on my personal <a href="https://twitter.com/stefangoodchild">Twitter</a> account</p>
        </div>
    </div>
</div>

<div class="video-wrapper">
    <div class="video-wrapper-inner">
        <iframe title="vimeo-player" src="https://player.vimeo.com/video/674933246?h=b38669b0ba" width="640" height="360" frameborder="0" allowfullscreen></iframe>
    </div>
</div>

<div class="inner portfolio-list-wrapper">
<h2 class="front-page-h">Music Videos &amp; Concert Visuals</h2>
<ul class="portfolio-list">
    
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/hannah-peel-mineral.html">
        <h2>Hannah Peel and Paraorchestra - We Are Part Mineral </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/hp-po-part-mineral-04.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/hannah-peel-unfolding.html">
        <h2>Hannah Peel and Paraorchestra - The Unfolding </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/hp-po-the-unfolding-07.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/seladoria-2021.html">
        <h2>Seladoria </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/seladoria_06.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/sequences-ryan-davis-alex-banks.html">
        <h2>Ryan Davis & Alex Banks - Sequences </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/sequences-02.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/velum-break-the-booth.html">
        <h2>Velum Break - The Booth </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/velum-break-the-booth_02.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/poisonousbirds-2019.html">
        <h2>Poisonous Birds - Big Water </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/pbirds-01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/rag-n-bone-man-2017.html">
        <h2>Rag n Bone Man </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/rnbman-11.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/the-human-league-2016.html">
        <h2>The Human League </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/thl-05.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/the-glass-animals-2016.html">
        <h2>The Glass Animals </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/tga-fs.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/lcd-soundsystem-2016.html">
        <h2>LCD Soundsystem </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/lcdss-09.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/qotsa-grammys-2014.html">
        <h2>Queens Of The Stone Age </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/qotsa-grammy-01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/cheersdrive.html">
        <h2>Cheers Drive </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/cheersdrive.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/birdy-2013.html">
        <h2>Birdy </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/birdy-02.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/peter-gabriel-back-to-front-2013.html">
        <h2>Peter Gabriel </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/peter-gabriel-back-to-front-01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/visuals/queen-and-adam-lambert-i-heart-radio-2013.html">
        <h2>Queen and Adam Lambert </h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/queen-i-heart-radio-04.jpg" />
        </div>
        </a>
    </li>
    
</ul>
<h2 class="front-page-h">Web, Interactive &amp; Apps</h2>
<ul class="portfolio-list">
    
    
    <li class="portfolio-list-item item-medium">
        <a href="/web/limbic-beacon.html">
        <h2>Intermission (Limbic Cinema, Bristol Beacon)</h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/limbic-beacon-intermission_01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/web/aardman-bbc-rsc-bytesize.html">
        <h2>Which Shakespeare character are you? (Aardman / RSC / BBC Bytesize)</h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/bbc-shakes-01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/web/ravelin.html">
        <h2>Ravelin</h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/ravelin-01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/web/aardman-bbc-eastenders.html">
        <h2>Make It - Eastenders Soap Factory (Aardman / BBC)</h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/aardman-bbc-eastenders-01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/web/aardman-bbc-vizii.html">
        <h2>Vizii (Aardman / BBC)</h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/aardman-bbc-vizii-01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/web/aardman-bbc-technobabble.html">
        <h2>Make It - Technobabble (Aardman / BBC)</h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/aardman-bbc-technobabble-01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/web/ghostslug-mshed.html">
        <h2>Ghost Slug</h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/ghostslug-03.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/web/promap.html">
        <h2>Promap Export</h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/promap-01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/web/mrc-centenary.html">
        <h2>MRC Centenary Website</h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/mrc-centenary-01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/web/building-the-games.html">
        <h2>GE - Building The Games</h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/building-the-games-01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/web/wwt-inspire.html">
        <h2>WWT Inspiring Generations</h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/wwt-inspire-01.jpg" />
        </div>
        </a>
    </li>
    
    <li class="portfolio-list-item item-medium">
        <a href="/web/tutorhub.html">
        <h2>Tutorhub</h2>
        <div class="portfolio-list-item-inner">
            <img src="assets/images/post-photos/tutorhub-01.jpg" />
        </div>
        </a>
    </li>
    
</ul>
</div>

<footer>
    
</footer>
</body>
</html>