

<!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 type - digital | 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. 3 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"/>
	<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>
</head>
<body>
	<div id="page">
		<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 = "  selectedl1 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><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 class = " last"><a href="/shop">shop</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=47" class="SqueezeBox" style="background-image:url('/projects/Bankside_123(2).jpg');">
					<span><span class="ptitle">bankside 123</span>&nbsp;hat-trick design Bankside 123</span>
				</a>
			</div>
			
			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=49" class="SqueezeBox" style="background-image:url('/projects/Breakthrough(1).jpg');">
					<span><span class="ptitle">breakthrough breast cancer</span>&nbsp;ha-trick design Breakthrough Breastcancer Identity</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=50" class="SqueezeBox" style="background-image:url('/projects/Ebbsfleet_Valley(3).jpg');">
					<span><span class="ptitle">ebbsfleet valley</span>&nbsp;ha-trick design Ebbsfleet Valley Identity</span>
				</a>
			</div>
			
			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=60" class="SqueezeBox" style="background-image:url('/projects/Edinburgh_International_Festival(1).jpg');">
					<span><span class="ptitle">edinburgh international festival</span>&nbsp;ha-trick design Edinburgh International FestivalIdentity</span>
				</a>
			</div>
			
			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=51" class="SqueezeBox" style="background-image:url('/projects/Fairbridge(1).jpg');">
					<span><span class="ptitle">fairbridge</span>&nbsp;ha-trick design Fairbridge Campaign</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=77" class="SqueezeBox" style="background-image:url('/projects/Land_Securities_Buttons(2).jpg');">
					<span><span class="ptitle">land securities</span>&nbsp;hat-trick design land securities identity</span>
				</a>
			</div>
			
			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=57" class="SqueezeBox" style="background-image:url('/projects/London_Vision_Clinic(1).jpg');">
					<span><span class="ptitle">london vision clinic</span>&nbsp;ha-trick design London Vision Clinic Identity</span>
				</a>
			</div>
			
			<div class="click-block">
				<a rel="{handler:'iframe',size:{x:560,y:375}}" href="/include/inc_squeeze_project.asp?ProjectID=61" class="SqueezeBox" style="background-image:url('/projects/National_Museums_Scotland(3).jpg');">
					<span><span class="ptitle">national museums scotland</span>&nbsp;ha-trick design National Museums Scotland Identity</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=62" class="SqueezeBox" style="background-image:url('/projects/Natural_History_Museum(1).jpg');">
					<span><span class="ptitle">natural history museum</span>&nbsp;ha-trick design Natural History Museum Identity</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=67" class="SqueezeBox" style="background-image:url('/projects/Norwich(1).jpg');">
					<span><span class="ptitle">norwich university college of the arts</span>&nbsp;ha-trick design norwich university college of the arts identity</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=41" class="SqueezeBox" style="background-image:url('/projects/University_of_Westminster(3).jpg');">
					<span><span class="ptitle">university of westminster</span>&nbsp;hat-trick design University of Westminster Education</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 type - digital)');
					} catch(err){}
				});
			});
		});
	</script>
</body>
</html>

