<!--


                                                                                    
                                                                               .MMMMMMMMMMMMD 
                                                                             MMMMMMMMMMMMMMMMMMD
                                                                           DMMMMMMMMMMMMMMMMMMMMM+ 
                                                                          MMMMMMMMMMMMMMMMMMMMMMMMM.
                                                                        ,MMMMMMMMN        ,MMMMMMMMM.
                                                                       .MMMMMMM8             MMMMMMMM 
                                                                      .MMMMMMM                ?MMMMMMM 
                                                                      +MMMMMM:      ~MMM.      ?MMMMMM 
                                                                      MMMMMMM     ,MMMMMMM      MMMMMMZ
      :MMMMM..MMMMMMMMMM.ZMMMMMMM ..MMMMMN...MMMMMMMMM.. IMMMMM,      MMMMMM=     MMMMMMMMM     MMMMMMM 
     8M...,MM     MN     ZM.       ZM    IM=    ZM     :MM.    MM.    MMMMMM      MMMMMMMMM     MMMMMMM
     MM           MN     ZM.       ZM     MM    ZM     MD       MM    MMMMMM      MMMMMMMMI     MMMMMMN
      MMMM+       MN     ZMMMMMMM  ZM  .+MM     ZM    ?M       .=M    MMMMMM        MMMMM       MMMMMM=
          NMM     MN     ZM.       ZMII7~       ZM    +M        IM    MMMMMM                   MMMMMMM 
     ..   . M     MN     ZM.       ZM           ZM     MN      .MM.   MMMMMM                 ,MMMMMMM+                  
     DM,  .MM     MN     ZM.       ZM           ZM      MM,   IMN     MMMMMM                MMMMMMMM$                   
      .MMMM .     8Z     ZMMMMMMM. ZM           ZM.      .8MMM+.      MMMMMM    =..  ...:MMMMMMMMMM8                    
                                                                      MMMMMM    DMMMMMMMMMMMMMMMMM                      
                                                                      MMMMMM    DMMMMMMMMMMMMMMMO                       
                                                       ,NMMMMMMMMM    MMMMMM    DMMMMMMMMMMMMM+                         
                                                    MMMMMMMMMMMMMM              DMMMMMMMMN,                             
                                                 IMMMMMMMMMMMMMMMM                                                      
                                                MMMMMMMMMMMMMMMMMM                                                      
                                              ~MMMMMMMMMM:.           MMMMMM      :MMMM      ,MMMMN.    MM.     ?M      
                                             .MMMMMMMM..              MMMMMM     MM    MZ  .MM    ,MM   MMM     ?M      
                                            .MMMMMMM.                 MMMMMM     M8        M$       MM  MNZM    ?M      
                                           .NMMMMMM.                  MMMMMM     ,MMM+    ZM        $M  MM..M:  ?M      
                                            MMMMMMO      $MMMMM       MMMMMM         DMM, $M        $M  MM   MN.?M      
                                           ~MMMMMM.     MMMMMMMM:     MMMMMM           MM  M8       MM  MM    MM?M      
                                           IMMMMMM     ,MMMMMMMMM    .MMMMMM    .MN.  ,MZ  .MM    +MD   MM     NMM      
                                           ?MMMMMM     .MMMMMMMM8    .MMMMMM      $MMMM      ~MMMM8     MM      ZM      
                                           ,MMMMMM      .MMMMMMM     ?MMMMMM                                            
                                            MMMMMMM       :MMD      .MMMMMMM                                            
                                            ~MMMMMMM..             .MMMMMMM                                             
                                             MMMMMMMM,.           ?MMMMMMM?                                             
                                              MMMMMMMMM~       .DMMMMMMMM7                                              
                                               IMMMMMMMMMMMMMMMMMMMMMMMM,                                               
                                                 MMMMMMMMMMMMMMMMMMMMMM                                                 
                                                  ,MMMMMMMMMMMMMMMMMM.                                                  
                                                     .MMMMMMMMMMMM                                                      

