


<!DOCTYPE html>
<html data-field-theme="light">
<head>

    <title>FIELD x Future Aesthetics for Design, Motion, Experiential</title>

    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="description" content="FIELD is a specialised creative studio in London. We combine art + technology to create immersive audio-visual experiences, and powerful new formats of visual communication.">
    <meta name="keywords" content="FIELD.IO, art and technology, generative design, interactive installation">

    <link rel="stylesheet" href="https://www.field.io/wp-content/themes/field/css/main.css?v=1517482623610">
    <link rel="shortcut icon" href="" type="image/x-icon">
    <meta property="og:title" content="FIELD x Future Aesthetics for Design, Motion, Experiential" />
<meta property="og:type" content="company" />
<meta property="og:locale" content="en_GB" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:description" content="FIELD is a specialised creative studio in London. We combine art + technology to create immersive audio-visual experiences, and powerful new formats of visual communication." />
<meta property="og:url" content="https://www.field.io/" />
<meta property="og:image:secure_url" content="https://www.field.iohttps://www.field.io/wp-content/uploads/assets/facebook_hero.jpg" />
<meta property="og:image" content="https://www.field.iohttps://www.field.io/wp-content/uploads/assets/facebook_hero.jpg" />
    <link href="https://www.field.iohttps://www.field.io/wp-content/uploads/assets/apple-touch-icon.png" rel="apple-touch-icon" />
    <link href="https://www.field.iohttps://www.field.io/wp-content/uploads/assets/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" />
    <link href="https://www.field.iohttps://www.field.io/wp-content/uploads/assets/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" />
    <link href="https://www.field.iohttps://www.field.io/wp-content/uploads/assets/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" />
    <link href="https://www.field.iohttps://www.field.io/wp-content/uploads/assets/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" />
    <link href="https://www.field.iohttps://www.field.io/wp-content/uploads/assets/icon-hires.png" rel="icon" sizes="192x192" />
    <link href="https://www.field.iohttps://www.field.io/wp-content/uploads/assets/icon-normal.png" rel="icon" sizes="128x128" />    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

    <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-1562709-9']);
  var d = document.location.pathname + document.location.search + document.location.hash;
        _gaq.push(['_trackPageview', d]);
  

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body>

    <div class="wrap"  id="wrapper" data-field-tmpl="field-app" data-section="landing">
        
        <header id="site-header" class="large  " data-field-tmpl="site-header">
        <a href="https://www.field.io" class="format-logo" data-logo>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229 36.7" enable-background="new 0 0 229 36.7"><defs><pattern id="img1" patternUnits="userSpaceOnUse" width="500" height="28"><image xlink:href="https://www.field.io/wp-content/themes/field/static/img/field-bg.gif" x="0" y="0" width="500" height="28" /></pattern></defs><path fill="url(#img1)" d="M.4 36.4c-.3 0-.4-.1-.4-.4L6.5.8c0-.2.1-.3.1-.4.1 0 .2-.1.4-.1h21.7c.3 0 .4.1.4.4l-1 5.3c0 .2-.1.3-.1.4-.1.1-.2.1-.4.1H11.9l-1.5 8.3h12.2c.3 0 .4.1.4.4l-1 5.3c0 .2-.1.3-.1.4-.1.1-.2.1-.4.1H9.2L6.4 36c0 .2-.1.3-.1.4-.1.1-.2.1-.4.1H.4zM53.3 36.4c-.3 0-.4-.1-.4-.4L59.4.9c0-.2.1-.3.1-.4.1-.1.2-.1.4-.1h5.6c.3 0 .4.1.4.4l-6.5 35.1c0 .2-.1.3-.1.4-.1.1-.2.1-.4.1h-5.6zM93.2 36.4c-.3 0-.4-.1-.4-.4L99.3.9c0-.2.1-.3.1-.4.1-.1.2-.1.4-.1h21.6c.3 0 .4.1.4.4l-1 5.3c0 .2-.1.3-.1.4-.1.1-.2.1-.4.1h-15.5l-1.5 8.2h12.4c.3 0 .4.1.4.4l-1 5.2c0 .2-.1.3-.1.4-.1.1-.2.1-.4.1h-12.4l-1.7 9.4H116c.3 0 .4.1.4.4l-1 5.3c0 .2-.1.3-.1.4-.1.1-.2.1-.4.1H93.2zM147.4 36.4c-.3 0-.4-.1-.4-.4L153.5.9c0-.2.1-.3.1-.4.1-.1.2-.1.4-.1h5.6c.3 0 .4.1.4.4l-5.4 29.5h13.6c.3 0 .4.1.4.4l-1 5.2c0 .2-.1.3-.1.4-.1.1-.2.1-.4.1h-19.7zM206.3 36.7h-1.9c-.7 0-1.4 0-2.2-.1-.8 0-1.5-.1-2.3-.1-.8 0-1.5-.1-2.2-.2-.3 0-.4-.2-.4-.5L203.8.7c0-.2.1-.3.1-.4.1-.1.2-.1.4-.1.7 0 1.4-.1 2.1-.1.8 0 1.5-.1 2.3-.1.7 0 1.5 0 2.1-.1h1.7c1.8 0 3.5.1 5.1.3 1.6.2 3.1.5 4.4 1 1.3.5 2.5 1.1 3.5 1.9 1 .8 1.8 1.8 2.3 3.1.6 1.3.9 2.8 1 4.5.1 1.8-.1 3.8-.5 6.2l-.5 2.8c-.5 2.6-1.1 4.8-1.8 6.7-.7 1.9-1.6 3.4-2.5 4.7-1 1.3-2 2.3-3.2 3-1.2.7-2.5 1.3-4 1.7-1.4.4-3 .7-4.7.8-1.6.1-3.4.1-5.3.1zm6.8-30.9h-2.9c-.3 0-.6.1-.9.1l-4.6 24.8c.3 0 .6.1.9.1.4 0 .7 0 1.1.1h2c1.8 0 3.3-.1 4.7-.4 1.4-.3 2.6-.8 3.6-1.7 1-.8 1.9-1.9 2.6-3.4.7-1.4 1.3-3.3 1.7-5.7l.6-2.9c.4-2.3.5-4.2.4-5.6-.2-1.4-.7-2.6-1.4-3.4-.8-.8-1.8-1.4-3.1-1.7-1.3-.2-2.9-.3-4.7-.3z"/></svg>
        </a>   
        <div class="nav"> 
            <a class="nav-link link-group-0" href="https://www.field.io/commissions" id="nav-commissions">Commissions</a>    
            <a class="nav-link link-group-0" href="https://www.field.io/artworks" id="nav-artworks">Artworks</a>
            <a class="nav-link link-group-0" href="https://www.field.io/strategy" id="nav-strategy">Strategy</a>
            
            <a class="nav-link link-group-1" href=https://www.field.io/contact id="nav-contact">Contact</a>
            <a class="nav-link link-group-1" href=https://www.field.io/studio id="nav-studio">Studio</a>
            <a class="nav-link link-group-1" href=https://www.field.io/process id="nav-process">Process</a>
        </div>
        <span id="header-title" class="title hidden" > </span>
        <div id="nav-menu">
                Menu
        </div>
        
        <div class="social-icons" >
         
            <span><a href="https://www.facebook.com/FIELD.io" target="_blank">f</a></span>
            
         
            <span><a href="https://twitter.com/field_io" target="_blank">t</a></span>
            
         
            <span><a href="https://instagram.com/field_io/" target="_blank">i</a></span>
            
         
            <span><a href="https://www.behance.net/field_io" target="_blank">b</a></span>
            
                </div>
        

        </header>

       
        <div class="top-spacer landing">
        </div>
        <main id="content" data-field-tmpl="content-wrapper">

