<!DOCTYPE html>
<html>

  
 



<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="I help people build beautiful digital experiences that connect and inspire, in Chicago and around the globe.">
	<meta name="viewport" content="width=device-width initial-scale=1" />
	<title>Scott Munn</title>
	

	
		<meta property="og:description" content="I help people build beautiful digital experiences that connect and inspire, in Chicago and around the globe." />
		<meta property="og:image" content="http://scottmunn.com/assets/img/Flat_Headshot.jpg" />
		<meta property="og:locale" content="en_US" /> 
		<meta property="og:site_name" content="Scott Munn's website and portfolio" />
		<meta property="og:title" content="Scott Munn" />
		<meta property="og:url" content="http://scottmunn.com/" />
		
		
		<meta property="og:type" content="website" />
		

	
	<link rel="icon" type="image/png" href="/assets/img/illustrated_headshot.png">
	<link rel="stylesheet" href="/assets/main.css?version=2">
	<link rel="canonical" href="http://scottmunn.com/">
	<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
	<link rel="alternate" type="application/rss+xml"  title="RSS Feed for Scott Munn's blog"  href="http://feeds.feedburner.com/scottmunn/site" />  
	
	
	<link rel="apple-touch-icon" href="/assets/icons/apple-touch-icon-precomposed.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/assets/icons/apple-touch-icon-60x60-precomposed.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/assets/icons/apple-touch-icon-72x72-precomposed.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/assets/icons/apple-touch-icon-76x76-precomposed.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/assets/icons/apple-touch-icon-114x114-precomposed.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/assets/icons/apple-touch-icon-120x120-precomposed.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/assets/icons/apple-touch-icon-144x144-precomposed.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/assets/icons/apple-touch-icon-152x152-precomposed.png">
	
	<script>

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-5786036-3', 'auto');
  ga('send', 'pageview');

</script>

	<script src="//code.jquery.com/jquery-latest.min.js "></script>
	<script type="text/javascript" src="/assets/vendor/riveted.min.js"></script>
	<script type="text/javascript" src="/assets/vendor/jquery.scrolldepth.min.js"></script>
	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
    
	
	

	
	<script type="text/javascript" src="/assets/js/parallax.js"></script>
	<script type="text/javascript" src="/assets/sm2014.js?version=2"></script>
	<script type="text/javascript" src="/assets/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52f550306aa28c76" async="async"></script>
	<script type="text/javascript" src="/assets/vendor/animated_headers/bokeh.js"></script>
	

</head>

  <body id="">
  	<div id="current-page">

	    <a name="top"></a>
<hgroup class="  " style="">
	<header class="site-header">
		<div class="constrain row-fluid">
			<div id="name-container">
				<h1 id="name" class="title bold-first-word"><a class="site-title" href="/"><strong>SCOTT</strong> MUNN</a></h1>
			</div>
		
			<div id="nav-container">
				<nav class="site-nav">
					<div class="trigger"><nav class="navbar" role="navigation">
	<div class="navbar-header">
		<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mobile-nav">
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>
	</div>
	
	<div class="collapse navbar-collapse" id="mobile-nav">
		<ul class="nav navbar-nav">
			
			<li><a class="page-link link-portfolio " href="/portfolio"><strong>WEB</strong> PORTFOLIO</a></li>
			<li><a class="page-link link-dj " href="/dj"><strong>DJ</strong> MIXES</a></li>
			<li><a class="page-link link-blog " href="/blog"><strong>BLOG</strong> ARTICLES</a></li>
		</ul>
	</div>
</nav></div>
				</nav>
			</div>
		</div>
	</header>
	
	
	
	
</hgroup>

	
	    <div class="page-content">
	      <div class="wrapper">
	        <div class="home" data-page-id="home">
	<div class="row-fluid constrain">
		<div class="col-sm-5 col-md-5">
			<img id="headshot" src="assets/img/Flat_Headshot.jpg" />
		</div>
		<div class="col-sm-7 col-md-7" id="homepage_text">
			<h1 id="name" class="title bold-first-word">Web <strong>master.</strong></h1>
			<span id="statement" class="accent-color">I help people build beautiful digital experiences that connect and inspire, in Chicago and around the globe.</span>
			
		</div>
	</div>
	
	
	
	<div class="constrain">
		</div><!-- end constrain -->