-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>Web & Graphic Design for Crayford Mews</title>
  <meta name="description" content="Web & Graphic Design for Crayford Mews by Stepto & Son Design" />
  <link rel="shortcut icon" type="image/x-icon" href="https://www.steptoandson.co.uk/favicon.gif"> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, user-scalable=yes">
  <meta name="google-site-verification" content="XPAYEgYu0V4VPGm5ZGafLQtt9VsvlctbdkhF5l7CJ6s" />
  <link rel="author" href="https://plus.google.com/110722241081381542287">   <link type="text/css" rel="stylesheet" href="https://fast.fonts.com/cssapi/5af93bdc-9661-4829-a235-713bb6b934ab.css"/>
  <link rel="stylesheet" href="https://www.steptoandson.co.uk/styles.css">
  <!--[if lt IE 9]><script src="https://www.steptoandson.co.uk/js/html5.js" type="text/javascript"></script><![endif]-->
  <link rel='stylesheet' id='contact-form-7-css'  href='http://www.steptoandson.co.uk/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.4.1' type='text/css' media='all' />
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=3.5.1'></script>
  <script src="https://www.steptoandson.co.uk/js/stepto.js" type="text/javascript" charset="utf-8"></script>
</head>

<body class="single single-project">
    <div id="wrap">
    <div id="primary" class="old">
      <div id="content">
         		 <div class="entry-content">
		   <div id="attachment_840" class="wp-caption alignnone"><img class=" wp-image-840" alt="crayford mews responsive website" src="https://www.steptoandson.co.uk/images/crayford-mews-responsive-website.jpg" width="1024" height="1765" /><p class="wp-caption-text">Responsive Website</p></div>
<div id="attachment_839" class="wp-caption alignnone"><img class=" wp-image-839" alt="crayford mews property brochure" src="https://www.steptoandson.co.uk/images/crayford-mews-brochure-spread.jpg" width="1024" height="1756" /><p class="wp-caption-text">Property Brochure</p></div>
<div id="attachment_842" class="wp-caption alignnone"><img class="size-full wp-image-842" alt="And local posters" src="https://www.steptoandson.co.uk/images/property-development-poster.jpg" width="1024" height="768" /><p class="wp-caption-text">And local posters</p></div>
<p>&nbsp;</p>
		   <div class="to-the-next-project"><a href="https://www.steptoandson.co.uk/work/examples/caliburn-living/" rel="next">Next Project</a> <a class="link-to-work" href="../../" title="back to featured work">Featured Work</a> <a href="https://www.steptoandson.co.uk/work/examples/baker-and-chase/" rel="prev">Previous Project</a></div>
		 </div>
		
	  </div><!-- end of #content --> 	
    </div><!-- end of #primary --> 	

    <div id="secondary" class="widget-area" role="complementary">
      <h1 title="Web & Graphic Design project for Crayford Mews">Crayford Mews</h1>
	 <div class="example-details">
	    <h3 title="Web & Graphic Design brief">Brief</h3>
          <ul>
            <li>Crayford Mews is an exciting new-build property development in North London. Stepto & Son were commissioned to design a visual identity for this new project and create an eye-catching printed brochure and responsive website. The logo was designed to celebrate the unique curved roof design that sets this mews apart.</li>
        </ul>
			
			
	    <div class="promptsticky"></div>	
	    <ul class="promptlinks">
		   <li><a href="http://www.crayfordmews.co.uk">View the website</a></li>		  
		  
		  <li><a href="../../../contact?project=Web+%26+Graphic+Design project for Crayford Mews">Enquire about this project</a></li>
		  <li class="to-the-next-project"><a href="https://www.steptoandson.co.uk/work/examples/caliburn-living/" rel="next">Next Project</a> <a class="link-to-work" href="../../"  title="back to featured work">Featured Work</a> <a href="https://www.steptoandson.co.uk/work/examples/baker-and-chase/" rel="prev">Previous Project</a></li>
		  <li class="pin-it-btn-wrapper"><a href="javascript:void(0)" class="pin-it-btn" title="Pin It on Pinterest">Pin it</a></li>
		</ul>
	</div>
</div><!-- end of #secondary -->


<script>
	

jQuery(document).ready(function($) {

   jQuery(".single-project .entry-content img").addClass("pin-it-btn");
    //Set pin-it button click logic
    jQuery(".pin-it-btn").click(function(event) {
        event.preventDefault();
        //Use jQuery function to retrieve and execute JavaScript from Pinterest
    jQuery.getScript("https://assets.pinterest.com/js/pinmarklet.js?r=" + Math.random()*99999999);
    });


});

</script>

  <div class="clear"></div> 
</div><!-- end of #wrap --> 	
<div id="credits">
	  <aside id="nav_menu-3" class="widget widget_nav_menu"><div class="menu-mobile-container"><ul id="menu-mobile" class="menu"><li id="menu-item-80" class="menu-item-80"><a href="https://www.steptoandson.co.uk/work/">Work</a></li>
