<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Andrew Couldwell (Digital Designer)</title>
	<atom:link href="http://www.roomfive.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.roomfive.net</link>
	<description>RoomFive is the portfolio of freelance Web &#38; Digital Designer based in Cornwall</description>
	<lastBuildDate>Tue, 21 Feb 2012 16:59:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>MEKK Bicycles</title>
		<link>http://www.roomfive.net/mekk-bicycles/</link>
		<comments>http://www.roomfive.net/mekk-bicycles/#comments</comments>
		<pubDate>Thu, 05 Jan 2012 09:53:38 +0000</pubDate>
		<dc:creator>roomfive</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Bike]]></category>
		<category><![CDATA[Knight Studios]]></category>
		<category><![CDATA[Sport]]></category>

		<guid isPermaLink="false">http://www.roomfive.net/?p=2853</guid>
		<description><![CDATA[MEKK Bicycles Agency. Knight Studios (UK) SHIFT Active Media (UK) Client. MEKK Bicycles. Project. Website design for a new high performance bicycle manufacturer, simply showcasing their bike series, ranges and models. Note. The live website was built elsewhere and is different to the visuals shown here. Involvement. Design. Tools. Photoshop.]]></description>
			<content:encoded><![CDATA[<div class="portfolio-images">
<img src="http://www.roomfive.net/wp-content/uploads/1.jpg" alt="" title="MEKK Bicycles - Home page" width="600" height="993" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/1-next.jpg" alt="" title="MEKK Bicycles (banner transition detail)" width="600" height="370" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/detail-1.jpg" alt="" title="MEKK Bicycles (detail)" width="600" height="130" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/detail-2.jpg" alt="" title="MEKK Bicycles (detail)" width="600" height="130" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/3.jpg" alt="" title="MEKK Bicycles - Products Overview (introduces all bikes and series)" width="600" height="1325" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2.jpg" alt="" title="MEKK Bicycles - Bike Range (with tech spec for 4 bike models)" width="600" height="1707" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/4.jpg" alt="" title="MEKK Bicycles - About page" width="600" height="758" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/5.jpg" alt="" title="MEKK Bicycles - Contact page" width="600" height="622" />
</div>
<h2>MEKK Bicycles</h2>
<h3>Agency.</h3>
<p>Knight Studios (UK) <br />
SHIFT Active Media (UK)</p>
<h3>Client.</h3>
<p>MEKK Bicycles.</p>
<h3>Project.</h3>
<p>Website design for a new high performance bicycle manufacturer, simply showcasing their bike series, ranges and models.</p>
<h3>Note.</h3>
<p>The live website was built elsewhere and is different to the visuals shown here.</p>
<h3>Involvement.</h3>
<p>Design.</p>
<h3>Tools.</h3>
<p>Photoshop.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roomfive.net/mekk-bicycles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Knight Studios</title>
		<link>http://www.roomfive.net/knight-studios/</link>
		<comments>http://www.roomfive.net/knight-studios/#comments</comments>
		<pubDate>Tue, 11 Oct 2011 22:58:25 +0000</pubDate>
		<dc:creator>roomfive</dc:creator>
				<category><![CDATA[Build]]></category>
		<category><![CDATA[Knight Studios]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.roomfive.net/?p=2664</guid>
		<description><![CDATA[Knight Studios Client. A creative led design studio based in Bath UK, specialising in creating digital experiences for online and physical environments, with a rich history in print and editorial. Project. I&#8217;ve been fortunate enough to work on a number of high profile projects with Knight Studios, and it was my pleasure to build their [...]]]></description>
			<content:encoded><![CDATA[<div class="portfolio-images">
<img src="http://www.roomfive.net/wp-content/uploads/2011/11/home.jpg" alt="" title="Knight Studios (portfolio)" width="600" height="1292" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/11/journal.jpg" alt="" title="Knight Studios (journal)" width="600" height="522" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/11/about.jpg" alt="" title="Knight Studios (about)" width="600" height="579" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/11/contact.jpg" alt="" title="Knight Studios (contact)" width="600" height="590" />
</div>
<h2>Knight Studios</h2>
<h3>Client.</h3>
<p>A creative led design studio based in Bath UK, specialising in creating digital experiences for online and physical environments, with a rich history in print and editorial.</p>
<h3>Project.</h3>
<p>I&#8217;ve been fortunate enough to <a href="/tag/knight-studios/">work on a number of high profile projects with Knight Studios</a>, and it was my pleasure to build their portfolio website, based on the original designs Knight Studios provided me with to build out from.</p>
<p style="padding-top:10px;">The design follows a tight grid, and in the CMS you have the option to choose a different layout/structure and colour scheme for every project added.</p>
<h3>Involvement.</h3>
<p>Build.</p>
<h3>Tools.</h3>
<p>Coda. WordPress.</p>
<h3>Languages.</h3>
<p>HTML5. CSS. jQuery. PHP.</p>
<h3>Link.</h3>
<p><a href="http://www.knight-studios.com" target="_blank">www.knight-studios.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.roomfive.net/knight-studios/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nominations at the Lovie and BIMA Awards</title>
		<link>http://www.roomfive.net/lovie-and-bima-awards/</link>
		<comments>http://www.roomfive.net/lovie-and-bima-awards/#comments</comments>
		<pubDate>Tue, 11 Oct 2011 11:46:45 +0000</pubDate>
		<dc:creator>roomfive</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Press]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Award]]></category>
		<category><![CDATA[Club Of The Waves]]></category>
		<category><![CDATA[Sport]]></category>

		<guid isPermaLink="false">http://www.roomfive.net/?p=2500</guid>
		<description><![CDATA[Nominations at the Lovie and BIMA Awards One of my projects (Club Of The Waves) was shortlisted for awards at the 2011 (and first ever) European Lovie Awards and the British BIMA Awards. The Lovie Awards The Lovie Awards are the (European) sister awards of the famous Webby Awards, and the first-ever pan-European award specifically [...]]]></description>
			<content:encoded><![CDATA[<h2>Nominations at the Lovie and BIMA Awards</h2>
<p class="abstract">One of my projects (<a href="/club-of-the-waves">Club Of The Waves</a>) was shortlisted for awards at the 2011 (and first ever) European <a href="http://www.lovieawards.eu" target="_blank">Lovie Awards</a> and the British <a href="http://www.bimaawards.com" target="_blank">BIMA Awards</a>.</p>
<h3>The Lovie Awards</h3>
<p><a href="http://www.lovieawards.eu" target="_blank">The Lovie Awards</a> are the (European) sister awards of the famous Webby Awards, and the first-ever pan-European award specifically created to embrace the entire breadth of content created for the European Internet &#8211; from websites and mobile apps to online video and interactive advertising.</p>
<p><a href="http://www.lovieawards.eu/winners/" target="_blank">www.lovieawards.eu/winners/</a></p>
<p><a href="http://www.lovieawards.eu/winners/" target="_blank" style="border:none;"><img src="http://www.roomfive.net/wp-content/uploads/2011/10/lovie.png" alt="" title="The Lovie Awards" width="168" height="120" style="position:absolute; top:390px; left:600px;" /></a></p>
<h3>The BIMA Awards</h3>
<p>The <a href="http://www.bimaawards.com" target="_blank">BIMAs</a> were established in 1985 to celebrate and showcase the greatest interactive work being undertaken in Britain, and have now become one of the most coveted Awards and the biggest nights in the Internet industry calendar.</p>
<p><a href="http://www.bimaawards.com/2011-finalists.php" target="_blank">www.bimaawards.com/2011-finalists.php</a></p>
<p><a href="http://www.bimaawards.com/2011-finalists.php" target="_blank" style="border:none;"><img src="http://www.roomfive.net/wp-content/uploads/2011/10/bima1.jpg" alt="" title="The BIMA Awards" width="168" height="100" style="position:absolute; top:570px; left:600px;" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.roomfive.net/lovie-and-bima-awards/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Computer Arts Projects magazine feature</title>
		<link>http://www.roomfive.net/computer-arts-projects-magazine-feature/</link>
		<comments>http://www.roomfive.net/computer-arts-projects-magazine-feature/#comments</comments>
		<pubDate>Thu, 01 Sep 2011 12:03:37 +0000</pubDate>
		<dc:creator>roomfive</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Press]]></category>
		<category><![CDATA[foursquare]]></category>
		<category><![CDATA[JESS3]]></category>
		<category><![CDATA[Magazine]]></category>

		<guid isPermaLink="false">http://www.roomfive.net/?p=2742</guid>
		<description><![CDATA[My work featured in Computer Arts Projects magazine Computer Arts Projects&#8217; &#34;Design for the Web&#34; (issue 153) ran a two-page feature on a website for foursquare called &#34;I Voted&#34;, for which I designed the GUI for. The article covers an interview with (at that time) fellow JESS3 designer Robin Richards who designed the site architecture [...]]]></description>
			<content:encoded><![CDATA[<div class="portfolio-images" style="width:250px;"><img src="http://www.roomfive.net/wp-content/uploads/2011/12/computer-arts-cover.jpg" alt="" title="Computer Arts Projects issue 153 cover" width="230" height="230" /></div>
<h2>My work featured in <br />Computer Arts Projects magazine</h2>
<p class="abstract" style="width:560px">Computer Arts Projects&#8217; &quot;Design for the Web&quot; (issue 153) ran a two-page feature on a website for <a href="/tag/foursquare/">foursquare</a> called &quot;<a href="/foursquare-i-voted/">I Voted</a>&quot;, for which I designed the GUI for. The article covers an interview with (at that time) fellow JESS3 designer Robin Richards who designed the site architecture &amp; wireframes, and also the project manager at foursquare; Eric Friedman.</p>
<p style="width:580px"><strong>Richards says:</strong> <em>&quot;Everything had to be clean and clear so that the user understood the design, making for a fun and enjoyable experience reflecting the identity of foursquare.&quot;</em></p>
<p style="width:580px"><strong>Friedman says:</strong> <em>&quot;The site turned out better than we imagined it would and we were extremely happy with the result&hellip; By showing visually that every vote counts, we were able to inspire how people make a difference in an election.&quot;</em></p>
<h3>Below is the article as it appeared in the magazine&hellip;</h3>
<div style="width:885px; float:left; clear:both; padding:20px 0 40px 0; border-top:1px solid #DDDDDD; margin-top:10px;"><a href="http://www.roomfive.net/wp-content/uploads/2011/12/computer-arts-foursquare-full.jpg" target="_blank"><img src="http://www.roomfive.net/wp-content/uploads/2011/12/computer-arts-foursquare.jpg" alt="" title="Computer Arts Projects magazine page spread" width="865" height="436" style="border:10px solid #F1F1F1;" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.roomfive.net/computer-arts-projects-magazine-feature/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Saloni</title>
		<link>http://www.roomfive.net/saloni/</link>
		<comments>http://www.roomfive.net/saloni/#comments</comments>
		<pubDate>Tue, 16 Aug 2011 13:40:21 +0000</pubDate>
		<dc:creator>roomfive</dc:creator>
				<category><![CDATA[Build]]></category>
		<category><![CDATA[London]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.roomfive.net/?p=2219</guid>
		<description><![CDATA[Saloni Agency. Jotta (UK). Client. Saloni. A fashion designer in London. Project. My job was to build the site templates and make them content manageable via WordPress. The client can choose from different page templates to add various content from new collections, presentations, fashion items, press cuttings, stockists and a blog too. Involvement. Build. Tools. [...]]]></description>
			<content:encoded><![CDATA[<div class="portfolio-images">
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/home.jpg" alt="" title="Saloni - Home page (random images)" width="600" height="422" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/collection.jpg" alt="" title="Saloni – Collection" width="600" height="422" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/collection-item.jpg" alt="" title="Saloni – Collection &gt; Item" width="600" height="422" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/collection-sizes.jpg" alt="" title="Saloni – Collection (assorted sizes grid)" width="600" height="422" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/press.jpg" alt="" title="Saloni – Press archive" width="600" height="422" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/press-post.jpg" alt="" title="Saloni - Press cutting" width="600" height="422" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/blog.jpg" alt="" title="Saloni - Blog post" width="600" height="422" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/blog-scrolled.jpg" alt="" title="Saloni - Blog post (scrolled)" width="600" height="422" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/about.jpg" alt="" title="Saloni - About" width="600" height="422" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/stockists.jpg" alt="" title="Saloni - Stockists" width="600" height="422" />
</div>
<h2>Saloni</h2>
<h3>Agency.</h3>
<p>Jotta (UK).</p>
<h3>Client.</h3>
<p>Saloni. A fashion designer in London.</p>
<h3>Project.</h3>
<p>My job was to build the site templates and make them content manageable via WordPress. The client can choose from different page templates to add various content from new collections, presentations, fashion items, press cuttings, stockists and a blog too.</p>
<h3>Involvement.</h3>
<p>Build.</p>
<h3>Tools.</h3>
<p>Coda. WordPress.</p>
<h3>Languages.</h3>
<p>HTML5. CSS. jQuery. PHP.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.roomfive.net/saloni/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Face Up To It</title>
		<link>http://www.roomfive.net/livestrong-face-up-to-it/</link>
		<comments>http://www.roomfive.net/livestrong-face-up-to-it/#comments</comments>
		<pubDate>Wed, 27 Jul 2011 12:24:37 +0000</pubDate>
		<dc:creator>roomfive</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Bolster Labs]]></category>
		<category><![CDATA[Charity]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[LIVESTRONG]]></category>

		<guid isPermaLink="false">http://www.roomfive.net/?p=2202</guid>
		<description><![CDATA[Face Up To It charity campaign &#38; visual petition Agency. Bolster Labs (USA) Client. LIVESTRONG Project. A visual petition spanning a bespoke Facebook page tab, a Facebook app and a separate website, all inviting the public to &#34;add your face&#34;, in the countdown to a UN summit&#8230; Telling world leaders to &#8216;face up to&#8217; life [...]]]></description>
			<content:encoded><![CDATA[<div class="portfolio-images">
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/tab-1.jpg" alt="" title="Face Up To It (LIVESTRONG Facebook tab)" width="600" height="526" /></p>
<p style="width:300px; float:left; margin-right:20px;"><img src="http://www.roomfive.net/wp-content/uploads/2011/08/tab-2.jpg" alt="" title="Face Up To It (alternate charity Facebook tab)" width="280" /></p>
<p style="width:300px; float:left;"><img src="http://www.roomfive.net/wp-content/uploads/2011/08/tab-3.jpg" alt="" title="Face Up To It (alternate charity Facebook tab)" width="280" /></p>
<p><img src="http://www.roomfive.net/wp-content/uploads/2011/08/tab-4.jpg" alt="" title="Face Up To It (LIVESTRONG Facebook tab)" width="600" height="526" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/app-1.jpg" alt="" title="Face Up To It - Facebook App (sign on)" width="600" height="505" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/app-2.jpg" alt="" title="Face Up To It - Facebook App (choose photo from your FB albums)" width="600" height="505" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/app-3.jpg" alt="" title="Face Up To It - Facebook App (select photo to upload)" width="600" height="505" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/app-4.jpg" alt="" title="Face Up To It - Facebook App (social share)" width="600" height="736" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/app-5.jpg" alt="" title="Face Up To It - Facebook App (rollover to see details)" width="600" height="453" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/site-1.jpg" alt="" title="Face Up To It - Website (sign the petition)" width="600" height="443" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/site-2.jpg" alt="" title="Face Up To It - Website (thank you for signing!)" width="600" height="443" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/site-3.jpg" alt="" title="Face Up To It - Website (explore the visual petition)" width="600" height="443" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/08/site-4.jpg" alt="" title="Face Up To It - Website (mosaic starts to fill up)" width="600" height="443" />
</div>
<h2>Face Up To It <br />charity campaign <br />&amp; visual petition</h2>
<h3>Agency.</h3>
<p>Bolster Labs (USA)</p>
<h3>Client.</h3>
<p>LIVE<strong>STRONG</strong></p>
<h3>Project.</h3>
<p>A visual petition spanning a bespoke Facebook page tab, a Facebook app and a separate website, all inviting the public to &quot;add your face&quot;, in the countdown to a UN summit&hellip; Telling world leaders to &#8216;face up to&#8217; life threatening diseases. The users&#8217; photos make up a mosaic of thousands of other petitioners, which can be explored and shared.</p>
<h3>Campaign message.</h3>
<p>Cancer is a global crisis! Join LIVE<strong>STRONG</strong> in telling world leaders to <strong>Face Up To It</strong>. This September&#8217;s (2011) historic UN summit is our chance to make cancer a global health priority!</p>
<h3>Tools.</h3>
<p>Photoshop.</p>
<div style="width:220px; position:absolute; top:1680px; left:40px;">
<h3>Sign on</h3>
<p style="width:220px;">Once the user has visited the initial Facebook tab and opted to sign, they are then directed to a Facebook App where they can either sign on with their current <abbr title="Facebook">FB</abbr> profile photo, upload a photo or select from their <abbr title="Facebook">FB</abbr> photo albums.</p>
</div>
<div style="width:220px; position:absolute; top:3330px; left:40px;">
<h3>Explore the visual petition</h3>
<p style="width:220px;">Once the user has &#8216;signed&#8217; the petition they can explore the mosaic and share it with their friends on other social networks!</p>
</div>
<div style="width:220px; position:absolute; top:4610px; left:40px;">
<h3>Website</h3>
<p style="width:220px;">There is a separate LIVE<strong>STRONG</strong> branded website for people without a Facebook account.</p>
</div>
<p><a href="/tag/livestrong/" title="LIVESTRONG projects"><img src="http://www.roomfive.net/wp-content/uploads/2011/05/wristband.png" alt="LIVESTRONG wristband" width="176" height="175" style="position:absolute; top:209px; left:760px;" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.roomfive.net/livestrong-face-up-to-it/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Darren Whittington</title>
		<link>http://www.roomfive.net/darren-whittington/</link>
		<comments>http://www.roomfive.net/darren-whittington/#comments</comments>
		<pubDate>Tue, 12 Jul 2011 22:57:07 +0000</pubDate>
		<dc:creator>roomfive</dc:creator>
				<category><![CDATA[Build]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Cornwall]]></category>
		<category><![CDATA[Wireframes]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.roomfive.net/?p=2649</guid>
		<description><![CDATA[Original wireframes prior to the brand identity being designed&#8230; Darren Whittington Illustration Client. Darren Whittington is a freelance illustrator, designer and art director. He works for top agencies like Turner Duckworth on branding and advertising for the likes of Coca-Cola. Project. Darren needed a WordPress driven portfolio and blog website. I put together some initial [...]]]></description>
			<content:encoded><![CDATA[<div class="portfolio-images">
<img src="http://www.roomfive.net/wp-content/uploads/web-3.jpg" alt="" title="Darren Whittington (home page)" width="600" height="757" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/web-4.jpg" alt="" title="Banner alternative (1)" width="600" height="227" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/web-5.jpg" alt="" title="Banner alternative (2)" width="600" height="227" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/web-6.jpg" alt="" title="Banner alternative (3)" width="600" height="227" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/11/web-2.jpg" alt="" title="Darren Whittington (about page)" width="600" height="757" /></p>
<p style="width:600px; margin:15px 0 20px 0; font-size:16px; float:left; clear:both;"><span style="color:#5ea6be; font-weight:bold;">Original wireframes</span> prior to the brand identity being designed&hellip;</p>
<p style="width:300px; float:left; margin-right:20px;"><img src="http://www.roomfive.net/wp-content/uploads/2011/11/wireframe-1.jpg" alt="" title="Darren Whittington - Initial Wireframe (Home)" width="280" height="378" /><img src="http://www.roomfive.net/wp-content/uploads/2011/11/wireframe-3.jpg" alt="" title="Darren Whittington - Initial Wireframe (Portfolio Post)" width="280" height="375" /></p>
<p style="width:300px; float:left;"><img src="http://www.roomfive.net/wp-content/uploads/2011/11/wireframe-2.jpg" alt="" title="Darren Whittington - Initial Wireframe (Portfolio)" width="280" height="378" /><img src="http://www.roomfive.net/wp-content/uploads/2011/11/wireframe-4.jpg" alt="" title="Darren Whittington - Initial Wireframe (Article Post)" width="280" height="375" /></p>
</div>
<h2>Darren Whittington Illustration</h2>
<h3>Client.</h3>
<p>Darren Whittington is a freelance illustrator, designer and art director. He works for top agencies like Turner Duckworth on branding and advertising for the likes of Coca-Cola.</p>
<h3>Project.</h3>
<p>Darren needed a WordPress driven portfolio and blog website. I put together some initial wireframes that he designed out from, ready for me to build.</p>
<h3>Involvement.</h3>
<p>Wireframes. Build.</p>
<h3>Tools.</h3>
<p>Illustrator. Photoshop. Coda. WordPress.</p>
<h3>Languages.</h3>
<p>HTML5. CSS. jQuery. PHP.</p>
<h3>Link.</h3>
<p><a href="http://www.darrenwhittington.com" target="_blank">www.darrenwhittington.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.roomfive.net/darren-whittington/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>St Ives Surf School</title>
		<link>http://www.roomfive.net/st-ives-surf-school/</link>
		<comments>http://www.roomfive.net/st-ives-surf-school/#comments</comments>
		<pubDate>Thu, 23 Jun 2011 17:01:19 +0000</pubDate>
		<dc:creator>roomfive</dc:creator>
				<category><![CDATA[Build]]></category>
		<category><![CDATA[Cornwall]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Sport]]></category>
		<category><![CDATA[Surfing]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.roomfive.net/?p=1821</guid>
		<description><![CDATA[St Ives Surf School Client. St Ives Surf School. Project. Diggory Gordon was responsible for the great design and branding. Ruaraidh Monies for the photography. My job was to build their WordPress based website. Involvement. Build. Tools. Coda. WordPress. Languages. HTML5. CSS. jQuery. PHP. Link. www.stivessurfschool.co.uk]]></description>
			<content:encoded><![CDATA[<div class="portfolio-images">
<img src="http://www.roomfive.net/wp-content/uploads/2011/07/1.jpg" alt="" title="St Ives Surf School - Home page" width="600" height="700" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/07/2.jpg" alt="" title="St Ives Surf School - Text page" width="600" height="827" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/07/3.jpg" alt="" title="St Ives Surf School - Meet the Team page" width="600" height="732" />
</div>
<h2>St Ives Surf School</h2>
<h3>Client.</h3>
<p>St Ives Surf School.</p>
<h3>Project.</h3>
<p><a href="http://www.diggorygordon.tv" target="_blank">Diggory Gordon</a> was responsible for the great design and branding. <a href="http://rmonies.blogspot.com" target="_blank">Ruaraidh Monies</a> for the photography. My job was to build their WordPress based website.</p>
<h3>Involvement.</h3>
<p>Build.</p>
<h3>Tools.</h3>
<p>Coda. WordPress.</p>
<h3>Languages.</h3>
<p>HTML5. CSS. jQuery. PHP.</p>
<h3>Link.</h3>
<p><a href="http://www.stivessurfschool.co.uk" target="_blank">www.stivessurfschool.co.uk</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.roomfive.net/st-ives-surf-school/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>To The Lighthouse</title>
		<link>http://www.roomfive.net/to-the-lighthouse/</link>
		<comments>http://www.roomfive.net/to-the-lighthouse/#comments</comments>
		<pubDate>Sun, 15 May 2011 21:06:26 +0000</pubDate>
		<dc:creator>roomfive</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Build]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Cornwall]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.roomfive.net/?p=2344</guid>
		<description><![CDATA[To The Lighthouse. Holiday cottages in Cornwall Client. To The Lighthouse (UK) offer unique, eco-friendly self-catering holiday cottages and beach chalets in Cornwall. Project. I tried to create something a little different to set them apart from other Cornish holiday letting sites, adding character with natural tones and bespoke illustrations &#38; icons. The website is [...]]]></description>
			<content:encoded><![CDATA[<div class="portfolio-images">
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/idea-1.jpg" alt="" title="Initial Idea and Colour Scheme" width="600" height="1422" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/cottage.jpg" alt="" title="Cottage detail and availability page" width="600" height="2343" /></p>
<p style="width:300px; float:left; margin-right:20px;" id="identity"><img src="http://www.roomfive.net/wp-content/uploads/2011/05/ident-1.jpg" alt="" title="To The Lighthouse - Identity Idea" width="280" height="280" /><img src="http://www.roomfive.net/wp-content/uploads/2011/05/ident-4.jpg" alt="" title="To The Lighthouse - Final Identity" width="280" height="280" /></p>
<p style="width:300px; float:left;"><img src="http://www.roomfive.net/wp-content/uploads/2011/05/ident-3.jpg" alt="" title="To The Lighthouse - Identity Idea" width="280" height="280" /><img src="http://www.roomfive.net/wp-content/uploads/2011/05/icons.jpg" alt="" title="Icons" width="280" height="280" /></p>
<p><img src="http://www.roomfive.net/wp-content/uploads/2011/05/waves-clouds.jpg" alt="" title="Waves, clouds and birds illustrations" width="600" height="360" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/inner-1.jpg" alt="" title="To The Lighthouse - Inner Page" width="600" height="642" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/blog.jpg" alt="" title="To The Lighthouse - Blog" width="600" height="731" />
</div>
<h2>To The Lighthouse. <br />Holiday cottages <br />in Cornwall</h2>
<h3>Client.</h3>
<p>To The Lighthouse (UK) offer unique, <a href="http://www.tothelighthouse.co.uk" target="_blank">eco-friendly self-catering holiday cottages and beach chalets in Cornwall</a>.</p>
<h3>Project.</h3>
<p>I tried to create something a little different to set them apart from other Cornish holiday letting sites, adding character with natural tones and bespoke illustrations &amp; icons. The website is fully content managed via WordPress, for which I built a bespoke theme.</p>
<h3>Involvement.</h3>
<p><a href="#identity">Identity</a>. Design. Build.</p>
<h3>Tools.</h3>
<p>Photoshop. Illustrator. Coda. WordPress.</p>
<h3>Languages.</h3>
<p>HTML5. CSS. jQuery. PHP.</p>
<h3>Link.</h3>
<p><a href="http://www.tothelighthouse.co.uk" target="_blank">www.tothelighthouse.co.uk</a></p>
<div style="width:220px; position:absolute; top:1720px; left:40px;">
<h3>Cottage details</h3>
<p style="width:220px;">Each cottage or beach chalet page is effectively a website in itself, with unique domain names directing traffic to these pages in addition to the parent domain/home page. A one page setup with all the details, features, availability calendar/tariff and location details ensures a keyword rich page and ease of finding everything in one simple page.</p>
</div>
<div style="width:220px; position:absolute; top:4100px; left:40px;">
<h3>Identity</h3>
<p style="width:220px;">The brand mark was intended to reflect the theme of &quot;To The Lighthouse&quot;, which primarily refers to the famous <a href="http://en.wikipedia.org/wiki/To_the_Lighthouse" target="_blank">Virginia Woolf novel</a>. The lighthouse being at Godrevy near one of the companies&#8217; <a href="http://www.tothelighthouse.co.uk/driftwood-beach-chalet/" target="_blank">popular beach chalets in Cornwall</a>. But in a broader sense it refers to escaping to the Cornish coast.</p>
<p style="width:220px; padding-top:12px;">The first version of the identity featured only the sea and the iconic lighthouse&hellip; However some of the companies&#8217; cottages are inland, so the illustration was developed to incorporate the green countryside and create a sense of traveling to the coast beyond&hellip;</p>
<h3 style="padding-top:8px;">Colour</h3>
<p style="width:220px;">The colour scheme originally was black and blue to reflect the blue of the ocean and the black of the Cornish (Saint Piran&#8217;s) flag. The red was an experiment as lighthouses are stereotypically red &amp; white striped. In the end the &#8216;Cornish black&#8217; was deemed too heavy, so the green was introduced (to reflect the countryside) as a tertiary colour for icons, and the ocean blue as a secondary colour for navigational elements.</p>
<h3 style="padding-top:8px;">Illustration</h3>
<p style="width:220px;">I drew some fun, bespoke illustrations and icons to add a personal, friendly and unique feel to the website. The aged/grunge/vintage effect ties in with the interiors of the old traditional Cornish cottage interiors.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.roomfive.net/to-the-lighthouse/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LIVESTRONG iPad app</title>
		<link>http://www.roomfive.net/livestrong-ipad-app/</link>
		<comments>http://www.roomfive.net/livestrong-ipad-app/#comments</comments>
		<pubDate>Fri, 13 May 2011 12:13:30 +0000</pubDate>
		<dc:creator>roomfive</dc:creator>
				<category><![CDATA[App]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Touchscreen]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Bolster Labs]]></category>
		<category><![CDATA[Charity]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[LIVESTRONG]]></category>

		<guid isPermaLink="false">http://www.roomfive.net/?p=1683</guid>
		<description><![CDATA[LIVESTRONG Cancer Guide &#38; Tracker iPad app Agency. Bolster Labs (USA) Client. LIVESTRONG Project. An innovative iPad app to help cancer survivors, patients and their families, at every stage of the cancer. The app is a digital extension of LIVESTRONG&#8216;s existing Guidebook and Planner &#38; Journal documents that offer useful advice, support and information. Predominantly, [...]]]></description>
			<content:encoded><![CDATA[<div class="portfolio-images">
<iframe width="560" height="315" src="http://www.youtube.com/embed/tMwvYCo1kIM" frameborder="0" allowfullscreen style="margin:0 0 25px 20px; padding:0; float:left; clear:both; border:10px solid #f1f1f1;"></iframe><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/welcome.jpg" alt="" title="Welcome screen" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/video1.jpg" alt="" title="Video (welcome) screen" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/home-empty.jpg" alt="" title="Home screen (empty)" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/home-populated.jpg" alt="" title="Home screen (populated)" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/journal-1.jpg" alt="" title="My Journal screen (1)" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/journal-2.jpg" alt="" title="My Journal screen (2)" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/modal.jpg" alt="" title="Modal data input" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/appointments-1.jpg" alt="" title="Appointments screen" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/appointments-2.jpg" alt="" title="Appointments screen (detail)" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/treatment.jpg" alt="" title="Treatment screen" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/help.jpg" alt="" title="Video help modal" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/budget-1.jpg" alt="" title="My Budget (tracker) screen" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/budget-2.jpg" alt="" title="Data input modal for My Budget (tracker)" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/insurance.jpg" alt="" title="Insurance &amp; Benefits (tracker) screen" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/records-1.jpg" alt="" title="Stored Records (tracker) screen" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/records-2.jpg" alt="" title="Simple data input modal" width="620" height="474" style="border:none;" /><br />
<img src="http://www.roomfive.net/wp-content/uploads/2011/05/one-on-one.jpg" alt="" title="One-on-One screen" width="620" height="474" style="border:none;" />
</div>
<h2>LIVE<strong>STRONG</strong> <br />Cancer Guide &amp; Tracker <br />iPad app</h2>
<h3>Agency.</h3>
<p>Bolster Labs (USA)</p>
<h3>Client.</h3>
<p>LIVE<strong>STRONG</strong></p>
<h3>Project.</h3>
<p>An innovative iPad app to help cancer survivors, patients and their families, at every stage of the cancer. The app is a digital extension of LIVE<strong>STRONG</strong>&#8216;s existing <a href="http://www.store-laf.org/gbj001.html" target="_blank">Guidebook and Planner &amp; Journal documents</a> that offer useful advice, support and information. Predominantly, in it&#8217;s new interactive capacity it acts as a &#8216;tracker&#8217; allowing the user to track everything from their symptoms, to their treatment plans, medication, appointments, keep track of important financial information, budgets, contacts and record a journal. It&#8217;s a truly great and innovative app to help cancer patients, survivors and their families.</p>
<h3>Involvement.</h3>
<p>Design of all screens and scenarios.</p>
<h3>Personal note.</h3>
<p>This project is particularly personal to me. In a cruel, yet ironic twist of fate, I lost my Dad to a very short battle with an aggressive cancer, only a couple of months before starting on this project. It was devastating. So this project was particularly hard, but ultimately rewarding to work on.</p>
<p style="padding-top:10px;">Organisations like LIVE<strong>STRONG</strong> do great things, so <a href="http://www.store-laf.org/wristbands.html" target="_blank">wear your yellow wristband&#8217;s</a>, spread their good word and please support them where you can.</p>
<h3>Tools.</h3>
<p>Photoshop.</p>
<p><a href="/tag/livestrong/" title="LIVESTRONG projects"><img src="http://www.roomfive.net/wp-content/uploads/2011/05/wristband.png" alt="LIVESTRONG wristband" width="176" height="175" style="position:absolute; top:209px; left:740px;" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.roomfive.net/livestrong-ipad-app/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

