

<!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>Bard of Bray | Websites
	</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="/js/assets/SqueezeBox.css" type="text/css" media="screen" title="no title" charset="utf-8" />
	<meta name="description" content=""/>
	<meta name="keywords" content=""/>
    <script type="text/javascript" src="/js/clientcide-mootools-2.10.js"></script>
	<script type="text/javascript" src="/js/mootools-1.2.5.1-more.js"></script>
	<script type="text/javascript" src="/js/SqueezeBox.js"></script>
	<script type="text/javascript" src="/js/inc_basic.js"></script>
	<script type="text/javascript" src="/js/inc_pagefunctions.js"></script>
    
    <script type="text/javascript">
    window.addEvent('domready',function(){
	        SqueezeBox.initialize({});
	        SqueezeBox.assign($$('a.SqueezeBox'), {
		    parse: 'rel'
		});	    
	});
    </script>
    
    <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-3985007-60']);
    _gaq.push(['_trackPageview']);

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

    </script>
    <script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'6e9fe740-0918-46b1-b6ff-2f40a7d9c615'});</script>
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-3985007-66']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
</head>

<body class="section-005">	
    <div id="innercontainer">
			
<div id="header">
    <h1 class="hide">Bard of Bray</h1>
    <div id="addthis">
    <span class="st_linkedin"></span>
    <span class="st_facebook"></span>
    <span class="st_twitter"></span>
    </div>
</div>
<div id="content2">

    <div id="left-side">
    
    <div id="menu">
    <div id="menu-level-1">
        <ul class="menu1"><li><a href="/home">Home</a></li><li class = "  hasChildren first"><a href="/APPROACH/HELLO">APPROACH</a></li><li><a href="/Clients">Clients</a></li><li class = " childselectedl1  hasChildren"><a href="/Work">Work</a></li><li><a href="/Responses">Responses</a></li><li><a href="/Awards">Awards</a></li><li class = "  hasChildren last"><a href="/Contact/Contact">Contact</a></li></ul>
    </div>
    <div id="menu-level-2">
    <ul class="menu2"><li class = " first"><a href="/Work/BY-TYPE-">BY TYPE:</a></li><li><a href="/Work/-">  </a></li><li><a href="/Work/Adverts">Adverts</a></li><li><a href="/Work/Articles">Articles</a></li><li><a href="/Work/Award-Winning">Award Winning</a></li><li><a href="/Work/Big-Brands">Big Brands</a></li><li><a href="/Work/Brand-visions">Brand visions</a></li><li><a href="/Work/Inspirational">Inspirational</a></li><li><a href="/Work/Humour-Wit">Humour & Wit</a></li><li><a href="/Work/Packaging">Packaging</a></li><li><a href="/Work/Post-Posters">Post & Posters</a></li><li><a href="/Work/Moving-Image">Moving Image</a></li><li class = "  selectedl2"><a href="/Work/Websites">Websites</a></li><li><a href="/Work/-">     </a></li><li><a href="/Work/BY-SECTOR-">BY SECTOR:</a></li><li><a href="/Work/-">   </a></li><li><a href="/Work/Architecture">Architecture</a></li><li><a href="/Work/Charity-Health">Charity & Health</a></li><li><a href="/Work/Design-Print">Design & Print</a></li><li><a href="/Work/Finance-Law">Finance & Law</a></li><li><a href="/Work/Food-Drink">Food & Drink</a></li><li class = " last"><a href="/Work/Property">Property</a></li></ul>
    </div>
    <div id="menu-level-3">
    
    </div>
</div>
    <div class="clear"></div>
    </div>
    
    
    <div id="right-side">
        <div id="text-content">
    
    
        <h2>Websites</h2>
        <p>Click the main images for a downloadable pdf, and the names to visit the site. Sites do change and get updated, hence the pdfs &ndash; at least this way you read what I wrote, not some oik in IT who thinks he might know better. (And very well may.)</p>
