<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<meta property="og:title" content="Noah Coffey, User Experience Designer" />
	<meta property="og:url" content="http://noahcoffey.com" />
	<meta property="og:type" content="website" />
	<meta property="og:description" content="Helping small businesses & organizations generate more business with GREAT DESIGN and DELIGHTFUL USER EXPERIENCES." />
	<meta property="og:image" content="http://noahcoffey.com/img/nstamp.png" />

    <title>Noah Coffey - User Experience, Web Design, Web Apps</title>

	<base href="/" />
    <link rel="stylesheet" href="css/foundation.css" />
    <link rel="stylesheet" href="css/screen.css" />
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="/vendor/dimsemenov/magnific-popup/dist/magnific-popup.css"> 

    <script src="js/vendor/modernizr.js"></script>
	<script src="//use.typekit.net/waj7bla.js"></script>
	<script>try{Typekit.load();}catch(e){}</script>
	

<!-- Google Tag Manager -->
<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=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KJCHQLX');</script>
<!-- End Google Tag Manager -->

  </head>
  <body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJCHQLX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    
	<div class="row" data-equalizer>

		<div class="medium-3 columns text-center header hide-for-small-only" data-equalizer-watch>
    <a href="/"><img src="img/nstamp.png" alt="Noah Coffey" /></a>
	<h1>Noah Coffey</h1>
	<h2>User Experience Designer</h2>

	<ul class="menu">
				<li><a href="/portfolio">Portfolio</a></li>
		<li><a href="/contact">Contact</a></li>
		<li><a href="/about">About</a></li>
	</ul>

	<p class="payme"><a href="http://pay.noahcoffey.com/" title="Woo hoo!">Need to pay me?</a></p>
	
</div>

<div class="medium-3 columns text-left header show-for-small-only" data-equalizer-watch>

	<a href="/"><img src="img/nstamp.png" alt="Noah Coffey" style="" /></a>
	<h1>Noah Coffey</h1>
	<h2>User Experience Designer</h2>

	<ul class="menu text-center small-block-grid-3" style="clear: left;">
				<li><a href="/portfolio">Portfolio</a></li>
		<li><a href="/contact">Contact</a></li>
		<li><a href="/about">About</a></li>
	</ul>
		
</div>
		
		<div class="medium-9 columns main" data-equalizer-watch>

			<!-- Intro -->
				
			<div class="intro">
				<p>Helping small businesses &amp; organizations <u>generate more business</u> with <strong>great design</strong> and <strong>delightful user experiences</strong>.</p>
			</div>

			<!-- Pages -->
			<div class="row hide-for-small-only">
				
				<div class="medium-12 columns">

					<ul class="small-block-grid-3 grid__main">

						<li>
							<a href="/portfolio">
							<span class="fa-stack fa-lg">
								<i class="fa fa-circle fa-stack-2x"></i>
								<i class="fa fa-laptop fa-inverse icon__work"></i>
							</span>
							
							<h3>My Portfolio</h3>
							</a>
						</li>

						<li>
							<a href="/contact">
							<span class="fa-stack fa-lg">
								<i class="fa fa-circle fa-stack-2x"></i>
								<i class="fa fa-envelope-o fa-inverse icon__contact"></i>
							</span>
						
							<h3>Contact Noah</h3>
							</a>
						</li>

						<li>
							<a href="/about">
						  	<img src="img/me.jpg" class="icon__me" />
						  	<h3>About Noah</h3>
							</a>
						</li>

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


			<!-- boxes -->
			<div class="row">	
				
				<div class="medium-12 columns box__wrapper">

					<ul class="small-block-grid-1 medium-block-grid-2">
						<li>
							<a href="/contact">
							<div class="box__status status__available">
								<div class="top">Currently</div>
								<div class="status">available for<br />new clients</div>
								<div class="bottom">Tell me about your project</div>
							</div>
							</a>
						</li>
						<li>
							<a href="/ux-review">
							<div class="box__uxreview">
								<div class="top">Get a fresh perspective with a</div>
								<div class="status">USABILITY REVIEW</div>
								<div class="about">An in-depth usability and UX review of your website or app by next week.</div>
								<div class="bottom">Learn more</div>
							</div>
							</a>
						</li>
					</ul>

				</div>
							
			</div>	


			<!-- brands -->
			<div class="row">
				
				<div class="medium-12 columns text-center">
					<div class="box__brands">
						<h3>Some awesome companies I've worked with:</h3>
						
						<ul class="small-block-grid-2 medium-block-grid-4 companies">
							<li><img src="img/logo_formstack.png" alt="Formstack" /></li>
							<li><img src="img/logo_indystar.png" alt="IndyStar" /></li>
							<li><img src="img/logo_cno.png" alt="CNO Financial Group" /></li>
							<li><img src="img/logo_clicktotweet.png" alt="ClickToTweet" /></li>
							<li><img src="img/logo_dnr.png" alt="Indiana Department of Natural Resources" /></li>
							<li><img src="img/logo_homewardbound.png" alt="Homeward Bound Indiana" /></li>
							<li><img src="img/logo_mixwest.png" alt="Mixwest" /></li>
							<li><img src="img/logo_fanbase.png" alt="FanBase CRM" /></li>
						</ul>
						
					</div>
				</div>
		
			</div>

		</div><!-- end .main -->
	</div>


<!-- <script src="https://chat.sharpen.cx/" appKey="BEF545127EDE0B19EAFDC8FF844EDBD89DED2F09ED8F9998485115099487F5092E64E7ED56CFF573"></script>
-->

<!-- <script src="https://chat.sharpen.cx" appKey="29132F80D4A36F380F6D9F90BF6B4AF740A7F38D720D24633D0DC9D7933DE2433FA3230A51785EB8"></script>
-->

<!-- <script src="http://localhost:3000/?12345" appKey="64BDC1ECDAFDE8FDE2A258550987E914DD1AE07CB6A9F96DC1F1957AEF1D8216031F38BEF57EFECB"></script>
-->

	<div class="row footer">
		
		<div class="medium-3 columns small-only-text-center">
			<p class="show-for-small-only text-center"><a href="http://pay.noahcoffey.com/" title="Woo hoo!">Need to pay me?</a></p>
			Noah Coffey<br />
			Indianapolis, IN<br />
			317-348-0572
			
		</div>
		<div class="medium-6 columns text-center small-only-text-center">
			User Experience Design &middot; Web Design &middot; Web Apps
			<div style="margin-top: 15px;opacity: 0.66;">I currently have <strong>7</strong> browser tabs open.</div>
			<div style="margin-top: 15px;opacity: 0.33;font-style: italic;">non providentia sed victoria</div>
		</div>

		<div class="medium-3 columns text-right small-only-text-center">
		Copyright &copy; 2025		</div>

	</div>		
	
	<script src="js/vendor/jquery.js"></script>
	<script src="js/foundation.min.js"></script>
	<script>
	  $(document).foundation();
	</script>

	<script src="js/scripts.js"></script>





<script src="https://chat.sharpen.cx" appKey="E5398E45553064B135574488C9873D922DBACF01531B8DDC32377B0358B955B8363F630C718FF5B2"></script>


	<!-- Magnific Popup core JS file -->
	<script src="/vendor/dimsemenov/magnific-popup/dist/jquery.magnific-popup.js"></script>

  </body>
</html>