<div
    class="page page-landing"
    data-page=""
    data-page-title="FIELD x Future Aesthetics for Design, Motion, Experiential"
    data-field-tmpl="page-landing"
    data-field-theme="light">




<section class="page-inner Vision Wall" data-page-transition-item  data-scroll-target>

<div class="module description" data-page-transition-item>
        <h2 class = "flex-span-10"data-meta="">Future Aesthetics for Design, Motion, Experiential</h2>
</div>


    <article class="module post-block" data-mediums="Installation" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/kapsarc/kapsarc-vision-wall/hero/hero.jpg">
            <a href="https://www.field.io/project/kapsarc-vision-wall/"><div class="span-3 pre-1 top-1 format-main format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/kapsarc/kapsarc-vision-wall/mini/FIELD_KAPSARC_Vision-Wall-10cc.png" alt="FIELD KAPSARC Vision-Wall-10cc by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/kapsarc/kapsarc-vision-wall/mini/FIELD_KAPSARC_Vision-Wall-10cc.png" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/kapsarc/kapsarc-vision-wall/big/FIELD_KAPSARC_Vision-Wall-10cc.png" alt="FIELD KAPSARC Vision-Wall-10cc by FIELD.IO"/>
</div>

<div class="span-5 pre--2 format-image">
<video id="inhcpyhert-file" class ="format-video html5-video" muted loop preload="auto" playsinline preload='none' poster="https://dh0q5wcr1fo3y.cloudfront.net/Projects/kapsarc/kapsarc-vision-wall/hero/posterframe.png"><source src="https://d2x280rinp2oi.cloudfront.net/Projects/kapsarc/kapsarc-vision-wall/FIELD_KAPSARC_VIsion_Wall_Loop.mp4#t=0" type="video/mp4">Your browser does not support HTML5 video.</video>
</div>

