CINXE.COM

<!DOCTYPE html><html><head><script async src="https://www.googletagmanager.com/gtag/js?id=UA-37164143-3"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-37164143-3")</script><meta charset=utf-8><meta content="IE=edge,chrome=1" http-equiv=X-UA-Compatible><title>Archie Bagnall | Lead Experience Designer, ML/AI</title><meta content="width=device-width,initial-scale=1" name=viewport><meta content="Archie Bagnall is a Lead Experience Designer ML/AI at Adobe" name=description><meta content="index, follow" name=robots><meta content="Archie Bagnall" name=author><link href=http://www.archiebagnall.co.uk rel=canonical><meta content=en_US property=og:locale><meta content=website property=og:type><meta content="Archie Bagnall | ML/AI Experience Design" property=og:title><meta content="Archie Bagnall is a Lead Experience Designer ML/AI at Adobe" property=og:description><meta content=https://www.archiebagnall.co.uk property=og:url><meta content=icons/twitter-thumbnail.png property=og:image><meta content="Archie Bagnall | ML/AI Product Design" property=og:site_name><meta content=summary name=twitter:card><meta content=@archiebagnall name=twitter:site><meta content="Archie Bagnall | ML/AI Experience Design" name=twitter:title><meta content="Archie Bagnall is a Lead Experience Designer ML/AI at Adobe" name=twitter:description><meta content=https://www.archiebagnall.co.uk name=twitter:url><meta content=icons/twitter-thumbnail.png name=twitter:image><meta content="Archie Bagnall Twitter Thumbnail" name=twitter:image:alt><link href=icons/apple-touch-icon-57x57.png rel=apple-touch-icon sizes=57x57><link href=icons/apple-touch-icon-114x114.png rel=apple-touch-icon sizes=114x114><link href=icons/apple-touch-icon-72x72.png rel=apple-touch-icon sizes=72x72><link href=icons/apple-touch-icon-144x144.png rel=apple-touch-icon sizes=144x144><link href=icons/apple-touch-icon-60x60.png rel=apple-touch-icon sizes=60x60><link href=icons/apple-touch-icon-120x120.png rel=apple-touch-icon sizes=120x120><link href=icons/apple-touch-icon-76x76.png rel=apple-touch-icon sizes=76x76><link href=icons/apple-touch-icon-152x152.png rel=apple-touch-icon sizes=152x152><link href=icons/apple-touch-icon-180x180.png rel=apple-touch-icon sizes=180x180><link href=icons/favicon-192x192.png rel=icon sizes=192x192 type=image/png><link href=icons/favicon-160x160.png rel=icon sizes=160x160 type=image/png><link href=icons/favicon-96x96.png rel=icon sizes=96x96 type=image/png><link href=icons/favicon-16x16.png rel=icon sizes=16x16 type=image/png><link href=icons/favicon-32x32.png rel=icon sizes=32x32 type=image/png><style>a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}@import url(//hello.myfonts.net/count/3252b4);@-webkit-keyframes Gradient{0%{background-position:1000%50%}50%{background-position:0 50%}to{background-position:100%50%}}@-moz-keyframes Gradient{0%,to{background-position:100%50%}50%{background-position:0 50%}}@keyframes Gradient{0%,to{background-position:100%50%}50%{background-position:0 50%}}@font-face{font-family:"DINNextLTPro-Regular";src:url(webfonts/3252B4_0_0.eot);src:url(webfonts/3252B4_0_0.eot?#iefix) format("embedded-opentype"),url(webfonts/3252B4_0_0.woff2) format("woff2"),url(webfonts/3252B4_0_0.woff) format("woff"),url(webfonts/3252B4_0_0.ttf) format("truetype")}@font-face{font-family:"DINNextLTPro-Bold";src:url(webfonts/3252B4_1_0.eot);src:url(webfonts/3252B4_1_0.eot?#iefix) format("embedded-opentype"),url(webfonts/3252B4_1_0.woff2) format("woff2"),url(webfonts/3252B4_1_0.woff) format("woff"),url(webfonts/3252B4_1_0.ttf) format("truetype")}@font-face{font-family:"CharterITCStd-Regular";src:url(webfonts/3252B4_7_0.eot);src:url(webfonts/3252B4_7_0.eot?#iefix) format("embedded-opentype"),url(webfonts/3252B4_7_0.woff2) format("woff2"),url(webfonts/3252B4_7_0.woff) format("woff"),url(webfonts/3252B4_7_0.ttf) format("truetype")}.sans-serif,.serif,h1,h2,h3,h4,p{font-family:DINNextLTPro-Bold,sans-serif;font-weight:400;font-style:normal}.serif,h3,h4,p{font-family:DINNextLTPro-Normal,sans-serif}.serif,p{font-family:CharterITCStd-Regular,serif}a{color:inherit}.uppercase{text-transform:uppercase}a{text-decoration:underline}.hover-text-decoration-none:hover,a:hover{text-decoration:none!important}.container header .clock{text-align:right;padding:2rem 2rem 0 0;padding:10.01vw 10.01vw 0 0}body,html{width:100vw;height:100vh}.container header{height:20rem;height:100vw}.container .content{min-height:100%;min-height:100vh;top:20rem;top:100vw}.background,.container,.container .content,.container header{width:inherit;max-width:inherit}.container{margin:0 auto}.background,.container header{position:fixed}.container .content{position:absolute}.middle-align{position:relative;float:left;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1}.sticky{position:-webkit-sticky;position:-moz-sticky;position:-o-sticky;position:-ms-sticky;position:sticky}.background{height:inherit;-webkit-animation:Gradient 16s ease infinite;-moz-animation:Gradient 16s ease infinite;animation:Gradient 16s ease infinite}.opacityone,.opacityzero{opacity:0;transition:opacity .15s}.opacityone{opacity:1}.container header .greeting{line-height:1;margin-top:-2.625rem;margin-top:calc((1.875vw*7)*-1);padding:0 2rem;padding:0 10.01vw}.container .content section{padding:0 2rem;padding:0 10.01vw;padding-top:1.875rem;padding-top:calc(1.875vw*5)}.container .content .intro{padding-top:2.25rem;padding-top:calc(1.875vw*6)}.container .content .intro p{margin-top:.36rem;margin-top:calc(1.875vw*1)}.container .content .footer{padding-bottom:1.875rem;padding-bottom:calc(1.875vw*5)}.sticky{top:calc(100vh - 3rem);top:calc(100vh - (1.875vw*5) - (1.875vw*5) - (1.333rem))}.container{line-height:1.333}.container .content section ul{line-height:2}h1{font-size:2.67rem;font-size:13.35vw}h2{letter-spacing:.02em}h2,h3,p,ul li{font-size:1.13rem;font-size:5.63vw}.footer{font-size:.84rem;font-size:4.22vw}body .background{background-color:#bababa;background:#bababa;background:linear-gradient(-45deg,#fff,#bababa);background-size:400%400%}body .container .content{background-color:rgba(255,255,255,.2)}body.morning .background{background-color:#efe399;background:#efe399;background:linear-gradient(-45deg,#fff,#efe399);background-size:400%400%}body.afternoona .container .content,body.morning .container .content{background-color:rgba(255,255,255,.3)}body.afternoon .background{background-color:#00b2ff;background:#00b2ff;background:linear-gradient(-45deg,#fff,#00b2ff);background-size:400%400%}body.evening .background{background-color:#3e476c;background:#3e476c;background:linear-gradient(-45deg,#fbb 0,#9298b5 30%,#333a58 80%);background-size:400%400%}body.evening .container .content{background-color:rgba(255,255,255,.25)}body.night{color:#eee}body.night h2{color:#fff}body.night svg .ABfill{fill:#fff}body.night .background{background-color:#1b1b1b;background:#1b1b1b;background:linear-gradient(-45deg,#2e3033,#1b1b1b);background-size:400%400%}body.night .container .content{background-color:rgba(0,0,0,.25)}@media screen and (min-width:736px){.opacityone,.opacityzero{opacity:1;transition:opacity .15s}.container header{height:100vh;width:calc(100vw - 20.25em);left:20.25em}.container .content{left:0;top:0;max-width:20em}.container{font-size:1rem;line-height:1.618}.container header .clock{line-height:1;font-size:1.14em;padding:2.388em 2.388em 0 0}.container header .greeting{line-height:1;font-size:2.7em;margin-top:-1.4314em;padding:0 1.8em}.container .content section{padding:2.03em 2.03em 0}.container .content section h2,.container .content section p{line-height:1.618;font-size:1.14em}.container .content .intro{padding-top:2.388em}.container .content .intro p{margin-top:.444em}.container .content section ul li{line-height:2.388;font-size:1.14em}.container .content .footer{line-height:1;font-size:.875em;padding-top:2.2857em;padding-bottom:2.2857em}.sticky{top:calc(100vh - 5.5714em)}}@media screen and (min-width:1366px){.container{font-size:1.35rem}}@media screen and (min-width:1920px){.container{font-size:1.125vw}}@media screen and (min-width:2560px){.container{font-size:.89vw}}</style><script type="text/javascript">;function DisplayCurrentTime() {var date = new Date();var hours = date.getHours() > 12 ? date.getHours() - 12 : date.getHours();var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();var am_pm = date.getHours() >= 12 ? "pm" : "am";var time = hours + ":" + minutes + am_pm;var clock = document.getElementById("clock");clock.innerHTML = time;}function SetTimeStyles() {var currentTime = new Date().getHours();var greeting = document.getElementById("greeting");if (6 <= currentTime && currentTime < 12) {document.body.className = "morning";greeting.innerHTML = "Good Morning";}if (12 <= currentTime && currentTime < 17) {document.body.className = "afternoon";greeting.innerHTML = "Good Afternoon";}if (17 <= currentTime && currentTime < 21) {document.body.className = "evening";greeting.innerHTML = "Good Evening";}if (21 <= currentTime && currentTime < 24) {document.body.className = "night";greeting.innerHTML = "Time For Bed?";}if (0 <= currentTime && currentTime < 6) {document.body.className = "night";greeting.innerHTML = "Time For Bed?";}}function showHide() {if (document.body.scrollTop > 30 || document.documentElement.scrollTop > 30) {document.getElementById("header").className = "opacityzero";} else {document.getElementById("header").className = "opacityone";}}window.onload = function() {DisplayCurrentTime();SetTimeStyles();setInterval(function() {DisplayCurrentTime();SetTimeStyles();}, 6e4);};window.onscroll = function() {showHide();};</script></head><body><div class=background></div><div class=container><header id=header><h3 class=clock id=clock>00:00</h3><h1 class="uppercase greeting middle-align" id=greeting>Welcome</h1></header><div class=content><section class=intro><svg id=logo viewBox="0 0 129.5 26.3" xmlns=http://www.w3.org/2000/svg><title>Archie Bagnall logo</title><path class=ABfill d=M7.7.5,15,16.6H12.8l-1.8-4H4.4l-1.8,4H.4Zm0,4.8L5.2,10.9h5Z transform="translate(-0.4 -0.5)"/><path class=ABfill d=M17.9,6.5V8.6a6.4,6.4,0,0,1,1.4-1.8A2.7,2.7,0,0,1,21,6.3h.9l-.6,2.1h-.8a2.4,2.4,0,0,0-1.8.7,2.6,2.6,0,0,0-.7,1.9v5.6H15.8V6.5Z transform="translate(-0.4 -0.5)"/><path class=ABfill d=M30.1,13.5v2.4a6.3,6.3,0,0,1-3.1.9,5,5,0,0,1-3.6-1.6,5,5,0,0,1-1.6-3.6,5.2,5.2,0,0,1,1.6-3.9,5.3,5.3,0,0,1,3.9-1.5,6.5,6.5,0,0,1,2.9.7V9.4a5.6,5.6,0,0,0-3-1,3.3,3.3,0,0,0-2.3.9,2.9,2.9,0,0,0-1,2.2,3.3,3.3,0,0,0,.9,2.4,3,3,0,0,0,2.3,1A5.7,5.7,0,0,0,30.1,13.5Z transform="translate(-0.4 -0.5)"/><path class=ABfill d=M31.5.8h2.1V8.2a7.2,7.2,0,0,1,1.6-1.5,3.6,3.6,0,0,1,1.9-.5,2.9,2.9,0,0,1,2.2,1,3.3,3.3,0,0,1,.9,2.3v7H38.1V10.2a2.3,2.3,0,0,0-.5-1.5,1.6,1.6,0,0,0-1.3-.6,2.6,2.6,0,0,0-2,.9,3,3,0,0,0-.8,2.1v5.5H31.5Z transform="translate(-0.4 -0.5)"/><path class=ABfill d=M41.3,3.2a1.5,1.5,0,0,1,.5-1.1,1.6,1.6,0,0,1,1.2-.5,1.6,1.6,0,0,1,1.1.5,1.6,1.6,0,0,1,.5,1.1,1.6,1.6,0,0,1-1.6,1.6,1.6,1.6,0,0,1-1.2-.5A1.5,1.5,0,0,1,41.3,3.2Zm.6,3.3H44v10H41.9Z transform="translate(-0.4 -0.5)"/><path class=ABfill d=M55.9,12H47.3a3.4,3.4,0,0,0,1.3,2.3,3.6,3.6,0,0,0,2.2.7,3.7,3.7,0,0,0,3-1.5l1.5,1.2a5.6,5.6,0,0,1-4.7,2.3,5.1,5.1,0,0,1-3.8-1.5,5.2,5.2,0,0,1-1.5-3.8,5.1,5.1,0,0,1,1.5-3.7,5.2,5.2,0,0,1,7.4,0A5.6,5.6,0,0,1,55.9,12Zm-8.4-1.7h6.1a3.2,3.2,0,0,0-3-2.1A3.2,3.2,0,0,0,47.6,10.3Z transform="translate(-0.4 -0.5)"/><path class=ABfill d=M58.8,3.4h3a6.4,6.4,0,0,1,4.1,1.2,3.8,3.8,0,0,1,1.5,3.2A4.7,4.7,0,0,1,64.4,12a4.6,4.6,0,0,1,2.9,4.3A4.2,4.2,0,0,1,65.3,20a9.7,9.7,0,0,1-5.5,1.4H56.1Zm1,9.7-.9,6.1h.2a17.8,17.8,0,0,0,3.4-.2,3.2,3.2,0,0,0,1.7-1,2.5,2.5,0,0,0,.7-1.8,2.9,2.9,0,0,0-1-2.1,5.3,5.3,0,0,0-3.6-1Zm1.1-7.5-.8,5.3a5.8,5.8,0,0,0,3.7-.9A2.6,2.6,0,0,0,64.8,8a2,2,0,0,0-.9-1.8A6.1,6.1,0,0,0,60.9,5.6Z transform="translate(-0.4 -0.5)"/><path class=ABfill d=M78.8,10.1h2.4L79.6,21.4H77.1l.2-1.2a5.1,5.1,0,0,1-3.6,1.5,5.2,5.2,0,0,1-3.9-1.7,5.8,5.8,0,0,1-1.7-4.1,5.9,5.9,0,0,1,1.7-4.3,5.6,5.6,0,0,1,4.1-1.8,4.8,4.8,0,0,1,4.4,2.7Zm-.6,5.4a3.6,3.6,0,0,0-1.1-2.6,3.6,3.6,0,0,0-5.2.1,4.1,4.1,0,0,0-1.1,2.9,3.8,3.8,0,0,0,1,2.8,3.5,3.5,0,0,0,2.6,1.1,3.5,3.5,0,0,0,2.7-1.2A4.4,4.4,0,0,0,78.2,15.5Z transform="translate(-0.4 -0.5)"/><path class=ABfill d=M92.4,10.1h2.4L93.1,21.2a6.2,6.2,0,0,1-2.3,4,6.6,6.6,0,0,1-4.4,1.6A5.5,5.5,0,0,1,83,25.6,4.9,4.9,0,0,1,81.2,22h2.2a2.8,2.8,0,0,0,3,2.7,4.1,4.1,0,0,0,3-1.2,5.1,5.1,0,0,0,1.4-3.3,5.8,5.8,0,0,1-3.6,1.6A5.2,5.2,0,0,1,83.3,20a5.7,5.7,0,0,1-1.6-4.1,6.1,6.1,0,0,1,6.1-6.1,4.6,4.6,0,0,1,2.6.8A4,4,0,0,1,92,12.6Zm-.6,5.4a3.6,3.6,0,0,0-1.1-2.6A3.6,3.6,0,0,0,88,11.8,3.4,3.4,0,0,0,85.4,13a4.2,4.2,0,0,0-1.1,2.9,3.7,3.7,0,0,0,1.1,2.7,3.5,3.5,0,0,0,2.6,1.1,3.6,3.6,0,0,0,2.8-1.2A4.2,4.2,0,0,0,91.8,15.5Z transform="translate(-0.4 -0.5)"/><path class=ABfill d=M94.8,21.4l1.7-11.3h2.4l-.3,2a10.8,10.8,0,0,1,2.1-1.7,3.9,3.9,0,0,1,2.1-.6,3,3,0,0,1,2.2,1,3.2,3.2,0,0,1,1,2.3,3.3,3.3,0,0,1,0,.5l-1.2,7.8h-2.4l1.1-7.2a2.6,2.6,0,0,0,0-.5,2,2,0,0,0-.5-1.4,1.7,1.7,0,0,0-1.3-.5,2.9,2.9,0,0,0-2.3,1.4,7.8,7.8,0,0,0-1.4,3.6l-.7,4.7Z transform="translate(-0.4 -0.5)"/><path class=ABfill d=M117.2,10.1h2.4L118,21.4h-2.4l.2-1.2a5.2,5.2,0,0,1-3.6,1.5,5.2,5.2,0,0,1-3.9-1.7,5.8,5.8,0,0,1-1.7-4.1,5.9,5.9,0,0,1,1.7-4.3,5.6,5.6,0,0,1,4.1-1.8,4.8,4.8,0,0,1,4.4,2.7Zm-.6,5.4a3.6,3.6,0,0,0-1.1-2.6,3.6,3.6,0,0,0-5.2.1,4.1,4.1,0,0,0-1.1,2.9,3.8,3.8,0,0,0,1,2.8,3.5,3.5,0,0,0,2.6,1.1,3.5,3.5,0,0,0,2.7-1.2A4.4,4.4,0,0,0,116.6,15.5Z transform="translate(-0.4 -0.5)"/><path class=ABfill d=M122.6,2.6h2.4l-2.8,18.7h-2.4Z transform="translate(-0.4 -0.5)"/><path class=ABfill d=M127.5,2.6h2.4l-2.8,18.7h-2.4Z transform="translate(-0.4 -0.5)"/></svg><p>Lead Experience Designer at Adobe. Exploring ways that machine learning and artificial intelligence impact how and what we create.</p></section><section class=featured-work><h2 class="uppercase">Featured Work</h2><ul><li>– Read <a href=https://nextcreativewave.com target=_blank>Next Creative Wave</a></li><li>– Use the <a href=https://abagnall.github.io/DesignCalculator/ target=_blank>Design Calculator</a></li><li>– Listen to some <a href=https://archiebagnall.co.uk/songs-for/all-these-beats/ target=_blank>Songs For...</a></li></ul></section><section class=contact><h2 class="uppercase">Contact</h2><ul><li>– Send me an <a href=mailto:mail@archiebagnall.co.uk target=_blank>Email</a></li><li>– Connect with me on <a href=https://www.linkedin.com/in/archiebagnall target=_blank>LinkedIn</a></li></ul></section><section class="footer sticky"><footer><span>Archie Bagnall © <script>document.write("" +new Date().getFullYear());</script></span></footer></section></div></div></body></html>