
<?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>10th Planet &#187; Interactive</title>
	<atom:link href="http://10thpla.net/tag/interactive/feed/" rel="self" type="application/rss+xml" />
	<link>http://10thpla.net</link>
	<description>A full service design agency in Sheffield</description>
	<lastBuildDate>Wed, 20 Jul 2011 10:09:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>The Beat is the Law : Redux</title>
		<link>http://10thpla.net/portfolio/web/the-beat-is-the-law-redesign/</link>
		<comments>http://10thpla.net/portfolio/web/the-beat-is-the-law-redesign/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 14:28:18 +0000</pubDate>
		<dc:creator>Andy</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Designers Republic]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://10thpla.net/?p=677</guid>
		<description><![CDATA[Finalising the project with a new look website.]]></description>
			<content:encoded><![CDATA[
<a href='http://10thpla.net/portfolio/web/the-beat-is-the-law-redesign/attachment/bitl3-homepage/' title='bitl3-Homepage'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2010/04/bitl3-Homepage-150x150.jpg" class="attachment-thumbnail" alt="bitl3-Homepage" title="bitl3-Homepage" /></a>
<a href='http://10thpla.net/portfolio/web/the-beat-is-the-law-redesign/attachment/bitl-listen/' title='bitl-listen'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2010/04/bitl-listen-150x150.jpg" class="attachment-thumbnail" alt="bitl-listen" title="bitl-listen" /></a>
<a href='http://10thpla.net/portfolio/web/the-beat-is-the-law-redesign/attachment/bitl-shop/' title='Shop'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2010/04/bitl-shop-150x150.jpg" class="attachment-thumbnail" alt="Shop" title="Shop" /></a>
<a href='http://10thpla.net/portfolio/web/the-beat-is-the-law-redesign/attachment/bitl-twitter-about/' title='bitl-twitter-about'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2010/04/bitl-twitter-about-150x150.jpg" class="attachment-thumbnail" alt="bitl-twitter-about" title="bitl-twitter-about" /></a>

<p>In the run up to the release of the DVD, <a href="http://www.sheffieldvision.com/">Sheffield Vision</a> came back to us to update <a href="http://www.thebeatisthelaw.com">TheBeatisTheLaw.com</a> with the new and finalised branding. We&#8217;ve been with this project from the beginning, so were happy to be on board to take it to it&#8217;s final incarnation on the web.</p>
<p>This time the root of the core design came from The Designer&#8217;s Republic, the influential design studio that set up in the middle of the documentary&#8217;s focus period, rather than Martin Bedford, like last time.</p>
<p>The main challenge when turning a print design into something that will work on the web is making everything work within a medium that you as a designer has very little, if any control over how the viewer will see it in the end. You then have to factor in elements of usability, flow and user experience, all without sacrificing the aesthetic quality of the original design&#8230; Fortunately, we&#8217;re well versed in that <img src='http://10thpla.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>The site&#8217;s content was all in place from the last version of the site, so it was important that it all stayed in place and the cross over between versions was perfectly smooth as nether us nor Sheffield Vision wanted to see any downtime on the site. This meant having to readjust a lot of content to fit into a very different form factor, as well as moving and reorganising the structure, all without changing the site&#8217;s internal structure, to avoid losing the PageRank.</p>
]]></content:encoded>
			<wfw:commentRss>http://10thpla.net/portfolio/web/the-beat-is-the-law-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Beat is the Law</title>
		<link>http://10thpla.net/portfolio/web/the-beat-is-the-law-2/</link>
		<comments>http://10thpla.net/portfolio/web/the-beat-is-the-law-2/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 14:26:00 +0000</pubDate>
		<dc:creator>Studio</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Brand Direction]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Viral Marketing]]></category>

		<guid isPermaLink="false">http://newer.10thpla.net/?p=203</guid>
		<description><![CDATA[A web-based experience to complement the music documentary.]]></description>
			<content:encoded><![CDATA[<address>
<a href='http://10thpla.net/portfolio/web/the-beat-is-the-law-2/attachment/bitl_homepage/' title='The Beat is the Law Homepage'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/09/bitl_homepage-150x150.jpg" class="attachment-thumbnail" alt="The Beat is the Law Homepage" title="The Beat is the Law Homepage" /></a>
<a href='http://10thpla.net/portfolio/web/the-beat-is-the-law-2/attachment/bitl2/' title='The Beat is the Law Credits intro page'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/09/bitl2-150x150.jpg" class="attachment-thumbnail" alt="The Beat is the Law Credits intro page" title="The Beat is the Law Credits intro page" /></a>
<a href='http://10thpla.net/portfolio/web/the-beat-is-the-law-2/attachment/bitl-listening-room/' title='Listening Room'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/09/bitl-listening-room-150x150.jpg" class="attachment-thumbnail" alt="The Listening Room, a custom music player, based on Phil Wolstenholme&#039;s poster for the film" title="Listening Room" /></a>
<a href='http://10thpla.net/portfolio/web/the-beat-is-the-law-2/attachment/bitl-screenings/' title='Screenings'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/09/bitl-screenings-150x150.jpg" class="attachment-thumbnail" alt="Screenings" title="Screenings" /></a>
<a href='http://10thpla.net/portfolio/web/the-beat-is-the-law-2/attachment/bitl-gallery/' title='Flickr Gallery'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/09/bitl-gallery-150x150.jpg" class="attachment-thumbnail" alt="Custom gallery connects to flickr" title="Flickr Gallery" /></a>
</p>
</address>
<p><span id="more-203"></span></p>
<div>
<div>
<p>The Beat is the Law is a sequel to 2001&#8242;s &#8220;Made in Sheffield&#8221;, a chronicle of the rise of music in the city from the early 1970s to the early 1980s when pioneers such as the Human League, ABC, Cabaret Voltaire, Heaven 17, Pulp, I&#8217;m So Hollow, Artery, The Extras, 2.3, Clock DVA and The Comsat Angels set about their mission&#8230;to &#8220;kill off Rock and Roll&#8221;!</p>
<p>That film was premièred at Sheffield&#8217;s International Documentary Festival (another client of ours!) and has since become an international success, becoming part of musical history itself as well as making it into Time Out&#8217;s list of 50 greatest Musical Films Ever. It also features one of the last interviews with John Peel, as well as contributions from all the main players.</p>
</div>
<div>
<p>&#8220;The Beat is the Law&#8221; continues the story through to the 1990s taking in Pulp, Babybird, Longpigs, Moloko and more and also follows the rise of dance music from Warp, FON and WAU!MrModo as well as interviews with Jarvis Cocker and Richard Hawley.</p>
<p>Eve Wood (director) and Richard Wood (Producer) asked us to create a website for this project after a conversation between Andy and Eve which started in the Showroom cinema in 2001, got interrupted, and then, strangely, resumed in 2008 in exactly the same place.</p>
<p>Working as sponsors of the documentary we created a blog-based website so that the producers can make instant updates and drive the promotion of the film as it gains momentum between its preview screening as part of Sensoria 2009 and its full premiere at DocFest.</p>
<p><a href="http://www.thebeatisthelaw.com" target="_blank">www.thebeatisthelaw.com</a></p>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://10thpla.net/portfolio/web/the-beat-is-the-law-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dave Butcher</title>
		<link>http://10thpla.net/portfolio/print/dave-butcher/</link>
		<comments>http://10thpla.net/portfolio/print/dave-butcher/#comments</comments>
		<pubDate>Mon, 24 Aug 2009 15:42:52 +0000</pubDate>
		<dc:creator>Studio</dc:creator>
				<category><![CDATA[Print]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[Promotional Materials]]></category>

		<guid isPermaLink="false">http://newer.10thpla.net/?p=289</guid>
		<description><![CDATA[A custom search optimised gallery site, built from the ground up.]]></description>
			<content:encoded><![CDATA[<div>
<div>

<a href='http://10thpla.net/portfolio/print/dave-butcher/attachment/db-intro/' title='Dave Butcher Homepage'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/09/db-intro-150x150.jpg" class="attachment-thumbnail" alt="Dave Butcher Homepage" title="Dave Butcher Homepage" /></a>
<a href='http://10thpla.net/portfolio/print/dave-butcher/attachment/db-refine/' title='Dave Butcher Refining Searches'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/09/db-refine-150x150.jpg" class="attachment-thumbnail" alt="Users can filter the photos by clicking on keywords to get better results" title="Dave Butcher Refining Searches" /></a>
<a href='http://10thpla.net/portfolio/print/dave-butcher/attachment/imgp0890/' title='Course Flyers'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/09/IMGP0890-150x150.jpg" class="attachment-thumbnail" alt="Promotional Flyers for Dave Butcher&#039;s Photography Courses" title="Course Flyers" /></a>
<a href='http://10thpla.net/portfolio/print/dave-butcher/attachment/imgp0893/' title='Dave Butcher Business Cards'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/09/IMGP0893-150x150.jpg" class="attachment-thumbnail" alt="Dave Butcher Business Cards" title="Dave Butcher Business Cards" /></a>

<p>Doctor Dave Butcher is an internationally acclaimed black and white photographer. He is also a respected authority on the techniques of photography and photographic printing. He shares his skill in workshops, lectures and courses and is the author and subject of several books and magazine articles.</p>
<p>Dave was looking to pull together all of his marketing, publicity and corporate material which had built up over time and did not have any consistency or recognisable style. Much of the printed material was produced in-house on an ad-hoc basis.</p>
<p>10th Planet started from scratch and, after immersing ourselves in the world of mono photography, created a striking new corporate identity which was inspired by one of Dave&#8217;s own favourite pieces of work. The logo and accompanying style was designed to be flexible and versatile enough to be used in a very wide range of situations.</p>
</div>
<div>
<p>It was applied initially to stationery, brochures, posters and a book cover, after which we completely redesigned the website <a href="http://www.davebutcher.co.uk/">www.davebutcher.co.uk</a> to provide information, a gallery of his entire collection of work (all of which is available to purchase) and the ability to book courses. Dave can control this website himself using a bespoke content management system we created especially for the project.</p>
<p>The highly recognisable new logo, corporate style and publicity material is helping to promote the Dave Butcher brand worldwide.</p>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://10thpla.net/portfolio/print/dave-butcher/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Uncommon People</title>
		<link>http://10thpla.net/portfolio/web/uncommon-people/</link>
		<comments>http://10thpla.net/portfolio/web/uncommon-people/#comments</comments>
		<pubDate>Fri, 24 Apr 2009 15:22:01 +0000</pubDate>
		<dc:creator>Studio</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Arts]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://newer.10thpla.net/?p=283</guid>
		<description><![CDATA[How do you connect The Human League to Pulp? Uncommon People will show you how.]]></description>
			<content:encoded><![CDATA[<div>
<div>

<a href='http://10thpla.net/portfolio/web/uncommon-people/attachment/uc-1/' title='Uncommon People'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/04/uc-1-150x150.jpg" class="attachment-thumbnail" alt="The 3D Connections Browser." title="Uncommon People" /></a>
<a href='http://10thpla.net/portfolio/web/uncommon-people/attachment/uc-2/' title='Uncommon People Video Player'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/04/uc-2-150x150.jpg" class="attachment-thumbnail" alt="Uncommon People Video Player" title="Uncommon People Video Player" /></a>
<a href='http://10thpla.net/portfolio/web/uncommon-people/attachment/uc-3/' title='Uncommon People'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/04/uc-3-150x150.jpg" class="attachment-thumbnail" alt="Uncommon People" title="Uncommon People" /></a>
<a href='http://10thpla.net/portfolio/web/uncommon-people/attachment/uc-5/' title='Bands A-Z'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/04/uc-5-150x150.jpg" class="attachment-thumbnail" alt="All the information is available in plain text form too." title="Bands A-Z" /></a>
<a href='http://10thpla.net/portfolio/web/uncommon-people/attachment/uc-4/' title='Uncommon People Timeline'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/04/uc-4-150x150.jpg" class="attachment-thumbnail" alt="The timeline view lets you see when bands formed and split" title="Uncommon People Timeline" /></a>
<a href='http://10thpla.net/portfolio/web/uncommon-people/attachment/uc-6/' title='Contribution form'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/04/uc-6-150x150.jpg" class="attachment-thumbnail" alt="Users can contribute text and images." title="Contribution form" /></a>

<p><span id="more-283"></span></p>
<p>Uncommon People is an ambitious project that aims to create a audio-visual history of the bands and music that have come out of Sheffield. We were excited to work on this project, particularly as nothing of its kind had ever been attempted before.</p>
</div>
<div>
<p>We produced a powerful 3D visualisation using Adobe&#8217;s Flash and Flex which lets you explore the connections between different bands and the people that made them.</p>
<p>Every area of the site allows contributions from users which will, in time, become a major part of the experience.</p>
<p>Uncommon People is constantly under active development and we&#8217;re working with Sensoria, the instigators of the project, to add new features all the time.</p>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://10thpla.net/portfolio/web/uncommon-people/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sensoria 2009</title>
		<link>http://10thpla.net/portfolio/print/sensoria-2009/</link>
		<comments>http://10thpla.net/portfolio/print/sensoria-2009/#comments</comments>
		<pubDate>Mon, 20 Apr 2009 13:04:11 +0000</pubDate>
		<dc:creator>Studio</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Print]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Promotional Materials]]></category>
		<category><![CDATA[Social Media]]></category>

		<guid isPermaLink="false">http://newer.10thpla.net/?p=146</guid>
		<description><![CDATA[We designed and organised Sensoria's promotional campaign. Custom art work and images.]]></description>
			<content:encoded><![CDATA[
<a href='http://10thpla.net/portfolio/print/sensoria-2009/attachment/sensoria_programme/' title='Sensoria Programme'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/04/sensoria_programme-150x150.jpg" class="attachment-thumbnail" alt="Sensoria Programme" title="Sensoria Programme" /></a>
<a href='http://10thpla.net/portfolio/print/sensoria-2009/attachment/imgp0883/' title='Sensoria Advert in Showroom magazine'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/04/IMGP0883-150x150.jpg" class="attachment-thumbnail" alt="Sensoria Advert in Showroom magazine" title="Sensoria Advert in Showroom magazine" /></a>
<a href='http://10thpla.net/portfolio/print/sensoria-2009/attachment/sensoria_1/' title='Sensoria'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/09/sensoria_1-150x150.jpg" class="attachment-thumbnail" alt="Sensoria" title="Sensoria" /></a>
<a href='http://10thpla.net/portfolio/print/sensoria-2009/attachment/sensoria_2/' title='Sensoria Film View'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/09/sensoria_2-150x150.jpg" class="attachment-thumbnail" alt="Sensoria Film View" title="Sensoria Film View" /></a>
<a href='http://10thpla.net/portfolio/print/sensoria-2009/attachment/sensoria-billboard/' title='Sensoria Billboard'><img width="150" height="150" src="http://10thpla.net/wp-content/uploads/2009/04/Sensoria-Billboard-150x150.jpg" class="attachment-thumbnail" alt="Sensoria Billboard on London Road in Sheffield.|| We would have stuck it up better." title="Sensoria Billboard" /></a>

<p><span id="more-146"></span></p>
<div>
<div>
<p>10th Planet took on the task of designing the print and web presence of the innaugral Sensoria festival in 2008. We were so in agreement for the need for such an event in Sheffield that we became in-kind sponsors of the project.</p>
<p>The festival&#8217;s aim was to bring together film, music, visual arts and performance in somthing never before experienced in Sheffield and was a roaring success.</p>
<p>2009 sees the project continue with a brand new website which is built on a blogging system to allow instant updates by the organisers and also feedback from the public. Social networking is also a vital part of the marketing approach.</p>
</div>
<div>
<p>As well as the website we produced advertising material, brochures, programmes and posters as in-kind sponsors of the festival. Sensoria also has a year-round commitment to education and arts promotion and we are also involved in a number of its side-projects.</p>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://10thpla.net/portfolio/print/sensoria-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