<p>&nbsp;</p>
<p class="orange">AUSTIN-SMITH: LORD</p>
<p class="orange"><a href="/websitefiles/asl-website.pdf" onclick="window.open('/websitefiles/asl-website.pdf');return false;" onkeypress="window.open('/websitefiles/asl-website.pdf');return false;"><img src="/clientImages/ASL_FAT_2_resized.jpg" title="AUSTIN SMITH LORD WEB COPY - DOWNLOAD PDF" alt="AUSTIN SMITH LORD WEB COPY - DOWNLOAD PDF" width="410" /> </a><span class="hide">|</span></p>
<p><span class="orange">Zulver &amp; Co</span><br />A massive project: <a onkeypress="window.open('http://www.austinsmithlord.com');return false;"  onclick="window.open('http://www.austinsmithlord.com');return false;" href="http://www.austinsmithlord.com" title="open page: http://www.austinsmithlord.com">Austin-Smith: Lord</a><span class="hide">|</span> has 6 offices and many decades of history, including extensive interviews with key partners, philosophy pieces for all key departments, essays on a series of high-profile projects, a history section, and much more.</p>
<p>&nbsp;</p>
<p class="orange">CLOUD</p>
<p><a href="/websitefiles/cloud_electronics_homepage.pdf" onclick="window.open('/websitefiles/cloud_electronics_homepage.pdf');return false;" onkeypress="window.open('/websitefiles/cloud_electronics_homepage.pdf');return false;"><img src="/clientImages/Cloud_benchmark_FAT(1)_resized.jpg" title="CLOUD ELECTRONICS WEBSITE" alt="CLOUD ELECTRONICS WEBSITE" width="410" /> </a><span class="hide">|</span></p>
<p><span class="orange">Cloud Electronics</span><br />A simple piece of introductory copy helped better communicate <a onkeypress="window.open('http://www.cloud.co.uk/');return false;"  onclick="window.open('http://www.cloud.co.uk/');return false;" href="http://www.cloud.co.uk/" title="open page: http://www.cloud.co.uk/">Cloud&rsquo;s</a><span class="hide">|</span> true credentials in professional audio systems &ndash; the world leader, used  by all the major players from hotel chains to nightclubs. And 100%  British!</p>
<p>&nbsp;</p>
<p class="orange">DEPARTURES DESIGN</p>
<p class="orange"><a href="/websitefiles/departures_web.pdf" onclick="window.open('/websitefiles/departures_web.pdf');return false;" onkeypress="window.open('/websitefiles/departures_web.pdf');return false;"><img src="/clientImages/Departures_WEB_FAT_resized.jpg" title="DEPARTURES WEB COPY - DOWNLOAD PDF" alt="DEPARTURES WEB COPY - DOWNLOAD PDF" width="410" /> </a><span class="hide">|</span></p>
<p><span class="orange">Departures Design</span><br /><a onkeypress="window.open('http://www.departuresdesign.com/');return false;"  onclick="window.open('http://www.departuresdesign.com/');return false;" href="http://www.departuresdesign.com/" title="open page: http://www.departuresdesign.com/">Departures</a><span class="hide">|</span>: small design studio in Cardiff. Big future. Or should that be bright future?</p>
<p>&nbsp;</p>
<p class="orange">NICHOLS CONSULTANCY</p>
<p class="orange"><a href="/websitefiles/nichols_website.pdf" onclick="window.open('/websitefiles/nichols_website.pdf');return false;" onkeypress="window.open('/websitefiles/nichols_website.pdf');return false;"><img src="/clientImages/Nichols_Web_FAT_resized.jpg" title="NICHOLS CONSULTANCY WEBSITE - DOWNLOAD PDF" alt="NICHOLS CONSULTANCY WEBSITE - DOWNLOAD PDF" width="410" /> </a><span class="hide">|</span></p>
<p><span class="orange">Kimpton Creative</span> <span class="orange"><br /></span><a onkeypress="window.open('http://www.nicholsconsultancy.com/');return false;"  onclick="window.open('http://www.nicholsconsultancy.com/');return false;" href="http://www.nicholsconsultancy.com/" title="open page: http://www.nicholsconsultancy.com/">Nichols Consultancy</a><span class="hide">|</span> is a people business &ndash; renowned for its honest, no nonsense approach to headhunting &ndash; and the tone reflects that. This website copy builds on the clever compass and mapping device designed by Kimpton Creative. Since the theme is about careers and taking people &lsquo;the right way&rsquo;, and globally, the idea was to take the reader on a kind of journey.</p>
<p>&nbsp;</p>
<p class="orange">STANDARD CHARTERED</p>
<p><a href="/websitefiles/standardcharteredmaster.pdf" onclick="window.open('/websitefiles/standardcharteredmaster.pdf');return false;" onkeypress="window.open('/websitefiles/standardcharteredmaster.pdf');return false;"><img src="/clientImages/Standard_Chartered_FAT_2_grey_resized.jpg" title="STANDARD CHARTERED GRADUATE RECRUITMENT WEB COPY 2010" alt="STANDARD CHARTERED GRADUATE RECRUITMENT WEB COPY 2010" width="410" /> </a><span class="hide">|</span><a onkeypress="window.open('http://www.standardchartered.com/careers/graduates/');return false;"  onclick="window.open('http://www.standardchartered.com/careers/graduates/');return false;" href="http://www.standardchartered.com/careers/graduates/" title="open page: http://www.standardchartered.com/careers/graduates/"> </a><span class="hide">|</span></p>
<p><span class="orange">SAS London</span><br />I helped write Standard Chartered's graduate recruitment website in 2010 (click above) and <a href="/websitefiles/standard_chartered_graduate_web_2011.pdf" onclick="window.open('/websitefiles/standard_chartered_graduate_web_2011.pdf');return false;" onkeypress="window.open('/websitefiles/standard_chartered_graduate_web_2011.pdf');return false;">2011</a><span class="hide">|</span>.</p>
<p>&nbsp;</p>
<div class="inline-slide">
<p class="orange">ALQUITY</p>
<p><a href="/websitefiles/alquity.pdf" onclick="window.open('/websitefiles/alquity.pdf');return false;" onkeypress="window.open('/websitefiles/alquity.pdf');return false;"><img src="/clientImages/Alquity_thumb_2_resized.jpg" title="Alquity Investment - download pdf" alt="Alquity Investment - download pdf" width="120" /> </a><span class="hide">|</span></p>
<p><span class="orange">Kimpton Creative</span><br />An African fund designed to reinvest in Africa at grass roots level, the need was to convince investors of the moral and financial benefits of investing here. I wrote the introduction.</p>
<p>&nbsp;</p>
<p class="orange">HDR LIGHT STUDIO</p>
<p><a onkeypress="window.open('http://www.hdrlightstudio.com/');return false;"  onclick="window.open('http://www.hdrlightstudio.com/');return false;" href="http://www.hdrlightstudio.com/" title="open page: http://www.hdrlightstudio.com/"><img src="/clientImages/HDRLightStudio_Thumb_resized.jpg" title="HDR Light Studio - download pdf" alt="HDR Light Studio - download pdf" width="120" /> </a><span class="hide">|</span></p>
<p><span class="orange">HDR Light Studio</span><br />There&rsquo;s a better alternative to going into a real studio &ndash; this amazing programme allows photographers to light images in 3D from their computer. Its saves time and money and improves quality &ndash; nine of the top ten car manufacturers now use it. Long discussions and thorough analysis of their previous communications showed that HDR Light Studio's considerable strengths weren&rsquo;t being shown in&hellip; ahem&hellip; the best possible light. Part of the process of fixing that involved coming up with the line &lsquo;See the Light&rsquo; &ndash; which is exactly what the programme does &ndash; you can fiddle and change until you&rsquo;re happy. This line now features prominently on their restructured website and mailer&hellip; it&rsquo;s not yet made it into a fully blown tagline. But I&rsquo;m working on that!</p>
<p>&nbsp;</p>
<p class="orange">INTERABANG</p>
<p><img src="/clientImages/InterabangThumb_grey_resized.jpg" title="Interabang Thumb" alt="Interabang Thumb" width="120" /></p>
<p><span class="orange">Interabang</span><br />For the record, here's the ex-holding page for the <a onkeypress="window.open('http://interabang.uk.com/');return false;"  onclick="window.open('http://interabang.uk.com/');return false;" href="http://interabang.uk.com/" title="open page: http://interabang.uk.com/">Interabang</a><span class="hide">|</span> site. Interabang, half question mark, half, exclamation mark. So that's half a page of questiony words, and half a page of not-arf reactiony words. You knew that.</p>
<p>&nbsp;</p>
<p class="orange">KIMPTON CREATIVE</p>
<p><a href="/websitefiles/kimpton_website.pdf" onclick="window.open('/websitefiles/kimpton_website.pdf');return false;" onkeypress="window.open('/websitefiles/kimpton_website.pdf');return false;"><img src="/clientImages/Kimpton_homepage_thumb_resized.jpg" title="Kimpton website copy - download pdf" alt="Kimpton website copy - download pdf" width="120" /> </a><span class="hide">|</span></p>
<p><span class="orange">Kimpton Creative</span><br />David Kimpton was a founding-partner of Hat-Trick Design Consultants. <a href="http://www.kimptoncreative.com/" title="open page: http://www.kimptoncreative.com/">Kimpton Creative</a><span class="hide">|</span> today: more affable, sharper, more relentlessly excellent than ever. He's moved the dot on his 'i', allowing at least one gentle, unobtrusive pun. But can you guess which?</p>
<p>&nbsp;</p>
<p class="orange">MARIE STOPES INTERNATIONAL: FIVE BY FIFTEEN</p>
<p><a onkeypress="window.open('http://fivebyfifteen.org/');return false;"  onclick="window.open('http://fivebyfifteen.org/');return false;" href="http://fivebyfifteen.org/" title="open page: http://fivebyfifteen.org/"><img src="/clientImages/Five_by_fifteen_overview_resized.jpg" title="Marie Stopes International 5x15 overview - download pdf" alt="Marie Stopes International 5x15 overview - download pdf" width="120" /> </a><span class="hide">|</span></p>
<span class="orange"> </span>
<p><span class="orange">Hat-Trick Design Consultants</span><br />Marie Stopes International wanted to win support for its initiatives to achieve Millennium Development Goal 5 - better maternal health - by 2015. We helped generate the name of the campaign - <a onkeypress="window.open('http://fivebyfifteen.org/');return false;"  onclick="window.open('http://fivebyfifteen.org/');return false;" href="http://fivebyfifteen.org/" title="open page: http://fivebyfifteen.org/">'Five by Fifteen'</a><span class="hide">|</span> - and then developed a website and printed material. The theme was doors/accessibility, in keeping with Marie Stopes' own logo. The animations on the website even feature soundtracks played on doors.</p>
<p>&nbsp;</p>
<p class="orange">MERECEDES-BENZ - CS CLASS AND S-CLASS WEB COPY</p>
<p><a href="/websitefiles/mercedes-benz_s-class_copy.pdf" onclick="window.open('/websitefiles/mercedes-benz_s-class_copy.pdf');return false;" onkeypress="window.open('/websitefiles/mercedes-benz_s-class_copy.pdf');return false;"><img src="/clientImages/Mercedes_Benz_Logo_resized.jpg" title="Mercedes Benz S-Class web copy - download pdf" alt="Mercedes Benz S-Class web copy - download pdf" width="120" /> </a><span class="hide">|</span></p>
<p class="orange">Syzygy</p>
<p>How can you FORGET that you wrote large amounts of website for Mercedes-Benz? I did. I never saved it, and it's been buried at the bottom of my CV for years. Well I'm coming out of the closet. I was young and irresponsible. I wrote copy for cars. Comfy cars, even if I never actually sat in one. I found the word files... I quite like the copy and Mercedes-Benz is Mercedes-Benz, so here they are. <a href="/websitefiles/mercedes_cl-class_web_copy.pdf" onclick="window.open('/websitefiles/mercedes_cl-class_web_copy.pdf');return false;" onkeypress="window.open('/websitefiles/mercedes_cl-class_web_copy.pdf');return false;">CS-CLASS</a><span class="hide">|</span>. <a href="/websitefiles/mercedes-benz_s-class_copy.pdf" onclick="window.open('/websitefiles/mercedes-benz_s-class_copy.pdf');return false;" onkeypress="window.open('/websitefiles/mercedes-benz_s-class_copy.pdf');return false;">S-CLASS</a><span class="hide">|</span>.</p>
<p>&nbsp;</p>
<p class="orange">RADFORD WALLIS</p>
<p><a onkeypress="window.open('http://radfordwallis.com');return false;"  onclick="window.open('http://radfordwallis.com');return false;" href="http://radfordwallis.com" title="open page: http://radfordwallis.com"><img src="/clientImages/RadfordWallisThumb_resized.jpg" title="Radford Wallis website copy - download pdf" alt="Radford Wallis website copy - download pdf" width="120" /> </a><span class="hide">|</span></p>
<p><span class="orange">Radford Walli</span><span class="orange">s</span><br /><a onkeypress="window.open('http://radfordwallis.com');return false;"  onclick="window.open('http://radfordwallis.com');return false;" href="http://radfordwallis.com" title="open page: http://radfordwallis.com">Radford Wallis</a><span class="hide">|</span>, experts at underpinning serious commercial messages with razor sharp wit.</p>
<p>&nbsp;</p>
<p><span class="orange"> </span></p>
<p class="orange">TWELVE</p>
<p class="orange"><a href="/websitefiles/twelve_website.pdf" onclick="window.open('/websitefiles/twelve_website.pdf');return false;" onkeypress="window.open('/websitefiles/twelve_website.pdf');return false;"><img src="/clientImages/Twelve_homepage_thumb_resized.jpg" title="Twelve website copy - download pdf" alt="Twelve website copy - download pdf" width="120" /> </a><span class="hide">|</span></p>
<p><span class="orange">Twelve</span><br />A small but amazingly influential design agency specialising in wines and spirits, <a onkeypress="window.open('http://twelve.uk.com/');return false;"  onclick="window.open('http://twelve.uk.com/');return false;" href="http://twelve.uk.com/" title="open page: http://twelve.uk.com/">Twelve</a><span class="hide">|</span> has a long tack history of producing visionary conceptual thinking, design and branding work for any number of well-known names. If it&rsquo;s in your drinks cabinet, chances are they&rsquo;ve worked on it.</p>
<p>&nbsp;</p>
<span class="orange">UNILEVER &ndash; GRADUATE RECRUITMENT WEBSITE</span>
<p><a href="/websitefiles/unilever_graduates_website.pdf" onclick="window.open('/websitefiles/unilever_graduates_website.pdf');return false;" onkeypress="window.open('/websitefiles/unilever_graduates_website.pdf');return false;"><img src="/clientImages/Unilever_Grads_Home_Thumb_resized.jpg" title="Unilever graduate website - download pdf" alt="Unilever graduate website - download pdf" width="120" /></a><span class="hide">|</span></p>
<p><span style="color: #fa4d11;">SAS London</span></p>
<p>Learn Business Fast was the theme behind this <a onkeypress="window.open('http://www.unilever.co.uk/careers/careeropportunities/graduatesandstudents/?WT.LHNAV=Graduates_and_Students');return false;"  onclick="window.open('http://www.unilever.co.uk/careers/careeropportunities/graduatesandstudents/?WT.LHNAV=Graduates_and_Students');return false;" href="http://www.unilever.co.uk/careers/careeropportunities/graduatesandstudents/?WT.LHNAV=Graduates_and_Students" title="open page: http://www.unilever.co.uk/careers/careeropportunities/graduatesandstudents/?WT.LHNAV=Graduates_and_Students">2012 Unilever Graduate Recruitment Campaign</a><span class="hide">|</span>, aimed at communicating the sheer scope for getting ahead in a company as vast and varied as Unilever. This was the website.</p>
<p>&nbsp;</p>
</div>
<p class="inline-slide-toggle">Read more...</p>
    </div>
    <div class="clear"></div>
    </div>
<div class="clear"></div>
</div>

    <div id="footer"></div>
    </div>
</body>
</html>