<link rel="stylesheet" href="/assets/vendor/animated_headers/component.css" media="screen, print" />
<section id="in_my_own_words">
	
	<div class="constrain">
		<div class="row-fluid">
			<div class="col-md-6 col-sm-6">
				<h3>In my own words</h3>
			</div>
		</div>
		<div class="row-fluid" id="bio_text">
			<div class="col-md-6 col-sm-6">
				<p>I’m Scott, a software developer who finds himself preoccupied with technology, mindful living, and dreams of making an impact on the world.</p>
				
				<p>I received a Bachelor of Arts in Creative Writing from Western Michigan University. While I rarely discuss it, my interest in technology carries over into writing, as I have been writing a science fiction novel series since college.  <em>The New Arbiter</em> is a trilogy where I imagine the consequences of a future where technology holds a larger part of people's lives than it already does. </p>
							</div>			

			<div class="col-md-6 col-sm-6">
				<p>Currently, I am an Associate Director of Development for VSA Partners, a branding and design marketing agency based in Chicago. Previously, I’ve been a lead developer for a startup, rubbed ears with Mickey at Walt Disney World, and built so many websites that I hardly remember. I am also on the Chicago committee for <a href="http://startout.org" target='startout'>StartOut</a>.</p>

				<p>As a software developer, I make websites and apps, and I'm entirely self-taught. I started at the age of 13, and have been learning ever since. I consider this a distinct advantage; in the world of development, new techniques and technologies come out every year, and the ability to learn something quickly has always come naturally to me.</p>
				
			</div>
						
						
			
			<div class="clear"></div>
			
		</div>
		
	</div>
</section>




<div class="constrain">



		



<section id="vital_statistics">
	<div class="row-fluid">
		<div class="row-md-12">
			<h3>About Scott</h3>

			

			<div class="row-fluid">
			
				<div class="vital-item col-sm-4 col-md-4">
					<span class="icon icon-rounded-bg">
						
							<i class="fa fa-building"></i>
						
					</span>
					<h5 class="item-title short"><strong>Chicago</strong>, IL</h5>
					<h6 class="item-subtitle">Globally connected, locally rooted</h6>
					<p class="item-text">I've lived in Michigan, Florida, New York but have stayed in Chicago since 2009. But I've worked with teams across the globe.</p>
				</div>
				
				
			
				<div class="vital-item col-sm-4 col-md-4">
					<span class="icon icon-rounded-bg">
						 
							<img src="/assets/img/logo_vsa.png" />
						
					</span>
					<h5 class="item-title "><strong>Associate Director</strong>, Development</h5>
					<h6 class="item-subtitle">VSA Partners</h6>
					<p class="item-text">VSA Partners designs and activates brands to outperform in the modern world. I produce digital experiences for Fortune 50 clients, representing development on a cross-disciplinary team.</p>
				</div>
				
				
			
				<div class="vital-item col-sm-4 col-md-4">
					<span class="icon icon-rounded-bg">
						
							<i class="fa fa-lightbulb-o"></i>
						
					</span>
					<h5 class="item-title "><strong>Self-Taught</strong> Web Developer</h5>
					<h6 class="item-subtitle">Teach a man to fish...</h6>
					<p class="item-text">I taught myself HTML at 13 years old, and have been growing my skills by my own accord ever since.  A lifetime of self-learning is a skill in itself, enabling me to learn new technologies with great skill.</p>
				</div>
				 </div><div class="row-fluid"> 
				
			
				<div class="vital-item col-sm-4 col-md-4">
					<span class="icon icon-rounded-bg">
						 
							<img src="/assets/img/logo_wmu.png" />
						
					</span>
					<h5 class="item-title short"><strong>Creative Writing</strong>, B.A.</h5>
					<h6 class="item-subtitle">Western Michigan University</h6>
					<p class="item-text">Even though I didn't pursue a career in fiction writing, I still use my education every day. Whereas a creative writer writes for people, I just happen to write for machines these days.</p>
				</div>
				
				
			
				<div class="vital-item col-sm-4 col-md-4">
					<span class="icon icon-rounded-bg">
						
							<i class="fa fa-trophy"></i>
						
					</span>
					<h5 class="item-title "><strong>Award-Nominated</strong> Developer</h5>
					<h6 class="item-subtitle">Webby Awards (2), Communicator Award (1)</h6>
					<p class="item-text">My work has received nods from the internationally recognized Webby and Communicator awards.</p>
				</div>
				
				
			
				<div class="vital-item col-sm-4 col-md-4">
					<span class="icon icon-rounded-bg">
						
							<i class="fa fa-star"></i>
						
					</span>
					<h5 class="item-title short"><strong>Constantly</strong> Busy</h5>
					<h6 class="item-subtitle">Working hard, no matter where it is</h6>
					<p class="item-text">When I'm not working, my time is occupied with numerous side projects, weight lifting, reading industry needs, playing video games, or walking my dog, Hobbes. I've also studied at Second City.</p>
				</div>
				
				
			
		</div>
	</div>
