<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Philip Rawson  &middot;  Full-Stack Designer and Web Developer · Jamstack · Shopify · WordPress</title>
<meta charset="UTF-8" />
<meta name="description" content="With every project I hope to build a lasting, positive impact for the customers, missions and bottom lines of my clients. The processes I have in place ensure a flexible and fast style of design and development while maintaining focus on the overarching business goals.">
<meta property="og:type" content="website" />
<meta property="og:title" content="Philip Rawson" />
<meta property="og:url" content="https://www.philiprawson.com/" />
<meta property="og:site_name" content="Philip Rawson" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Philip Rawson" />
<meta name="msapplication-TileImage" content="/img/pr-logo-mark-transparent-153x153px.jpg" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://www.philiprawson.com/" />
<link rel="favicon" type="image/x-icon" href="/img/pr-logo-mark-transparent-153x153px.jpg">
<link rel="icon" href="/img/pr-logo-mark-transparent-153x153px.jpg" sizes="32x32" />
<link rel="icon" href="/img/pr-logo-mark-transparent-153x153px.jpg" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="/img/pr-logo-mark-transparent-153x153px.jpg" />
<link rel="stylesheet" type="text/css" href="/css/pr-min.css" async>
<link rel="stylesheet" type="text/css" href="/css/forms-min.css" async>
<!--[if lte IE 8]>
	    <link rel="stylesheet" href="/css/grids-responsive-old-ie-min.css" async>
	<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="/css/grids-responsive-min.css" async>
<!--<![endif]-->
<link rel="stylesheet" type="text/css" href="/css/pr-mods.css" async>

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-37235445-1"></script>
<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());

		gtag('config', 'UA-37235445-1');
	</script>
<script type="text/javascript" async defer>
    window.heap=window.heap||[],heap.load=function(e,z,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");z=z||(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";a.type="text/javascript",a.async=!0,a.src=z;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
    heap.load("3414439857", "/js/heap-3414439857.js");
	</script>
<script>
	window['_fs_debug'] = false;
	window['_fs_host'] = 'fullstory.com';
	window['_fs_script'] = 'edge.fullstory.com/s/fs.js';
	window['_fs_org'] = 'R6023';
	window['_fs_namespace'] = 'FS';
	(function(m,n,e,t,l,o,g,y){
		if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;}
		g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[];
		o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_script;
		y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);
		g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)};
		g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)};
		g.log = function(a,b) { g("log", [a,b]) };
		g.consent=function(a){g("consent",!arguments.length||a)};
		g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
		g.clearUserCookie=function(){};
	})(window,document,window['_fs_namespace'],'script','user');
	</script>
</head>
<body>
<article id="layout" class="pr-g" role="main">
<section class="row">
<div class="col-wrapper">
<div class="sidebar pr-u-1 pr-u-md-1-4">
<header>
<img class="pr-img" src="/img/pr-logo-text-transparent-427x153px.png" alt="Philip Rawson Logo (A calligraphic letter R filled with a gradient of blues, violets, and oranges)" title="Philip Rawson" width="220px" height="79px">
</header>
</div>
<div class="pr-u-1 pr-u-md-3-4">
<div class="content">
<h2>Hey there&nbsp; 👋</h2>
<p>I’m a full-stack designer and developer creating exceptional digital experiences on the web.</p>
<p>With every project I hope to build a lasting, positive impact for the customers, missions and bottom lines of my clients. The processes I have in place ensure a flexible and fast style of design and development while maintaining focus on the overarching business goals. After all, a beautifully designed graphic or web page is only part of the puzzle.</p>
<p>My best work is built on the Jamstack. We're talking React, Next.js, JavaScript, HTML, CSS (❤️ Tailwind), SVG Lottie animation and GSAP. I make sure the admin and authoring experience is just as simple, powerful and engaging as your website's UX. I exceed expectations by delivering customized headless CMS setups from the likes of Strapi, Sanity, Shopify and WordPress via REST and GraphQL APIs. All of this is followed up with a healthy dose of technical on-page SEO, image optimization, mobile and tablet responsive UI design, CDN caching, edge functions, static site generation (and more) to keep things running fast, lean and secure.</p>
<p>If you're looking to take your business to the next level, <a href="#connect" title="Send Philip a message">request a free 30 minute consult</a> and discuss your goals for 2023 and beyond. If I'm not the best person for the job, I'll try my best to point you in the right direction.</p>
</div>
</div>
</div>
</section>
<section id="slider1" class="row">
<div class="slider-container1">
<div class="sliding-background1"></div>
</div>
</section>
<section id="slider2" class="row">
<div class="slider-container2">
<div class="sliding-background2"></div>
</div>
</section>
<section id="connect" class="row">
<div class="col-wrapper">
<div class="sidebar pr-u-1 pr-u-md-1-4">
<header>
<h1>Connect</h1>
</header>
</div>
<div class="pr-u-1 pr-u-md-3-4">
<div class="content">
<h2>Send a message&nbsp; 💬</h2>
<p>Reach out to request a free consult, kick off a new project, or ask questions. Anything on your mind is fair game.</p>
<form class="pr-form pr-form-stacked" action="/mail.php" method="post">
<fieldset>
<div class="pr-g">
<div class="pr-u-1 pr-u-md-1-2">
<label for="first-name">First Name*</label>
<input id="first-name" name="firstName" class="pr-u-23-24" type="text" required>
</div>
<div class="pr-u-1 pr-u-md-1-2">
<label for="last-name">Last Name</label>
<input id="last-name" name="lastName" class="pr-u-23-24" type="text">
</div>
</div>
<hr>
<div class="pr-g">
<div class="pr-u-1 pr-u-md-1">
<label for="email">Email Address*</label>
<input id="email" name="emailAddress" class="pr-u-23-24" type="email" required>
</div>
</div>
<hr>
<div class="pr-g">
<div class="pr-u-1 pr-u-md-1-2">
<label for="company-organization">Company/Organization</label>
<input id="company-organization" name="companyOrganization" class="pr-u-23-24" type="text">
</div>
 <div class="pr-u-1 pr-u-md-1-2">
<label for="phone-number">Phone Number</label>
<input id="phone-number" name="phoneNumber" class="pr-u-23-24" type="tel">
</div>
</div>
<hr>
<div class="pr-g">
<div class="pr-u-1">
<label for="message">Message</label>
<textarea id="message" name="message" class="pr-u-23-24" rows="6"></textarea>
</div>
</div>
<input type="hidden" id="page-ref-title" name="pageRefTitle" value="Home">
<input type="hidden" id="page-ref-url" name="pageRefURL" value="/">
<button type="submit" class="pr-button">Send Message</button>
</fieldset>
</form>
</div>
</div>
</div>
</section>
<section class="row" style="background: #fff;">
<div class="pr-menu pr-menu-horizontal">
<ul>
<li class="pr-menu-item"><a href="/" class="pr-menu-link hover-fade"><img class="pr-img" src="/img/pr-logo-mark-transparent-153x153px.jpg" alt="Philip Rawson Logo (A calligraphic letter R filled with a gradient of blues, violets, and oranges)" title="Philip Rawson" width="153px" height="153px"></a></li>
</ul>
<ul>
<li class="pr-menu-item">&copy; 2022 PhilipRawson.com</li>
</ul>
</div>
</section>
<footer class="footer pr-u-1">
</footer>
</article>
</body>
</html>