<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Ben Stevens Interactive Design</title>
	
	<link>http://www.benstevens.co.uk</link>
	<description />
	<lastBuildDate>Tue, 06 Dec 2011 14:49:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/BenStevens" /><feedburner:info uri="benstevens" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>New Work: Nick Jones &amp; Mark Easton websites</title>
		<link>http://feedproxy.google.com/~r/BenStevens/~3/w-GuE_KYF5Q/</link>
		<comments>http://www.benstevens.co.uk/2011/08/04/new-work-nick-jones-mark-easton-websites/#comments</comments>
		<pubDate>Thu, 04 Aug 2011 19:28:25 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[new work]]></category>

		<guid isPermaLink="false">http://www.benstevens.co.uk/?p=640293997</guid>
		<description><![CDATA[Recently finished a couple of small websites for two professionals in the film &#38; television industry. First up is Nick Jones, a director who has worked on commercials for the likes of Subway, 118 118, Match.com, and Ebay, as well as directing several TV dramas and comedy sketches. More info here. Visit Nick Jones&#8217; website [...]]]></description>
			<content:encoded><![CDATA[<p>Recently finished a couple of small websites for two professionals in the film &amp; television industry.</p>
<p>First up is Nick Jones, a director who has worked on commercials for the likes of Subway, 118 118, Match.com, and Ebay, as well as directing several TV dramas and comedy sketches. More info <a class="work" title="Nick Jones website" href="http://www.benstevens.co.uk/2011/05/24/nick-jones/">here.</a></p>
<p><a href="http://nickjones.uk.com"><img class="alignnone size-medium wp-image-640293936" title="Nick Jones website" src="http://www.benstevens.co.uk/wp-content/uploads/2011/05/nickjones.uk_.com-2-720x450.png" alt="" width="720" height="450" /></a></p>
<p><a class="extlink" title="Nick Jones website" href="http://nickjones.uk.com" target="_blank">Visit Nick Jones&#8217; website</a></p>
<p>Next is a website for freelance film editor, Mark Easton. Having previously been a lead editor at the BBC, he&#8217;s been involved with some very high-profile Panorama documentaries over the last few years. More info <a href="http://www.benstevens.co.uk/2011/08/04/mark-easton-website/" title="Mark Easton website" class="work">here</a>.</p>
<p><a href="http://www.markeaston.tv"><img src="http://www.benstevens.co.uk/wp-content/uploads/2011/08/markeaston.tv_-720x450.png" alt="" title="MarkEaston.tv" width="720" height="450" class="alignnone size-medium wp-image-640293993" /></a></p>
<p><a class="extlink" title="Mark Easton website" href="http://www.markeaston.tv" target="_blank">Visit Mark Easton&#8217;s website</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.benstevens.co.uk/2011/08/04/new-work-nick-jones-mark-easton-websites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.benstevens.co.uk/2011/08/04/new-work-nick-jones-mark-easton-websites/</feedburner:origLink></item>
		<item>
		<title>Mark Easton website</title>
		<link>http://feedproxy.google.com/~r/BenStevens/~3/dxE3lfogEu0/</link>
		<comments>http://www.benstevens.co.uk/2011/08/04/mark-easton-website/#comments</comments>
		<pubDate>Thu, 04 Aug 2011 15:44:54 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://www.benstevens.co.uk/?p=640293970</guid>
		<description><![CDATA[New website for ex-BBC, now freelance film editor &#8211; Mark Easton. Mark has edited a number of high-profile documentaries for the BBC and other networks, including: &#8216;Panorama Undercover Care: The Abuse Exposed&#8217;, &#8216;BP: $30 Billion Blowout&#8217;, and &#8216;Total Recall: The Total Story&#8217;. www.markeaston.tv »]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.markeaston.tv"><img src="http://www.benstevens.co.uk/wp-content/uploads/2011/08/markeaston.tv_-720x450.png" alt="" title="MarkEaston.tv" width="720" height="450" class="alignnone size-medium wp-image-640293993" /></a></p>
<p>New website for ex-BBC, now freelance film editor &#8211; Mark Easton. </p>
<p>Mark has edited a number of high-profile documentaries for the BBC and other networks, including: &#8216;Panorama Undercover Care: The Abuse Exposed&#8217;, &#8216;BP: $30 Billion Blowout&#8217;, and &#8216;Total Recall: The Total Story&#8217;.</p>
<p><a href="http://www.markeaston.tv" title="Visit the Mark Easton website" target="_blank" class="extlink">www.markeaston.tv »</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.benstevens.co.uk/2011/08/04/mark-easton-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.benstevens.co.uk/2011/08/04/mark-easton-website/</feedburner:origLink></item>
		<item>
		<title>Just Isn’t Music / Ninja Tune</title>
		<link>http://feedproxy.google.com/~r/BenStevens/~3/fOq4qCSr980/</link>
		<comments>http://www.benstevens.co.uk/2011/08/04/just-isnt-music-ninja-tune/#comments</comments>
		<pubDate>Thu, 04 Aug 2011 09:00:35 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://www.benstevens.co.uk/?p=640292913</guid>
		<description><![CDATA[The Just Isn&#8217;t Music (JIM) website, launched last week, was conceived way back in early 2010 in a Shoreditch cafe. The idea was to create a website that would build on existing visual assets into something totally new that would remain fresh over the months and (hopefully) years &#8230;. oh, and the entire website had [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.justisntmusic.com"><img class="alignnone size-full wp-image-640293956" title="Just Isn't Music" src="http://www.benstevens.co.uk/wp-content/uploads/2011/08/JIM-logo_large.jpg" alt="" width="720" height="450" /></a></p>
<p>The Just Isn&#8217;t Music (JIM) website, launched last week, was conceived way back in early 2010 in a Shoreditch cafe. The idea was to create a website that would build on existing visual assets into something totally new that would remain fresh over the months and (hopefully) years &#8230;. oh, and the entire website had to be displayed on a single page. No problem, I said.</p>
<p>Fast-forward to July 2011 and the new JIM website is finally launched. But what happened in the eighteen months since it all began?</p>
<p>We already had the look and feel created for a previous incarnation of the website (credit: George Wu) that never left the launchpad so this gave us a strong starting-point for the visual style. But the layout needed a complete overhaul to realise the one page concept and it was critical to get the user experience right first time to ensure visitors instantly understood how to navigate the site.</p>
<p>The modular panel layout was designed to be re-ordered and added to easily (panel background colours can also be changed to suit requirements). A system of colour-coded hyperlinks was developed that would distinguish internal links (navigation, tabs, buttons) from external links, so the user experience was never disrupted by abrupt jumps to external websites. The navigation remains anchored at the top of the page so the quick-links and music player are always visible.</p>
<p><a href="http://www.justisntmusic.com"><img class="alignnone size-medium wp-image-640293978" title="Just Isn't Music" src="http://www.benstevens.co.uk/wp-content/uploads/2011/08/justisntmusic.com_1-720x450.jpg" alt="" width="720" height="450" /></a></p>
<p>Because of the single page layout and the high amount of information to display we had to use Javascript to show and hide content dynamically. I turned to JQuery for most of the core UI functionality and animation effects. These are just some of the plugins I used:</p>
<p>&mdash; <a title="jScrollPane" href="http://jscrollpane.kelvinluck.com/" target="_blank" class="extlink">jScrollPane</a> by Kelvin Luck plugin is used to customise the styling of the panel scrollbars;<br />
&mdash; JQuery <a title="AviaSlider" href="http://aviathemes.com/aviaslider/" target="_blank" class="extlink">AviaSlider</a> slideshow plugin powers the Featured panel;<br />
&mdash; <a title="jQuery.LocalScroll" href="http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html" target="_blank" class="extlink">jQuery.LocalScroll</a> and <a title="jQuery.scrollTo" href="http://flesler.blogspot.com/2007/10/jqueryscrollto.html" target="_blank" class="extlink">jQuery.scrollTo</a> plugins by Ariel Flesler enable the animated page scrolling and #hash address linking;<br />
&mdash; <a title="ExternalInterface" href="http://plugins.jquery.com/project/externalInterface" target="_blank" class="extlink">ExternalInterface</a> plugin allows Javascript to trigger play/stop actions in the Flash audio &amp; video players.</p>
<p>What goes on behind the website is also worth mentioning. The site is integrated with a WordPress CMS with a few extra plugins installed to enable the advanced features of the site, including the <a title="MagicFields WordPress plugin" href="http://wordpress.org/extend/plugins/magic-fields/" target="_blank" class="extlink">MagicFields plugin</a> that allows uploading of images, music tracks, and videos. The WordPress theme was built from scratch to display everything on one page and bypass a lot of the standard WordPress functionality.</p>
<p>Future developments include HTML5 audio/video players to replace the current Flash-based players, and a web-app version of the size optimised for mobile devices. So stay tuned!</p>
<p>Client: Ninja Tune / Just Isn&#8217;t Music<br />
Design + Build: SuperNova<br />
Creative: Ben Stevens, George Wu</p>
<p><a class="extlink" title="Visit the Just Isn't Music website" href="http://www.justisntmusic.com" target="_blank">www.justisntmusic.com »</a></p>
<p><a href="http://www.justisntmusic.com"><img class="alignnone size-medium wp-image-640293979" title="Just Isn't Music" src="http://www.benstevens.co.uk/wp-content/uploads/2011/08/justisntmusic.com_2-720x450.jpg" alt="" width="720" height="450" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.benstevens.co.uk/2011/08/04/just-isnt-music-ninja-tune/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.benstevens.co.uk/2011/08/04/just-isnt-music-ninja-tune/</feedburner:origLink></item>
		<item>
		<title>Liked: ROME ’3 Dreams Of Black’ interactive film</title>
		<link>http://feedproxy.google.com/~r/BenStevens/~3/7DQf-WNhau8/</link>
		<comments>http://www.benstevens.co.uk/2011/06/30/liked-rome-3-dreams-of-black-interactive-film/#comments</comments>
		<pubDate>Thu, 30 Jun 2011 15:35:09 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[liked]]></category>
		<category><![CDATA[webgl]]></category>

		<guid isPermaLink="false">http://www.benstevens.co.uk/?p=640293943</guid>
		<description><![CDATA[Amazing interactive music video created using HTML5 &#38; WebGL. You&#8217;ll probably need to use Google Chrome web browser to view the video in all its glory. http://ro.me]]></description>
			<content:encoded><![CDATA[<p><a href="http://ro.me" target="_blank"><img class="alignnone size-medium wp-image-640293944" title="ROME '3 Dreams Of Black'" src="http://www.benstevens.co.uk/wp-content/uploads/2011/06/Screen-shot-2011-06-30-at-16.24.13-720x306.png" alt="" width="720" height="306" /></a></p>
<p>Amazing interactive music video created using HTML5 &amp; WebGL. You&#8217;ll probably need to use Google Chrome web browser to view the video in all its glory.</p>
<p><a class="extlink" href="http://ro.me" target="_blank">http://ro.me</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.benstevens.co.uk/2011/06/30/liked-rome-3-dreams-of-black-interactive-film/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.benstevens.co.uk/2011/06/30/liked-rome-3-dreams-of-black-interactive-film/</feedburner:origLink></item>
		<item>
		<title>Liked: theFWA.tv</title>
		<link>http://feedproxy.google.com/~r/BenStevens/~3/k4ioqv_3yBQ/</link>
		<comments>http://www.benstevens.co.uk/2011/06/15/liked-fwa-tv/#comments</comments>
		<pubDate>Wed, 15 Jun 2011 11:19:00 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[liked]]></category>

		<guid isPermaLink="false">http://www.benstevens.co.uk/?p=640293925</guid>
		<description><![CDATA[A fun project by the guys at FWA streaming live video from studios around the world. theFWA.tv]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.benstevens.co.uk/wp-content/uploads/2011/06/Screen-shot-2011-06-15-at-12.14.04-720x455.png" alt="" title="FWA.tv" width="720" height="455" class="alignnone size-medium wp-image-640293926" /></p>
<p>A fun project by the guys at FWA streaming live video from studios around the world.</p>
<p><a href="http://www.thefwa.tv" title="Go to theFWA.tv" class="extlink">theFWA.tv</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.benstevens.co.uk/2011/06/15/liked-fwa-tv/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.benstevens.co.uk/2011/06/15/liked-fwa-tv/</feedburner:origLink></item>
		<item>
		<title>Liked: Powers Of Ten Flipbook</title>
		<link>http://feedproxy.google.com/~r/BenStevens/~3/MatzGSSXfKM/</link>
		<comments>http://www.benstevens.co.uk/2011/06/06/liked-powers-of-ten-flipbook/#comments</comments>
		<pubDate>Mon, 06 Jun 2011 09:16:12 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[liked]]></category>

		<guid isPermaLink="false">http://www.benstevens.co.uk/?p=640293911</guid>
		<description><![CDATA[Video of an original Eames &#8216;Powers Of Ten&#8217; flipbook (via @motherlondon)]]></description>
			<content:encoded><![CDATA[<p><iframe src="http://player.vimeo.com/video/15746692?title=0&amp;byline=0&amp;portrait=0" width="720" height="405" frameborder="0"></iframe></p>
<p>Video of an original Eames &#8216;Powers Of Ten&#8217; flipbook (via @motherlondon)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.benstevens.co.uk/2011/06/06/liked-powers-of-ten-flipbook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.benstevens.co.uk/2011/06/06/liked-powers-of-ten-flipbook/</feedburner:origLink></item>
		<item>
		<title>Nick Jones website</title>
		<link>http://feedproxy.google.com/~r/BenStevens/~3/4y7OBNcMh-U/</link>
		<comments>http://www.benstevens.co.uk/2011/05/24/nick-jones/#comments</comments>
		<pubDate>Tue, 24 May 2011 12:00:39 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://www.benstevens.co.uk/?p=640292945</guid>
		<description><![CDATA[New showreel website for director, Nick Jones. Nick’s directing credits include over 75 TV Commercials, online virals and sponsorship idents alongside 40 hours of broadcast television – across Comedy, Drama and Factual Entertainment genres. http://nickjones.uk.com »]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-medium wp-image-640293935" title="Nick Jones website" src="http://www.benstevens.co.uk/wp-content/uploads/2011/05/nickjones.uk_.com-1-720x450.png" alt="" width="720" height="450" /></p>
<p>New showreel website for director, Nick Jones.</p>
<p>Nick’s directing credits include over 75 TV Commercials, online virals and sponsorship idents alongside 40 hours of broadcast television – across Comedy, Drama and Factual Entertainment genres.</p>
<p><a href="http://nickjones.uk.com" target="_blank" title="Visit the Nick Jones website" class="extlink">http://nickjones.uk.com »</a></p>
<p><img class="alignnone size-medium wp-image-640293936" title="Nick Jones website" src="http://www.benstevens.co.uk/wp-content/uploads/2011/05/nickjones.uk_.com-2-720x450.png" alt="" width="720" height="450" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.benstevens.co.uk/2011/05/24/nick-jones/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.benstevens.co.uk/2011/05/24/nick-jones/</feedburner:origLink></item>
		<item>
		<title>Our Planet Centre</title>
		<link>http://feedproxy.google.com/~r/BenStevens/~3/KMgUy9ZJVug/</link>
		<comments>http://www.benstevens.co.uk/2011/05/13/our-planet-centre/#comments</comments>
		<pubDate>Fri, 13 May 2011 19:40:50 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[games]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[touchscreen]]></category>

		<guid isPermaLink="false">http://www.benstevens.co.uk/?p=640293006</guid>
		<description><![CDATA[I worked with LCI during March/April 2011 to create a number of interactive games and applications for the new Our Planet visitors centre in St Lucia. Games include &#8216;Invaders&#8217; where players have to protect an island&#8217;s native species from invasive species on visiting boats, and an &#8216;Iguana game&#8217; where players have to guide a family [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-640293461" title="Invaders game" src="http://www.benstevens.co.uk/wp-content/uploads/2011/05/Invaders_game.jpg" alt="" width="720" height="450" /></p>
<p>I worked with LCI during March/April 2011 to create a number of interactive games and applications for the new Our Planet visitors centre in St Lucia.</p>
<p>Games include &#8216;Invaders&#8217; where players have to protect an island&#8217;s native species from invasive species on visiting boats, and an &#8216;Iguana game&#8217; where players have to guide a family of baby iguanas to the safety of the tree canopy while avoiding predatory cats.</p>
<p>Flash development: Ben Stevens<br />
Design: LCI</p>
]]></content:encoded>
			<wfw:commentRss>http://www.benstevens.co.uk/2011/05/13/our-planet-centre/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.benstevens.co.uk/2011/05/13/our-planet-centre/</feedburner:origLink></item>
		<item>
		<title>Santhosh website</title>
		<link>http://feedproxy.google.com/~r/BenStevens/~3/ZxqVz02TGGQ/</link>
		<comments>http://www.benstevens.co.uk/2011/04/28/santhosh/#comments</comments>
		<pubDate>Thu, 28 Apr 2011 12:00:43 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://www.benstevens.co.uk/?p=640293003</guid>
		<description><![CDATA[Flash website build for Santhosh. Flash development: Ben Stevens Design: ETV Online www.santhoshdance.com »]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.santhoshdance.com"><img class="alignnone size-medium wp-image-640293732" title="Visit the Santhosh website" src="http://www.benstevens.co.uk/wp-content/uploads/2011/04/www.santhoshdance.com_-720x450.png" alt="" width="720" height="450" /></a></p>
<p>Flash website build for Santhosh.</p>
<p>Flash development: Ben Stevens<br />
Design: ETV Online</p>
<p><a class="extlink" title="Visit the Santhosh website" href="http://www.santhoshdance.com" target="_blank">www.santhoshdance.com »</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.benstevens.co.uk/2011/04/28/santhosh/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.benstevens.co.uk/2011/04/28/santhosh/</feedburner:origLink></item>
		<item>
		<title>Daisies Flower Shop website</title>
		<link>http://feedproxy.google.com/~r/BenStevens/~3/VjWz-cOX-Z0/</link>
		<comments>http://www.benstevens.co.uk/2011/03/17/daisies-flower-shop-website/#comments</comments>
		<pubDate>Thu, 17 Mar 2011 12:00:38 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://www.benstevens.co.uk/?p=640293637</guid>
		<description><![CDATA[Website design &#38; build for Spalding florists, Daisies Flower Shop. Background illustrations by the multi-talented Emma Peake. www.daisiesflowershop.com »]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.benstevens.co.uk/wp-content/uploads/2011/06/www.daisiesflowershop.com_-720x450.png" alt="" title="Daisies Flower Shop website" width="720" height="450" class="alignnone size-medium wp-image-640293640" /></p>
<p>Website design &amp; build for Spalding florists, Daisies Flower Shop. Background illustrations by the multi-talented Emma Peake.</p>
<p><a href="http://www.daisiesflowershop.com" target="_blank" title="Visit the Daisies Flower Shop website" class="extlink">www.daisiesflowershop.com »</a></p>
<p><img src="http://www.benstevens.co.uk/wp-content/uploads/2011/06/www.daisiesflowershop.com-2-720x450.png" alt="" title="Daisies Flower Shop website" width="720" height="450" class="alignnone size-medium wp-image-640293641" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.benstevens.co.uk/2011/03/17/daisies-flower-shop-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.benstevens.co.uk/2011/03/17/daisies-flower-shop-website/</feedburner:origLink></item>
	</channel>
</rss>