<li id="menu-item-79" class="menu-item-79"><a href="https://www.steptoandson.co.uk/contact/">Contact Us</a></li>
<li id="menu-item-959" class="menu-item-959"><a href="tel:02077223228">020 7722 3228</a></li>
<li id="menu-item-84" class="menu-item-84"><a href="#">©2019 Stepto &#038; Son Design</a></li>
</ul></div></aside></div><!-- end of #credits --> 	
<div id="footer">
  <nav id="access">
    <aside id="nav_menu-4" class="widget widget_nav_menu"><div class="menu-main-container"><ul id="menu-main" class="menu"><li id="menu-item-258" class="menu-item-258"><a href="https://www.steptoandson.co.uk/">Home</a></li>
<li id="menu-item-74" class="menu-item-74"><a href="https://www.steptoandson.co.uk/work/">Work</a></li>
<li id="menu-item-73" class="menu-item-73"><a href="https://www.steptoandson.co.uk/contact/">Contact</a></li>
<li id="menu-item-958" class="menu-item-958"><a href="tel:02077223228">020 7722 3228</a></li>
</ul></div></aside>  </nav>	
</div><!-- end of #footer -->
<div class="logo" alt="home" title="home"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
	 width="100%" height="100%" viewBox="0 -10 210 210" enable-background="new 0 0 210 210" xml:space="preserve">
	
<g>
	<g> <circle id="bgcircle" cx="100" cy="100" r="100";"/>
		<path d="M31.541,93.049c-2.544,0-5.133-1.126-5.566-3.687c0.413-0.13,1.306-0.369,1.854-0.456c0.023,0,0.023,0.064,0.048,0.087
			c0.548,1.648,1.968,2.298,3.78,2.298c1.741,0,3.345-0.867,3.345-2.667c0-3.991-8.662-1.669-8.662-7.242
			c0-2.733,2.727-4.21,5.339-4.21c2.109,0,4.882,0.933,5.201,3.212c-0.665,0.216-1.282,0.369-1.947,0.498
			c-0.459-1.387-1.647-1.974-3.209-1.974c-1.578,0-3.274,0.805-3.274,2.495c0,3.774,8.683,1.407,8.683,7.156
			C37.132,91.573,34.43,93.049,31.541,93.049z" fill="#fff"/>
		<path d="M45.898,92.724h-1.972V79.169h-5.201v-1.691H51.1v1.691h-5.201V92.724z" fill="#fff"/>
		<path d="M53.942,92.724V77.478H64.28v1.714h-8.252v4.9h7.4v1.691h-7.4v5.249h8.434v1.692H53.942z" fill="#fff"/>
		<path d="M72.657,86.348c-1.079,0.022-2.154,0-3.14,0v6.375h-2.086V77.478h5.521c3.026,0,5.544,1.236,5.544,4.38
			C78.497,85.134,75.632,86.261,72.657,86.348z M72.747,79.192h-3.229v5.442h3.022c2.017,0,3.826-0.564,3.826-2.775
			C76.366,79.819,74.602,79.192,72.747,79.192z" fill="#fff"/>
		<path d="M87.28,92.724H85.31V79.169h-5.201v-1.691h12.374v1.691H87.28V92.724z" fill="#fff"/>
		<path d="M93.231,85.11c0-4.357,3.046-7.938,7.858-7.938c4.857,0,7.948,3.494,7.948,7.938c0,4.403-3.112,7.938-7.902,7.938
			C96.323,93.049,93.231,89.492,93.231,85.11z M95.269,85.11c0,3.428,2.202,6.181,5.888,6.181c3.69,0,5.869-2.775,5.869-6.181
			c0-3.424-2.179-6.202-5.89-6.202C97.471,78.908,95.269,81.728,95.269,85.11z" fill="#fff"/>
		<path d="M94.919,120.517c0.026-3.369,2.779-6.079,6.149-6.054c3.371,0.028,6.079,2.783,6.053,6.153
			c-0.026,3.366-2.779,6.079-6.15,6.054C97.6,126.643,94.891,123.889,94.919,120.517z" fill="#fff"/>
		<circle id="lonecircle" cx="136.418" cy="79.46" r="6.101" fill="#fff"/>
		<g>
			<path d="M134.269,122.712c-2.542,0-5.131-1.127-5.568-3.688c0.413-0.13,1.31-0.368,1.857-0.455c0.024,0,0.024,0.063,0.045,0.087
				c0.552,1.648,1.971,2.297,3.781,2.297c1.74,0,3.346-0.866,3.346-2.666c0-3.99-8.661-1.671-8.661-7.243
				c0-2.732,2.726-4.208,5.339-4.208c2.106,0,4.88,0.933,5.2,3.211c-0.665,0.216-1.282,0.367-1.947,0.497
				c-0.459-1.389-1.65-1.973-3.209-1.973c-1.581,0-3.276,0.801-3.276,2.494c0,3.772,8.686,1.408,8.686,7.157
				C139.86,121.237,137.157,122.712,134.269,122.712z" fill="#fff"/>
			<path d="M141.946,114.774c0-4.36,3.046-7.938,7.857-7.938c4.856,0,7.953,3.492,7.953,7.938c0,4.402-3.117,7.938-7.909,7.938
				C145.037,122.712,141.946,119.154,141.946,114.774z M143.985,114.774c0,3.426,2.199,6.179,5.888,6.179s5.862-2.775,5.862-6.179
				c0-3.427-2.174-6.203-5.888-6.203C146.185,108.571,143.985,111.391,143.985,114.774z" fill="#fff"/>
			<path d="M162.633,110.263v12.121h-1.968v-15.242h1.855l9.534,12.143v-12.143h1.971v15.242h-1.859L162.633,110.263z" fill="#fff"/>
		</g>
		<path d="M122.618,122.017h0.003v-0.055c0.029-0.425,0.047-0.855,0.05-1.291c0-0.091-0.003-0.181-0.003-0.273
			c-0.003-0.341-0.012-0.679-0.026-1.015l0.107-13.447h-5.547h-2.918l-0.109,14.394l-0.083-0.002c0,0.093,0.005,0.184,0.005,0.276
			c-0.058,7.504-6.213,13.561-13.716,13.5c-3.634-0.027-7.042-1.473-9.592-4.062c-2.549-2.59-3.937-6.019-3.909-9.654
			c0.063-7.504,6.214-13.56,13.716-13.501c1.141,0.009,7.179,0.161,8.237,0.432l0.067-8.731c-1.075-0.169-7.112-0.265-8.235-0.274
			c-12.23-0.096-22.262,9.778-22.357,22.009c-0.048,5.922,2.215,11.512,6.37,15.733c4.158,4.226,9.71,6.577,15.637,6.621
			C112.092,142.773,121.826,133.618,122.618,122.017z" fill="#fff"/>
		<polygon points="122.798,101.012 122.798,100.001 122.789,101.012 		"/>
		<path d="M158.658,79.505c0-12.229-9.949-22.183-22.182-22.183c-5.926,0-11.495,2.309-15.684,6.497
			c-3.874,3.871-6.135,8.922-6.457,14.342V78.16v0.048c-0.027,0.431-0.043,0.863-0.043,1.297c0,0.093,0.007,0.184,0.007,0.275
			c0.003,0.343,0.015,0.682,0.036,1.021v13.375v6.835h8.453l0.009-1.011l0.005-0.836h-0.005V79.78h0.075
			c0-0.091-0.007-0.183-0.007-0.275c0-3.636,1.417-7.053,3.989-9.624c2.569-2.569,5.985-3.986,9.621-3.986
			c7.504,0,13.608,6.104,13.608,13.61c0,7.504-6.104,13.609-13.608,13.609c-1.128,0-7.168-0.139-8.239-0.401v8.73
			c1.086,0.16,7.123,0.245,8.239,0.245c5.924,0,11.496-2.308,15.686-6.499C156.35,91.001,158.658,85.429,158.658,79.505z" fill="#fff"/>
	</g>