<div class="span-6 pre--4 top-2 format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/kapsarc/kapsarc-vision-wall/mini/FIELD_KAPSARC_Vision_Wall_Index_Comp_3.png" alt="FIELD KAPSARC Vision Wall Index Comp 3 by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/kapsarc/kapsarc-vision-wall/mini/FIELD_KAPSARC_Vision_Wall_Index_Comp_3.png" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/kapsarc/kapsarc-vision-wall/big/FIELD_KAPSARC_Vision_Wall_Index_Comp_3.png" alt="FIELD KAPSARC Vision Wall Index Comp 3 by FIELD.IO"/>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/kapsarc-vision-wall/">
                            <h3>KAPSARC: <span class="grey">Vision Wall</span></h3>
                <div class="tiny grey tagline">Permanent Generative Art Installation for Saudi Energy Research Centre</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Experience" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/quasar/hero/hero.jpg">
            <a href="https://www.field.io/project/quasar/"><div class="span-5 pre-3 format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/quasar/mini/FIELD_Quasar_Index_Comp_3.jpg" alt="FIELD Quasar Index Comp 3 by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/quasar/mini/FIELD_Quasar_Index_Comp_3.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/quasar/big/FIELD_Quasar_Index_Comp_3.jpg" alt="FIELD Quasar Index Comp 3 by FIELD.IO"/>
</div>

<div class="span-6 pre--7 format-main format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/quasar/mini/FIELD_Quasar_Index_Comp_1.jpg" alt="FIELD Quasar Index Comp 1 by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/quasar/mini/FIELD_Quasar_Index_Comp_1.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/quasar/big/FIELD_Quasar_Index_Comp_1.jpg" alt="FIELD Quasar Index Comp 1 by FIELD.IO"/>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/quasar/">
                            <h3>Quasar</h3>
                <div class="tiny grey tagline">Wearable Sculptures, Photographs, Interactive VR Experience, 2015</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Moving Image, Branding" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/chivas-regal/chivas-regal-ultis-essence/hero/hero.jpg">
            <a href="https://www.field.io/project/chivas-regal-ultis-essence/"><div class="span-8 pre-4 format-main format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/chivas-regal/chivas-regal-ultis-essence/mini/FIELD_Chivas_Index_Comp_1.jpg" alt="FIELD Chivas Index Comp 1 by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/chivas-regal/chivas-regal-ultis-essence/mini/FIELD_Chivas_Index_Comp_1.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/chivas-regal/chivas-regal-ultis-essence/big/FIELD_Chivas_Index_Comp_1.jpg" alt="FIELD Chivas Index Comp 1 by FIELD.IO"/>
</div>

