<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Matthew Knight - independent strategist, mental health advocate and tinkerer</title>
<meta name="description" content="Matthew Knight is a 25 year veteran of innovation, strategy and creativity.">
<meta name="author" content="Matthew Knight">
<meta property="og:title" content="Matthew Knight - Strategy & Innovation Partner" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.thinkplaymake.co/" />
<meta property="og:image" content="https://www.thinkplaymake.co/og.png" />
<meta property="og:description" content="I help businesses explore and make their future." />

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="normalize.css">

<style>
			body { background:#e6e6e6; padding-top: 45px; padding-bottom: 45px; font-family: helvetica,sans-serif; font-size: 16px; font-weight: 300 }
			div { box-sizing: border-box; }
			.container { width: 100%; padding-left: 15px; padding-right: 15px; max-width: 900px; margin: 0 auto; }
			.bg { background-image: none; background-repeat: no-repeat; background-position: center center; background-size: contain; }

			.block { margin-bottom: 50px; padding-bottom: 50px; padding-left: 50px; padding-right: 50px;  }
			.underline { border-bottom: 6px solid black; }			
			
			.listoflinks { list-style:none; padding: 0; margin: 0; }
			.listoflinks h3 { display: inline; }
			
			h1 { margin-bottom: 0; padding-bottom: 0; font-size: 55px }
			h2 { max-width: 500px; }
			h3 { margin-bottom: 0; padding-bottom: 0; font-size: 16px; }
			p { margin-top: 0; }
			
			a { color: #ff3e3e; }
			
			
			#also h2 { margin-bottom: 0; padding-bottom: 0; margin-top: 50px; }
			#also a { font-weight: 800; }
			
			
			#matthewknight { text-align: center; padding-bottom: 50px; padding-top: 50px; margin-bottom: 50px; background-image: url(beard.png); background-position: top center; background-size: 50px;  }
			@media screen and (min-width: 900px) {
				#matthewknight { text-align: left; padding-top: 0px; background-position: right 50px top;  background-size: 75px; }
			}
			
			
			#whatido h3 { font-size: 32px; }
										
			.circle { width: 320px; height: 320px; border: 4px solid black; border-radius: 50%; margin: 0 auto; text-align: center; margin-bottom: 15px;   }
			.circle .copy { max-width: 200px; }
			
			.circle.leapers { background-color: rgba(214, 255, 91, 0.2); margin-top: -530px; padding-top: 200px; }
			.circle.ynx {  }
			.circle.foxlark { background-color: rgba(255, 44, 44, 0.2) }
			.circle a { color:black; text-decoration: none; }
			
			@media screen and (max-width: 900px) {	
				.circle img { display:none; }
				.circle .copy { margin-left: 60px; }				
				.circle.ynx { margin-top: -150px; border:none; }
				.circle.leapers { margin-top: -370px; padding-top: 160px; }
				
			}
			
			@media screen and (min-width: 900px) {
				
				body { font-weight: 100 }
				#venn { transform: rotate(-90deg); margin-top: -60px; }
				.circle .copy { transform: rotate(90deg) }
				.circle .copy { margin-left: 150px; }
				.circle { width: 500px; height: 500px; }
				.circle img {  }
				.circle.foxlark { padding-top: 50px;  }
				.circle.ynx { margin-top: -250px; border:none; padding-top: 25px  }
				.circle.leapers { margin-top: -530px; padding-top: 260px;  }
				
			}


			
			.articles { display: flex; justify-content: space-between; flex-flow:row wrap; }
			.article { max-width: 450px; width: 100%; margin-right: 15px; margin-bottom: 30px; flex: 1 1 320px;  }
			.article a { text-decoration: none; }
			.article a h3 { text-decoration: underline; font-size: 130%; }
			@media screen and (max-width: 900px) {	
				.articles { display: block; }
				.article { width: 100%; max-width: 450px;  }
			
				
			}
			
			
		</style>
</head>
<body>
<div class="container">
<div id="matthewknight" class="block bg ">
<h1>Hello,<br />
I'm Matthew Knight.</h1>
<p style="font-weight: 800">I'm an independent strategist, mental health advocate and tinkerer.</p>
</div>
<style>
				.projects { text-decoration: none; color:black; min-height: 400px; display: block; margin-bottom: 0; margin-top: 0; }
				.projects .block { padding-top: 5px; margin: 0; padding-left: 65px; }
				.projects p { max-width: 400px;}
				.projects:hover h1 { text-decoration: underline; }
				.projects h1 { margin-bottom: 30px;}
				
				.projects { background-position: right center; background-size: contain; background-repeat: no-repeat}
				.projects.foxlark { background-color: #ff8484; }
				.projects.leapers { background-color: #FFFFC3; background-image:url(img/banner-leapers.png)}
				.projects.manualofme { background-color: #CCC2B3;  background-image:url(img/banner-manualofme.png)}

				@media only screen and (max-width: 600px) {
				 .projects { background-image: none !important; }
				}
				
				</style>
<div id="whatido" class="block">
<h2>
<div style="font-size: 150%">01.</div>
you might be looking<br /> for these projects of mine</h2>
</div>
</div>
<a class="container projects foxlark" href="https://foxlark.co">
<div class="block">
<h1>foxlark</h1>
<p>I help businesses like LEGO, Alva, Klarna, P&G and Accenture figure out what to do next.</p>
</div>
</a>
<a class="container projects leapers" href="https://leapers.co">
<div class="block">
<h1>Leapers</h1>
<p>I founded this award winning project supporting the mental health of the self-employed in 2017. Since then, we’ve helped over 70,000 people.</p>
</div>
</a>
<a class="container projects manualofme" href="https://my.manualof.me">
<div class="block">
<h1>Manual of Me</h1>
<p>I designed and built this platform which helps people explore and communication how to work better together.</p>
</div>
</a>
<div class="container">
<div id="also" class="underline block">
<h2>
<div style="font-size: 150%">02.</div>
i'm currently working on
</h2>
_ digital and proposition strategy for a non-profit<br />
_ proposition and brand strategy for a HR technology startup<br />
_ comms strategy for a adtech startup<br />
_ experience strategy for a leading kids brand<br />
_ running an exec leadership workshop<br />
_ customer experience mapping for a fintech<br />
_ designing a freelance talent network for an agency brand<br />
<h2>
<div style="font-size: 150%">03.</div>
i've previously been
</h2>
_ head of strategy and innovation for carat uk<br />
_ creative strategist at yarned<br />
_ interim head of digital at D&AD<br />
_ technical creative director at W+K London<br />
_ interim head of technology at endemol digital<br />
_ founder / head of technology at award winning agency de-construct<br />
_ senior developer at deepend<br />
</div>
<div id="writing" class="underline block">
<h2><div style="font-size: 150%">04.</div>
I've recently written...</h2>
<div class="articles">
<div class="article">
<a href="https://thinkplaymake.medium.com/the-great-resignation-could-be-truly-great-for-everyone-aa215626675a">
<img src="img/article-resignation.jpg" style="width: 100%; max-width: 450px; margin-bottom: 7px; border-bottom: 2px solid black;">
<h3>The great resignation could be truly great for everyone.</h3>
<p>What if, instead of treating each person who left as persona non grata, we embraced what they want to do next, and actively supported it?</p>
</a>
</div>
<div class="article">
<a href="https://medium.com/leapers/what-does-it-take-to-onboard-a-freelancer-well-b4a38978d51e">
<img src="img/article-onboard.jpg" style="width: 100%; max-width: 450px; margin-bottom: 7px; border-bottom: 2px solid black;">
<h3>What does it take to onboard a freelancer well?</h3>
<p>We’re building a boiler plate on-boarding document which you can copy and repurpose for your own business. What are the key aspects you need to consider in yours?</p>
</a>
</div>
<div class="article">
<a href="https://thinkplaymake.medium.com/communicating-your-culture-f1368f95c9aa">
<img src="img/article-cfo.jpg" style="width: 100%; max-width: 450px; margin-bottom: 7px; border-bottom: 2px solid black;">
<h3>Communicating your Culture</h3>
<p>Being Freelance Friendly includes helping freelancers onboard and get to doing good work quickly — and communication your organisational culture and ways of working upfront is a powerful tool to support this.</p>
</a>
</div>
<div class="article">
<a href="https://thinkplaymake.medium.com/good-mental-health-for-all-includes-your-freelancers-c2e64c7e5e5">
<img src="img/article-all.jpg" style="width: 100%; max-width: 450px; margin-bottom: 7px; border-bottom: 2px solid black;">
<h3>Good mental health for all includes your freelancers.</h3>
<p>As teams increasingly move towards more diverse groups, combining on-site and remote, full-time, part-time and freelancers, or with many businesses, especially in the creative sector, building their teams from almost exclusively freelance talent, what responsibility and investment is being put into your non-employees?</p>
</a>
</div>
<div class="article">
<a href="https://medium.com/leapers/mapping-the-emotional-journey-of-the-self-employed-44249d143f4a">
<img src="img/article-rollercoaster.jpg" style="width: 100%; max-width: 450px; margin-bottom: 7px; border-bottom: 2px solid black;">
<h3>Mapping the emotional journey of the self-employed.</h3>
<p>Mapping the common emotional experience helps us to identify when and where we can collectively support the mental health of the self-employed.</p>
</a>
</div>
</div>
</div>
<div id="other" class=" block">
<h2><div style="font-size: 150%">05.</div>
Other things to know.</h2>
<p style="max-width: 450px;">i'm also a dad of two, coffee nerd,
bad programmer, good listener, i can't keep
houseplants alive, eat too much ice cream,
and my favourite smell is basil.</p>
<a href="https://my.manualof.me/s/matthew" style="background: black; color: white; padding: 15px; border-radius: 15px; display: block; max-width: 400px;">Read my Manual of Me</a>
</div>
<div id="unofficehours" class="block underline">
<h2>
<div style="font-size: 150%">06.</div>
Unoffice Hours</h2>
<p>
30 minutes to chat about anything you'd like.
</p>
<p style="max-width: 400px;">
Inspired by <a href="https://davesmyth.com/unoffice-hours">Dave Smyth's post</a>, and feeling a the lack of serendipity, I've opened up my calendar to people who want to pop in and say hello.<br /><br />
No agenda, no structure, no aim - just wanting to connect.</p>
<div>


<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/thinkplaymakemeet/unoffice-hours'});return false;" style="background: black; color: white; padding: 15px; border-radius: 15px; display: block; max-width: 400px;">Book 30 minutes</a>

</div>
<div class="ring" style="margin-top: 100px">
<strong>Part of the Unoffice Hours webring</strong><br>
<a href="https://unofficehours.com/prev.html">Previous site</a> |
<a href="https://unofficehours.com/next.html">Next site</a> |
<A href="https://unofficehours.com/random.html">Random site</A> |
<a href="https://unofficehours.com">List all sites</a> |
<a href="https://unofficehours.com/join.html">Join the ring</a>
</div>
</div>
<div id="contact" class=" block">
<p><img src="coffee.png" style="width: 100px; margin-left: -30px;"></p>
<h2><div style="font-size: 150%">07.</div>
Let's have coffee.</h2>
<ol class="listoflinks">
<a href="https://leapers.co/coffee/club">I'm currently drinking</a><br />
<a href="/cdn-cgi/l/email-protection#0169646d6d6e417569686f6a716d60786c606a642f626e">Email me.</a><br />
<a href="https://linkedin.com/in/thinkplaymake">LinkedIn me.</a><br />
<a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/thinkplaymakemeet/unoffice-hours'});return false;">Schedule a Call.</a><br />
</ol>
</div>
<div id="footer" class="bg" style="padding-top: 100px; font-size: 11px; padding-left: 50px; background-image:url(beard.png); background-size: 50px; background-position: center top; ">
matthew knight trades as foxlark strategy limited.<br />
a registered company in england and wales, no. 11158823<br />
VAT GB 296 6774 34.
</div>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-25652068-6" type="dec636c1dff90151632a75bb-text/javascript"></script>
<script type="dec636c1dff90151632a75bb-text/javascript">
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());
		
		  gtag('config', 'UA-25652068-6');
		</script>
</body>
</html>