</g>
</svg><h1><a href="https://www.steptoandson.co.uk/">Stepto &amp; Son Graphic Design and Website Development Agency |
				Award winning Graphic Design and Website Development from North London Digital Design Agency Stepto and Son Design</a></h1></div><!-- End of .logo -->
<!--<a href="#" class="uparrow toptrigger" title="the only way is up &uarr;">My Top Link</a>-->
<a class="awwwards-label" href="http://www.awwwards.com/best-websites/stepto-son-design?subsection=all" alt="Stepto & Son are very proud to have received an Honorable Mention from the Awwwards.com website of the year awards.">Honorable Mention</a>
<div class="sleigh"><a href="/"></a></div> 	
<script type="text/javascript" src="https://www.steptoandson.co.uk/js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="https://www.steptoandson.co.uk/js/jquery.easing.1.3.js"></script>
<script type='text/javascript' src="https://www.steptoandson.co.uk/js/jquery.form.min.js?ver=3.15"></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"https://www.steptoandson.co.uk/images/loading.gif","sending":"Sending ..."};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.steptoandson.co.uk/js/scripts.js?ver=3.3'></script>
<!---42q - 0.061s... That's a wrap. --->

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11016738-1");
pageTracker._trackPageview();
} catch(err) {}</script> 
</body>
</html>