<div class="span-6 pre--8 format-image">
<video id="zdbv7d4l2h-file" class ="format-video html5-video" muted loop preload="auto" playsinline preload='none' poster="https://dh0q5wcr1fo3y.cloudfront.net/Projects/chivas-regal/chivas-regal-ultis-essence/hero/posterframe.png"><source src="https://d2x280rinp2oi.cloudfront.net/Projects/chivas-regal/chivas-regal-ultis-essence/FIELD_Chivas_Regal_The_Essence_Loop.mp4#t=0" type="video/mp4">Your browser does not support HTML5 video.</video>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/chivas-regal-ultis-essence/">
                            <h3>Chivas Regal: <span class="grey">The Essence</span></h3>
                <div class="tiny grey tagline">Generative Motion Artworks for a Product Launch Campaign</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Moving Image, Branding" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/adidas/barricade-ss15/hero/hero.jpg">
            <a href="https://www.field.io/project/barricade-ss15/"><div class="span-6 pre-0 format-main format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/adidas/barricade-ss15/mini/FIELD_BarricadeSS15_Index_Comp.jpg" alt="FIELD BarricadeSS15 Index Comp by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/adidas/barricade-ss15/mini/FIELD_BarricadeSS15_Index_Comp.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/adidas/barricade-ss15/big/FIELD_BarricadeSS15_Index_Comp.jpg" alt="FIELD BarricadeSS15 Index Comp by FIELD.IO"/>
</div>

<div class="span-6 pre--4 format-image">
<video id="8c5dojjs4k-file" class ="format-video html5-video" muted loop preload="auto" playsinline preload='none' poster="https://dh0q5wcr1fo3y.cloudfront.net/Projects/adidas/barricade-ss15/hero/posterframe.png"><source src="https://d2x280rinp2oi.cloudfront.net/Projects/adidas/barricade-ss15/FIELD_Adidas_Stella_McCartney_Barricade_SS15_Loop.mp4#t=0" type="video/mp4">Your browser does not support HTML5 video.</video>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/barricade-ss15/">
                            <h3>Adidas by Stella McCartney: <span class="grey">Barricade SS15</span></h3>
                <div class="tiny grey tagline">Print + Video Campaign for Stella McCartney Tennis</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Branding" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/gf-smith/digital-paintings/hero/hero.jpg">
            <a href="https://www.field.io/project/digital-paintings/"><div class="span-6 pre-3 format-main format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/gf-smith/digital-paintings/mini/FIELD_GF_Smith_Index_Comp@1.4x.jpg" alt="FIELD GF Smith Index Comp@1 by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/gf-smith/digital-paintings/mini/FIELD_GF_Smith_Index_Comp@1.4x.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/gf-smith/digital-paintings/big/FIELD_GF_Smith_Index_Comp@1.4x.jpg" alt="FIELD GF Smith Index Comp@1 by FIELD.IO"/>
</div>

<div class="span-6 pre--4 top-1 format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/gf-smith/digital-paintings/mini/FIELD_GF_Smith_Index_Comp_2@1.4x.jpg" alt="FIELD GF Smith Index Comp 2@1 by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/gf-smith/digital-paintings/mini/FIELD_GF_Smith_Index_Comp_2@1.4x.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/gf-smith/digital-paintings/big/FIELD_GF_Smith_Index_Comp_2@1.4x.jpg" alt="FIELD GF Smith Index Comp 2@1 by FIELD.IO"/>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/digital-paintings/">
                            <h3>GF Smith: <span class="grey">10,000 Digital Paintings</span></h3>
                <div class="tiny grey tagline">Generative design of 10,000 unique cover artworks for GF Smith’s legendary paper brochures</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Moving Image, Branding" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/winton-capital/forms-of-finance/hero/hero.jpg">
            <a href="https://www.field.io/project/forms-of-finance/"><div class="span-6 pre-5 top-1 format-main format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/winton-capital/forms-of-finance/mini/FIELD_FormsofFinance_Index_Comp.jpg" alt="FIELD FormsofFinance Index Comp by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/winton-capital/forms-of-finance/mini/FIELD_FormsofFinance_Index_Comp.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/winton-capital/forms-of-finance/big/FIELD_FormsofFinance_Index_Comp.jpg" alt="FIELD FormsofFinance Index Comp by FIELD.IO"/>
</div>

