

<!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>
	<title>Projects by sector - retail | hat-trick design
	</title>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<link rel="stylesheet" type="text/css" href="/css/style.dcss" />
	<link rel="stylesheet" href="/css/SqueezeBox.css" type="text/css" media="screen" title="no title" charset="utf-8" />
	<meta name="description" content="hat-trick design is a multidisciplinary design company ranked No. 1 in the Design Week creative survey. Founded in 2001, we are based in London Bridge."/>
	<meta name="keywords" content="hat-trick, design, consultants, award winning"/>
	<meta name="google-site-verification" content="Mw0-EjAWX8XuyuXLjloImaR-QbRDNCQWsDRvWbN0cp0" />
	<script type="text/javascript" src="/js/clientcide-mootools-2.10.js"></script>
	<script type="text/javascript" src="/js/SqueezeBox.js"></script>
	<!--[if IE 6]>
		<script type="text/javascript" src="/js/ie-iframe-shim.js"></script>
	<![endif]-->
	<script type="text/javascript" src="/js/page_functions.js"></script>
	<script type="text/javascript">

		if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))){
			window.addEvent('domready',function(){
				$$('span.pseudomenuitem').each(function(el,index){
					el.getParent().getElement('ul').style.display = 'none';
					el.addEvents({
						'click':function(){
							$$('ul.menu1>li>ul.menu2').each(function(elx, index){
								if(el.getParent().getElement('ul') != elx){
									elx.setStyle('display','none');
								}
							})

							var theUl = el.getParent().getElement('ul');

							if(theUl){
								if(theUl.style.display == 'none'){
									theUl.style.display = 'block';
								} else {
									theUl.style.display = 'none';
								}
							}
						}
					});
				});
			});
		}
	</script>