</section>
<div class="clear"></div>
		
		<section id="principles_hexagon" class="animated_principles">
	<div class="row-fluid constrain">
		<div class="row-md-12">
			<h3 class="bold-first-word"><strong>Principles I</strong> live by</h3>
		</div>
	</div>
	<div id="hexagon_container" class="constrain row">
			<div class="col-sm-6 col-md-6 col-lg-6">
				<div id="polygon"> 
					<div id="active_item">
						<i class="fa"></i>
					</div>
					
						
		
					<div class="row-fluid principle-item principle-item-1">
						<i class="fa fa-users"></i>
						<h4>You are the average of the 5 people closest to you</h4>
						<p>Who you spend your time with determines a lot about your life.  You can’t help but seek their validation and acceptance.  Their morals define what they believe in, and in effect, the type of acceptance you seek from them.  Choose these people well.</p>
						
						
		
					</div>
					
						
		
					<div class="row-fluid principle-item principle-item-2">
						<i class="fa fa-bullhorn"></i>
						<h4>Be willing to be misunderstood</h4>
						<p>Innovation requires breaking the rules, and breaking the rules is too often met with derision and confusion. If you believe in it and know it's right, then be willing to be misunderstood. Don't wait for others to catch up.</p>
						
						
		
					</div>
					
						
		
					<div class="row-fluid principle-item principle-item-3">
						<i class="fa fa-leaf"></i>
						<h4>Weed your garden</h4>
						<p>A teacher once told me that the only way to get a garden full of flowers it to weed out the bad stuff first.  This holds true in life as well - the activities and hobbies you choose, the people you include in your life - you must identify the weeds and root them out to let everything else have a chance to bloom.</p>
						
						
		
					</div>
					
						
		
					<div class="row-fluid principle-item principle-item-4">
						<i class="fa fa-star"></i>
						<h4>Greatness breeds greatness</h4>
						<p>It's important to surround yourself by those who inspire you, and make you better. You are the average of the 5 people closest to you, so choose wisely.</p>
						
						
		
					</div>
					
						
		
					<div class="row-fluid principle-item principle-item-5">
						<i class="fa fa-bomb"></i>
						<h4>Evolve or evaporate</h4>
						<p>Keep growing, keep building your skills and finding the things you can do now that you couldn’t before. Keep yourself moving, or else the world will pass by you.</p>
						
						
		
					</div>
					
						
		
					<div class="row-fluid principle-item principle-item-6">
						<i class="fa fa-paw"></i>
						<h4>Remember who matters</h4>
						<p>Especially in this social media driven world, it’s easy to get caught up in the majority opinion. It’s important to never change yourself except for your own sake, or the very select few people whose opinion truly matter.</p>
						
						
		
					</div>
					
				</div>
			</div>
			
			<div id="principles_display" class="col-sm-6 col-md-6 col-lg-6">
				<h4><!-- Lorem ipsum --></h4>
				<p><!-- Lorem ipsum dolor sit --></p>
			</div>
			
		</div>
	</div>
	</div>