<div class="span-6 pre--8 format-image">
<video id="r2nh05vsyv-file" class ="format-video html5-video" muted loop preload="auto" playsinline preload='none' poster="https://dh0q5wcr1fo3y.cloudfront.net/Projects/winton-capital/forms-of-finance/hero/posterframe.png"><source src="https://d2x280rinp2oi.cloudfront.net/Projects/winton-capital/forms-of-finance/FIELD_Forms_of_Finance_Loop.mp4#t=0" type="video/mp4">Your browser does not support HTML5 video.</video>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/forms-of-finance/">
                            <h3>Winton Capital: <span class="grey">Forms of Finance</span></h3>
                <div class="tiny grey tagline">Financial Market Data drives Motion Identity</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Installation, Branding" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/monotype/type-reinvented/hero/hero.jpg">
            <a href="https://www.field.io/project/type-reinvented/"><div class="span-7 pre-4 top-1 format-main format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/monotype/type-reinvented/mini/cannes_light-2_s.jpg" alt="cannes light-2 s by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/monotype/type-reinvented/mini/cannes_light-2_s.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/monotype/type-reinvented/big/cannes_light-2_s.jpg" alt="cannes light-2 s by FIELD.IO"/>
</div>

<div class="span-6 pre--5 format-image">
<video id="ardnvyqdsy-file" class ="format-video html5-video" muted loop preload="auto" playsinline preload='none' poster="https://dh0q5wcr1fo3y.cloudfront.net/Projects/monotype/type-reinvented/hero/posterframe.png"><source src="https://d2x280rinp2oi.cloudfront.net/Projects/monotype/type-reinvented/FIELD_Monotype_Type_Reinvented_Loop.mp4#t=0" type="video/mp4">Your browser does not support HTML5 video.</video>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/type-reinvented/">
                            <h3>Monotype: <span class="grey">Type Reinvented</span></h3>
                <div class="tiny grey tagline">Exploring the Future of Typography in 3 interactive Artworks</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Installation, Branding" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/deutsche-bank/hi-res-realtime-artworks/hero/hero.jpg">
            <a href="https://www.field.io/project/hi-res-realtime-artworks/"><div class="span-8 pre-4 top-1 format-main format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/deutsche-bank/hi-res-realtime-artworks/mini/FIELD_DB_Index_Comp_2.jpg" alt="FIELD DB Index Comp 2 by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/deutsche-bank/hi-res-realtime-artworks/mini/FIELD_DB_Index_Comp_2.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/deutsche-bank/hi-res-realtime-artworks/big/FIELD_DB_Index_Comp_2.jpg" alt="FIELD DB Index Comp 2 by FIELD.IO"/>
</div>

<div class="span-6 pre--6 format-image">
<video id="xcehv7mgid-file" class ="format-video html5-video" muted loop preload="auto" playsinline preload='none' poster="https://dh0q5wcr1fo3y.cloudfront.net/Projects/deutsche-bank/hi-res-realtime-artworks/hero/posterframe.png"><source src="https://d2x280rinp2oi.cloudfront.net/Projects/deutsche-bank/hi-res-realtime-artworks/FIELD_Deutsche_Bank_Loop.mp4#t=0" type="video/mp4">Your browser does not support HTML5 video.</video>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/hi-res-realtime-artworks/">
                            <h3>Deutsche Bank: <span class="grey">Evolving Environments</span></h3>
                <div class="tiny grey tagline">8 Brand Artworks for Permanent Installation at Asia Headquarters</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Installation, Moving Image" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/diesel/new-natures-ss16/hero/hero.jpg">
            <a href="https://www.field.io/project/new-natures-ss16/"><div class="span-6 pre-2 top-2 format-main format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/diesel/new-natures-ss16/mini/FIELD_DieselSS16_Oceans-02.jpg" alt="FIELD DieselSS16 Oceans-02 by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/diesel/new-natures-ss16/mini/FIELD_DieselSS16_Oceans-02.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/diesel/new-natures-ss16/big/FIELD_DieselSS16_Oceans-02.jpg" alt="FIELD DieselSS16 Oceans-02 by FIELD.IO"/>
</div>