</head>
<body>
	<div id="page">
	
	<div class="twitter">
	   <!--No.1 in the Design Week Creative Survey-->
	   Latest:<br/>

        <span class="twitter-feed">
            Read about our Olympic Non-Events book on Creative Review: <a onkeypress="window.open('http://t.co/xv52ceuN');return false;" onclick="window.open('http://t.co/xv52ceuN');return false;" href="http://t.co/xv52ceuN">t.co/xv52ceuN</a>
        </span>
	  
	</div>
	
		<div id="banner">
			<div id="logo"><h1>hat-trick</h1><a href="/"><span class="hide">Home</span></a></div>
			<div id="menu">
				<ul class="menu1"><li class = " first"><span class="pseudomenuitem">project type</span><ul class="menu2"><li><a href="/project-type/identity">identity</a></li><li><a href="/project-type/environment">environment</a></li><li><a href="/project-type/campaign">campaign</a></li><li><a href="/project-type/digital">digital</a></li><li><a href="/project-type/print">print</a></li><li><a href="/project-type/hat-trick">hat-trick</a></li></ul></li><li class = "  selectedl1"><span class="pseudomenuitem">project sector</span><ul class="menu2"><li><a href="/project-sector/arts-leisure">arts &amp; leisure</a></li><li><a href="/project-sector/charity">charity</a></li><li><a href="/project-sector/corporate">corporate</a></li><li><a href="/project-sector/education">education</a></li><li><a href="/project-sector/professional-services">professional services</a></li><li><a href="/project-sector/property">property</a></li><li><a href="/project-sector/public-sector">public sector</a></li><li><a href="/project-sector/retail">retail</a></li></ul></li><li><a href="/contact">contact</a></li><li><a href="/shop">shop</a></li><li class = " last"><a href="/press">press</a></li></ul>
			</div>
		</div>
		<div id="main-content">


			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=46" class="SqueezeBox" style="background-image:url('/projects/Cardinal_Cafe(1).jpg');">
					<span><span class="ptitle">cardinal café</span>&nbsp;ha-trick design Cardinal Café Identity</span>
				</a>
			</div>
			
			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=43" class="SqueezeBox" style="background-image:url('/projects/Deck(4).jpg');">
					<span><span class="ptitle">deck</span>&nbsp;hat-trick design Deck playing cards</span>
				</a>
			</div>
			
			<div class="click-block no-right-margin">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=52" class="SqueezeBox" style="background-image:url('/projects/Garage(1).jpg');">
					<span><span class="ptitle">garage</span>&nbsp;ha-trick design Garage Editorial</span>
				</a>
			</div>
			
			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=110" class="SqueezeBox" style="background-image:url('/projects/Almacantar_Glenkindie_Whisky.jpg');">
					<span><span class="ptitle">glenkindie estate</span>&nbsp;hat-trick design glenkindie estate</span>
				</a>
			</div>
			
			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:384}}" href="/include/inc_squeeze_project.asp?ProjectID=104" class="SqueezeBox" style="background-image:url('/projects/Great_British_Chefs.jpg');">
					<span><span class="ptitle">great british chefs</span>&nbsp;hat-trick design, great british chefs</span>
				</a>
			</div>
			
			<div class="click-block no-right-margin">
				<a rel="{handler:'iframe',size:{x:640,y:420}}" href="/include/inc_squeeze_project.asp?ProjectID=93" class="SqueezeBox" style="background-image:url('/projects/In_Public.jpg');">
					<span><span class="ptitle">in public</span>&nbsp;hat-trick design in-public</span>
				</a>
			</div>
			
			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=85" class="SqueezeBox" style="background-image:url('/projects/New_Street_Square(2).jpg');">
					<span><span class="ptitle">new street square</span>&nbsp;hat-trick new street square identity</span>
				</a>
			</div>
			
			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=59" class="SqueezeBox" style="background-image:url('/projects/RM_Yearbook(1).jpg');">
					<span><span class="ptitle">royal mail</span>&nbsp;ha-trick design Royal Mail Yearbook</span>
				</a>
			</div>
			
			<div class="click-block no-right-margin">
				<a rel="{handler:'iframe',size:{x:640,y:420}}" href="/include/inc_squeeze_project.asp?ProjectID=90" class="SqueezeBox" style="background-image:url('/projects/Royal_Mail_Rescue_at_Sea(1).jpg');">
					<span><span class="ptitle">royal mail stamp presentation pack</span>&nbsp;hat-trick design royal mail stamp presentation pack</span>
				</a>
			</div>
			
			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=80" class="SqueezeBox" style="background-image:url('/projects/Three_Book(2).jpg');">
					<span><span class="ptitle">threee</span>&nbsp;hat-trick threee brochure</span>
				</a>
			</div>
			
			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=40" class="SqueezeBox" style="background-image:url('/projects/Twickenham_Stadium(1).jpg');">
					<span><span class="ptitle">twickenham stadium</span>&nbsp;hat-trick design Twickenham Stadium Environmental</span>
				</a>
			</div>
			
			<div class="click-block no-right-margin">
				<a rel="{handler:'iframe',size:{x:640,y:420}}" href="/include/inc_squeeze_project.asp?ProjectID=96" class="SqueezeBox" style="background-image:url('/projects/Twickenham_Stadium_Lightwell.jpg');">
					<span><span class="ptitle">twickenham stadium lightwell</span>&nbsp;hat-trick design twickenham stadium lightwell</span>
				</a>
			</div>
			
 <div class="clear"></div>
 <div class="creds" style="font-size:0.8em;padding:20px 0 20px 0 ;">
	Site built by <a href="http://www.re-m.com" onclick="window.open(this.href);return false;" onkeypress="window.open(this.href);return false;"><span class="hide"> Web design and developer </span>RE:MEDIA</a>
 </div>
			<div class="clear"></div>			
		</div>	
	</div>
	<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-9645496-53");
			pageTracker._trackPageview();
		} catch(err) {}
		
		window.addEvent('domready',function(){
			$$('.click-block a').each(function(item,index){
				$$('.click-block a')[index].addEvent('click',function(){
					try{
						var vidTitle = $$('.click-block a')[index].getElement('span.ptitle').get('text');
						//console.log(vidTitle);
						pageTracker._trackEvent('Videos','Play',vidTitle + ' (Projects by sector - retail)');
					} catch(err){}
				});
			});
		});
	</script>
</body>
</html>