</section>
	</div>


	<div id="page_launchpad" clasas="constrain">
		 
		 
		 
		
		
	
		<div class="row constrain">
			<div class="col-md-12">
				<h3>Learn more</h3>
			</div>
		</div>

		<div class="row col3-set">
			<div class="col-1">
				
				
				
				
				


	
	 







<header class="post-header cover reverse reverse " id="effect-container" style="background-image:url(/assets/img/headers/mountain_reflection_header.jpg); height:300px;   ">

	
	
	
	
		    
				<h1 class="post-title">
				
				Web Portfolio
				
				
				</h1>
			
				<div class="post-subtitle">
					
					<p class="center">Self-taught since 13, I find great enjoyment in bringing businesses and individuals online. I look for new ways to augment and improve life through technology and design.</p>
				</div>
			
			
				<a href="/portfolio" class="post-cta">Learn more</a>
			
				
			

			
	
  </header>



			</div>
			<div class="col-2">
				
				
				
				
				


	
	 







<header class="post-header cover reverse reverse " id="effect-container" style="background-image:url(/assets/img/headers/shooting_star_header.jpg); height:300px;   ">

	
	
	
	
		    
				<h1 class="post-title">
				
				DJ Mixes
				
				
				</h1>
			
				<div class="post-subtitle">
					
					<p class="center">A former nightclub DJ, I've performed for Google and countless dancing individuals. While I no longer pursue DJing as a career, I still enjoy making EDM-style podcasts.</p>
				</div>
			
			
				<a href="/dj" class="post-cta">Learn more</a>
			
				
			

			
	
  </header>



			</div>
			<div class="col-3">
				
				
				
				
				


	
	 







<header class="post-header cover reverse reverse " id="effect-container" style="background-image:url(/assets/img/headers/desert_road_header.jpg); height:300px;   ">

	
	
	
	
		    
				<h1 class="post-title">
				
				Blog
				
				
				</h1>
			
				<div class="post-subtitle">
					
					<p class="center">I write about the topic areas that interest me in the realms of web development, psychology and mindful living, advice, and reflections.</p>
				</div>
			
			
				<a href="/blog" class="post-cta">Learn more</a>
			
				
			

			
	
  </header>



			</div>
		</div>
		
	</div>

	
	<div class="clear"></div>

	
	
	
</div>







	      </div>
	    </div>
	
		
	
	


<footer class="site-footer reverse " style="height: ">
	<div class="row-fluid constrain">
		<div class="col-md-5 col-sm-5">
		      <ul id="home_social_media" class="horizontal">
    
      <li>
          <a class="social-media-link fa fa-facebook-square" href="http://facebook.com/scottmunn" target="sm-facebook"><span class="hide-text">Facebook</span></a>
      </li>
    
      <li>
          <a class="social-media-link fa fa-github-square" href="http://github.com/scottmunn" target="sm-github"><span class="hide-text">Github</span></a>
      </li>
    
      <li>
          <a class="social-media-link fa fa-linkedin-square" href="http://linkedin.com/in/scottdanielmunn" target="sm-linkedin"><span class="hide-text">Linkedin</span></a>
      </li>
    
      <li>
          <a class="social-media-link fa fa-twitter-square" href="http://twitter.com/scottmunn" target="sm-twitter"><span class="hide-text">Twitter</span></a>
      </li>
    
      <li>
          <a class="social-media-link fa fa-instagram" href="http://instagram.com/cloudscott" target="sm-instagram"><span class="hide-text">Instagram</span></a>
      </li>
    
  </ul>
			<p class="text">I help people build beautiful digital experiences that connect and inspire, in Chicago and around the globe.</p>
		    <div id="copyright">Scott Munn &copy; 15</div>
		</div>
		<div class="col-md-7 col-sm-7">
			<a id="backToTop" class="pull-right" href="#top">Back to top</a>
		</div>
	</div> 
	<div class="clear"></div>

	

</footer>

<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NKXGM8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NKXGM8');</script>
<!-- End Google Tag Manager -->



  	</div>
  	
  	<div id="incoming-page"></div>
</body>

</html>
<!-- aws www -->