<div class="span-6 pre--8 format-image">
<video id="5vjarb9mhk-file" class ="format-video html5-video" muted loop preload="auto" playsinline preload='none' poster="https://dh0q5wcr1fo3y.cloudfront.net/Projects/diesel/new-natures-ss16/hero/posterframe.png"><source src="https://d2x280rinp2oi.cloudfront.net/Projects/diesel/new-natures-ss16/FIELD_Diesel_SS16_Loop.mp4#t=0" type="video/mp4">Your browser does not support HTML5 video.</video>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/new-natures-ss16/">
                            <h3>Diesel: <span class="grey">New Natures SS16</span></h3>
                <div class="tiny grey tagline">Series of Film + CG Artworks for Retail Displays worldwide</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Moving Image" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/system-aesthetics/hero/hero.jpg">
            <a href="https://www.field.io/project/system-aesthetics/"><div class="span-5 pre-6 format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/system-aesthetics/mini/FIELD_SA_Index_Comp_1.jpg" alt="FIELD SA Index Comp 1 by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/system-aesthetics/mini/FIELD_SA_Index_Comp_1.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/system-aesthetics/big/FIELD_SA_Index_Comp_1.jpg" alt="FIELD SA Index Comp 1 by FIELD.IO"/>
</div>

<div class="span-6 pre--8 format-image">
<video id="u89tymlxcj-file" class ="format-video html5-video" muted loop preload="auto" playsinline preload='none' poster="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/system-aesthetics/hero/posterframe.png"><source src="https://d2x280rinp2oi.cloudfront.net/Projects/field/system-aesthetics/FIELD_SA_Loop.mp4#t=0" type="video/mp4">Your browser does not support HTML5 video.</video>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/system-aesthetics/">
                            <h3>System Aesthetics</h3>
                <div class="tiny grey tagline">Digital Illustrations, 2018</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Installation, Interactive, Experience" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/nike/nike-force-of-nature/hero/hero.jpg">
            <a href="https://www.field.io/project/nike-force-of-nature/"><div class="span-5 pre-1 top-2 format-main format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/nike/nike-force-of-nature/mini/FIELD_NIKE_FON_0113.jpg" alt="FIELD NIKE FON 0113 by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/nike/nike-force-of-nature/mini/FIELD_NIKE_FON_0113.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/nike/nike-force-of-nature/big/FIELD_NIKE_FON_0113.jpg" alt="FIELD NIKE FON 0113 by FIELD.IO"/>
</div>

<div class="span-6 pre--4 format-image">
<video id="9r05ymlg04-file" class ="format-video html5-video" muted loop preload="auto" playsinline preload='none' poster="https://dh0q5wcr1fo3y.cloudfront.net/Projects/nike/nike-force-of-nature/hero/posterframe.png"><source src="https://d2x280rinp2oi.cloudfront.net/Projects/nike/nike-force-of-nature/FIELD_NIKE_Force_of_Nature_Loop_2.mp4#t=0" type="video/mp4">Your browser does not support HTML5 video.</video>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/nike-force-of-nature/">
                            <h3>Nike: <span class="grey">Force of Nature</span></h3>
                <div class="tiny grey tagline">Interactive Running Experience</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Experience" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/ultraviolet-break-of-day/hero/hero.jpg">
            <a href="https://www.field.io/project/ultraviolet-break-of-day/"><div class="span-4 pre-3 top-1 format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/ultraviolet-break-of-day/mini/FIELD_Ultraviolet_Index_Comp.jpg" alt="FIELD Ultraviolet Index Comp by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/ultraviolet-break-of-day/mini/FIELD_Ultraviolet_Index_Comp.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/ultraviolet-break-of-day/big/FIELD_Ultraviolet_Index_Comp.jpg" alt="FIELD Ultraviolet Index Comp by FIELD.IO"/>
</div>

<div class="span-6 pre--2 format-main format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/ultraviolet-break-of-day/mini/FIELD_Ultraviolet_Index_Comp_2.jpg" alt="FIELD Ultraviolet Index Comp 2 by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/ultraviolet-break-of-day/mini/FIELD_Ultraviolet_Index_Comp_2.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/ultraviolet-break-of-day/big/FIELD_Ultraviolet_Index_Comp_2.jpg" alt="FIELD Ultraviolet Index Comp 2 by FIELD.IO"/>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/ultraviolet-break-of-day/">
                            <h3>Ultraviolet Break of Day</h3>
                <div class="tiny grey tagline">Digital Photographs, 2017</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Installation, Interactive, Moving Image, Experience" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/toyota/unique-flow/hero/hero.jpg">
            <a href="https://www.field.io/project/unique-flow/"><div class="span-6 pre-5 top-1 format-main format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/toyota/unique-flow/mini/FIELD_Toyota_Unique_Flow_index_comp_2.jpg" alt="FIELD Toyota Unique Flow index comp 2 by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/toyota/unique-flow/mini/FIELD_Toyota_Unique_Flow_index_comp_2.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/toyota/unique-flow/big/FIELD_Toyota_Unique_Flow_index_comp_2.jpg" alt="FIELD Toyota Unique Flow index comp 2 by FIELD.IO"/>
