<!--


                                                                                    
                                                                               .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 TwentyTwo</title>
  <meta name="description" content="Web & Graphic Design for TwentyTwo 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">
		   <p><img src="https://www.steptoandson.co.uk/images/Colour-Chart1.png" alt="Colour-Chart" width="1800" height="1000" class="alignnone size-full wp-image-1009" /></p>
<p><img src="https://www.steptoandson.co.uk/images/twenty-two-imac.jpg" alt="twenty-two-imac" width="1600" height="1143" class="alignnone size-full wp-image-1010" /></p>
<p><img src="https://www.steptoandson.co.uk/images/twenty-two-ipad.jpg" alt="twenty-two-ipad" width="1600" height="1467" class="alignnone size-full wp-image-1011" /></p>
<p><img src="https://www.steptoandson.co.uk/images/twenty-two-iphone.jpg" alt="twenty-two-iphone" width="1400" height="1900" class="alignnone size-full wp-image-1012" /></p>
<div id="attachment_857" class="wp-caption alignnone"><img class="size-full wp-image-857" alt="company logo with 22 sides" src="https://www.steptoandson.co.uk/images/twentytwo-company-logo.jpg" width="1024" height="800" /><p class="wp-caption-text">Logo icon with 22 sides</p></div>
<p><img class="alignnone size-full wp-image-863" alt="twentytwo-company-branding" src="https://www.steptoandson.co.uk/images/twentytwo-company-branding.jpg" width="1024" height="800" /></p>
<div id="attachment_858" class="wp-caption alignnone"><img class="size-full wp-image-858" alt="Corporate Identity" src="https://www.steptoandson.co.uk/images/brand-identity-corporate-layout.jpg" width="1024" height="615" /><p class="wp-caption-text">Corporate Identity</p></div>
		   <div class="to-the-next-project"><a href="https://www.steptoandson.co.uk/work/examples/the-power-of-nutrition/" 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/hanson-college/" 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 TwentyTwo">TwentyTwo</h1>
	 <div class="example-details">
	    <h3 title="Web & Graphic Design brief">Brief</h3>
          <ul>
            <li>TwentyTwo Real Estate are a full service real estate firm with offices in London, Paris and Luxembourg. They provide asset management and property management to their institutional clients. They are also specialists in real estate and real estate related private equity and debt opportunities in Europe.</li>
        </ul>
			
			
	    <div class="promptsticky"></div>	
	    <ul class="promptlinks">
		   <li><a href="http://www.twentytworealestate.com">View the website</a></li>		  
		  
		  <li><a href="../../../contact?project=Web+%26+Graphic+Design project for TwentyTwo">Enquire about this project</a></li>
		  <li class="to-the-next-project"><a href="https://www.steptoandson.co.uk/work/examples/the-power-of-nutrition/" 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/hanson-college/" 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.084s... 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>