</div>

<div class="span-6 pre--8 format-image">
<video id="nwmz69hrmc-file" class ="format-video html5-video" muted loop preload="auto" playsinline preload='none' poster="https://dh0q5wcr1fo3y.cloudfront.net/Projects/toyota/unique-flow/hero/posterframe.png"><source src="https://d2x280rinp2oi.cloudfront.net/Projects/toyota/unique-flow/FIELD_Toyota_Unique_Flow_Loop.mp4#t=0" type="video/mp4">Your browser does not support HTML5 video.</video>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/unique-flow/">
                            <h3>Toyota: <span class="grey">Unique Flow</span></h3>
                <div class="tiny grey tagline">Print, Motion + Interactive Artwork for Car Launch Campaign</div>
                        </a>
        </div>
    </article>

    
    <article class="module post-block" data-mediums="Installation" >
        <div class="flex-span-12 project-images" data-hero="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/spectra-3/hero/hero.jpg">
            <a href="https://www.field.io/project/spectra-3/"><div class="span-6 pre-6 format-image">
<img class="format-image preview-image" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/spectra-3/mini/FIELD_Spectra-3_Lumiere-01_crop.jpg" alt="FIELD Spectra-3 Lumiere-01 crop by FIELD.IO"/><img class="format-image lazy-load full-image hidden" src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/spectra-3/mini/FIELD_Spectra-3_Lumiere-01_crop.jpg" data-src="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/spectra-3/big/FIELD_Spectra-3_Lumiere-01_crop.jpg" alt="FIELD Spectra-3 Lumiere-01 crop by FIELD.IO"/>
</div>

<div class="span-6 pre--9 format-image">
<video id="zhrwua6lbc-file" class ="format-video html5-video" muted loop preload="auto" playsinline preload='none' poster="https://dh0q5wcr1fo3y.cloudfront.net/Projects/field/spectra-3/hero/posterframe.png"><source src="https://d2x280rinp2oi.cloudfront.net/Projects/field/spectra-3/FIELD_Spectra3_Loop.mp4#t=0" type="video/mp4">Your browser does not support HTML5 video.</video>
</div>

</a>
        </div>
        <div class="project-title">
            <a href="https://www.field.io/project/spectra-3/">
                            <h3>Spectra-3</h3>
                <div class="tiny grey tagline">Digital-Physical Sculpture, 2015</div>
                        </a>
        </div>
    </article>

    </section>



</div>
</main>

       
        <div class='footer-contact copy-small'>

            <div class="internal1 link-block">
                <a class="no-underline" href="https://www.field.io/contact">Contact</a></br>
               <!-- <a class="no-underline" href="https://www.field.io/jobs">Jobs</a>-->
            </div>
            
            
            <div class="internal2 link-block">
            <a class="no-underline" href="https://www.field.io/jobs">Jobs</a>
               <!--- <a class="no-underline" href=" mailto:press@field.io" target="_top">Press</a>
                <a class="no-underline" href="http://presskit.field.io">Press</a></br>
                <a class="no-underline" href="https://www.field.io/archive">Index</a> -->
            </div>
            
            <div class="contact link-block">
                <a href="mailto:hello@field.io" target="_top"> hello@field.io</a></br>
                <a href="tel:+44 (0) 207 249 0970" target="_top"> +44 (0) 207 249 0970</a>
            </div>
                
            <div class="social link-block">
                <a href="https://www.facebook.com/FIELD.io" target="_blank">Facebook</a>, <a href="https://twitter.com/field_io" target="_blank">Twitter</a>, <a href="https://instagram.com/field_io/" target="_blank">Instagram</a>, <a href="https://www.behance.net/field_io" target="_blank">Behance</a>            </div>
        </div>
    
    <script src="https://www.field.io/wp-content/themes/field/js/animations.js?v=1517482623610"></script>

    
    

</script>

</body>
</html>
