<?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>Jez Hughes &#187; Blog</title>
	<atom:link href="http://jezhughes.com/category/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://jezhughes.com</link>
	<description>Digital stuff, Internet stuff, Dev stuff and life stuff.</description>
	<lastBuildDate>Thu, 10 Nov 2011 21:29:58 +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>JLS Jukebox Facebook app</title>
		<link>http://jezhughes.com/2011/11/jls-jukebox-facebook-app/</link>
		<comments>http://jezhughes.com/2011/11/jls-jukebox-facebook-app/#comments</comments>
		<pubDate>Thu, 10 Nov 2011 21:15:22 +0000</pubDate>
		<dc:creator>jez</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[JLS]]></category>
		<category><![CDATA[jukebox]]></category>
		<category><![CDATA[Soundcloud]]></category>

		<guid isPermaLink="false">http://jezhughes.com/?p=167</guid>
		<description><![CDATA[7 days to build, limited budget, scalable architecture and one of the biggest boy bands in the world? Sure! Let&#8217;s go, JLS! This one was a fun build, Facebook threw up a few API surprises and &#8216;Send Dialogue&#8217; plagued this project all the way through. We used Soundcloud to power<br /> &#8212; <a href="http://jezhughes.com/2011/11/jls-jukebox-facebook-app/">Continue reading &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>7 days to build, limited budget, scalable architecture and one of the biggest boy bands in the world? Sure! Let&#8217;s go, JLS!</p>
<p>This one was a fun build, Facebook threw up a few API surprises and &#8216;Send Dialogue&#8217; plagued this project all the way through.</p>
<p>We used <a href="http://soundcloud.com/">Soundcloud</a> to power the jukebox interface, via the playlist API. Users have the option to login with Facebook to create their own playlists Jukebox, or just continue to listen to the album as it is.</p>
<p>We put sharing at the heart of this, users can post their jukebox with up to 3 friends, and add a message to send with it. There&#8217;s an option to post it to their wall too.</p>
<p><a href="http://jezhughes.com/2011/11/jls-jukebox-facebook-app/screen-shot-2011-11-10-at-21-16-40/" rel="attachment wp-att-168"><img class="alignnone size-medium wp-image-168" title="Screen shot 2011-11-10 at 21.16.40" src="http://jezhughes.com/wp-content/uploads/2011/11/Screen-shot-2011-11-10-at-21.16.40-560x530.png" alt="" width="560" height="530" /></a></p>
<p>We added a splash of identity by having the user&#8217;s Facebook profile picture as the artwork on their customised Jukebox.</p>
<p><a href="http://jezhughes.com/2011/11/jls-jukebox-facebook-app/screen-shot-2011-11-10-at-21-17-38/" rel="attachment wp-att-169"><img class="alignnone size-medium wp-image-169" title="Screen shot 2011-11-10 at 21.17.38" src="http://jezhughes.com/wp-content/uploads/2011/11/Screen-shot-2011-11-10-at-21.17.38-560x571.png" alt="" width="560" height="571" /></a></p>
<p>This was a massive front end challenge too. For a young audience we wanted to keep the interface clean, all above the fold and bold, with the user journey seamless. We used overlay sliders for a lot of the UX. I think it paid off</p>
<p><a href="http://jezhughes.com/2011/11/jls-jukebox-facebook-app/screen-shot-2011-11-10-at-21-18-28/" rel="attachment wp-att-170"><img class="alignnone size-medium wp-image-170" title="Screen shot 2011-11-10 at 21.18.28" src="http://jezhughes.com/wp-content/uploads/2011/11/Screen-shot-2011-11-10-at-21.18.28-560x546.png" alt="" width="560" height="546" /></a></p>
<p>Here&#8217;s some images from pre production.</p>
<p>&nbsp;</p>
<p>My rubbish first sketch of the Jukebox (ha ha), working out how to make a interface make sense and not clunky&#8230;</p>
<p><img class="alignnone size-medium wp-image-171" title="photo" src="http://jezhughes.com/wp-content/uploads/2011/11/photo-e1320960178520.jpg" alt="" width="478" height="640" /></p>
<p>Sexy buttons&#8230; Super sexy buttons&#8230; I really can&#8217;t stress how important buttons are to me.</p>
<p><a href="http://jezhughes.com/2011/11/jls-jukebox-facebook-app/screen-shot-2011-11-10-at-21-23-58/" rel="attachment wp-att-172"><img class="alignnone size-full wp-image-172" title="Screen shot 2011-11-10 at 21.23.58" src="http://jezhughes.com/wp-content/uploads/2011/11/Screen-shot-2011-11-10-at-21.23.58.png" alt="" width="249" height="154" /></a></p>
<p><a href="http://jezhughes.com/2011/11/jls-jukebox-facebook-app/screen-shot-2011-11-10-at-21-24-07/" rel="attachment wp-att-173"><img class="alignnone size-full wp-image-173" title="Screen shot 2011-11-10 at 21.24.07" src="http://jezhughes.com/wp-content/uploads/2011/11/Screen-shot-2011-11-10-at-21.24.07.png" alt="" width="185" height="120" /></a></p>
<p><a href="http://jezhughes.com/2011/11/jls-jukebox-facebook-app/screen-shot-2011-11-10-at-21-24-11/" rel="attachment wp-att-174"><img class="alignnone size-full wp-image-174" title="Screen shot 2011-11-10 at 21.24.11" src="http://jezhughes.com/wp-content/uploads/2011/11/Screen-shot-2011-11-10-at-21.24.11.png" alt="" width="191" height="81" /></a></p>
<p>Cute icon to go along with the app</p>
<p><a href="http://jezhughes.com/2011/11/jls-jukebox-facebook-app/jls-jukebox-icon2/" rel="attachment wp-att-175"><img class="alignnone size-full wp-image-175" title="JLS-JUKEBOX-ICON2" src="http://jezhughes.com/wp-content/uploads/2011/11/JLS-JUKEBOX-ICON2.png" alt="" width="120" height="120" /></a></p>
<p>And another awesome one which didn&#8217;t make it (WORLD EXCLUSIVE)</p>
<p><a href="http://jezhughes.com/2011/11/jls-jukebox-facebook-app/jls-jukebox-icon1/" rel="attachment wp-att-176"><img class="alignnone size-full wp-image-176" title="JLS-JUKEBOX-ICON1" src="http://jezhughes.com/wp-content/uploads/2011/11/JLS-JUKEBOX-ICON1.png" alt="" width="120" height="120" /></a></p>
<p>And there we go. One of my favourite apps so far. <a href="http://www.facebook.com/JLSofficial?sk=app_179164922166947">Check it out here</a>. Was stressful but it came out super slick, kudos to my ninjas who made it happen.</p>
<p><a href="http://jezhughes.com/2011/11/jls-jukebox-facebook-app/screen-shot-2011-11-10-at-21-28-18/" rel="attachment wp-att-177"><img class="alignnone size-medium wp-image-177" title="Screen shot 2011-11-10 at 21.28.18" src="http://jezhughes.com/wp-content/uploads/2011/11/Screen-shot-2011-11-10-at-21.28.18-560x516.png" alt="" width="560" height="516" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://jezhughes.com/2011/11/jls-jukebox-facebook-app/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Multi site goodness</title>
		<link>http://jezhughes.com/2011/08/multi-site-goodness/</link>
		<comments>http://jezhughes.com/2011/08/multi-site-goodness/#comments</comments>
		<pubDate>Wed, 10 Aug 2011 19:01:53 +0000</pubDate>
		<dc:creator>jez</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[multisite]]></category>
		<category><![CDATA[user template]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://jezhughes.com/?p=136</guid>
		<description><![CDATA[Just finished a big WordPress project for a multi site network for our new company, using 1 aggregator theme to pull news from 3 other departments, a blog template, and 1 parent site to use on everything else. This isn&#8217;t a code palace so i&#8217;m just going to show some<br /> &#8212; <a href="http://jezhughes.com/2011/08/multi-site-goodness/">Continue reading &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>Just finished a big WordPress project for a multi site network for our new company, using 1 aggregator theme to pull news from 3 other departments, a blog template, and 1 parent site to use on everything else.</p>
<p>This isn&#8217;t a code palace so i&#8217;m just going to show some of the elements which are neat.</p>
<p>Main body of the site with custom menu configurations.</p>
<p><a href="http://jezhughes.com/2011/08/multi-site-goodness/screen-shot-2011-08-08-at-15-02-58/" rel="attachment wp-att-147"><img class="alignnone size-medium wp-image-147" title="Screen shot 2011-08-08 at 15.02.58" src="http://jezhughes.com/wp-content/uploads/2011/08/Screen-shot-2011-08-08-at-15.02.58-560x341.png" alt="" width="560" height="341" /></a></p>
<p>Custom category with rollovers</p>
<p><a href="http://jezhughes.com/2011/08/multi-site-goodness/screen-shot-2011-08-08-at-15-03-18/" rel="attachment wp-att-148"><img class="alignnone size-medium wp-image-148" title="Screen shot 2011-08-08 at 15.03.18" src="http://jezhughes.com/wp-content/uploads/2011/08/Screen-shot-2011-08-08-at-15.03.18-560x392.png" alt="" width="560" height="392" /></a></p>
<p>Job application page with custom contact form and new &#8216;Apply with LinkedIn&#8217; button for quick submission.</p>
<p><a href="http://jezhughes.com/2011/08/multi-site-goodness/screen-shot-2011-08-08-at-15-03-27/" rel="attachment wp-att-149"><img class="alignnone size-medium wp-image-149" title="Screen shot 2011-08-08 at 15.03.27" src="http://jezhughes.com/wp-content/uploads/2011/08/Screen-shot-2011-08-08-at-15.03.27-560x380.png" alt="" width="560" height="380" /></a></p>
<p>Newsletter pop up and sign up with CSS3 goodness (Mailchimp)</p>
<p><a href="http://jezhughes.com/2011/08/multi-site-goodness/screen-shot-2011-08-08-at-15-03-48/" rel="attachment wp-att-150"><img class="alignnone size-medium wp-image-150" title="Screen shot 2011-08-08 at 15.03.48" src="http://jezhughes.com/wp-content/uploads/2011/08/Screen-shot-2011-08-08-at-15.03.48-560x402.png" alt="" width="560" height="402" /></a></p>
<p>A shot of single posts, custom fields drive the video embeds if needed. Tooltips give share options and shortlinks with custom lucd.co domain (using WP bit.ly).</p>
<p><a href="http://jezhughes.com/2011/08/multi-site-goodness/screen-shot-2011-08-08-at-15-04-14/" rel="attachment wp-att-151"><img class="alignnone size-medium wp-image-151" title="Screen shot 2011-08-08 at 15.04.14" src="http://jezhughes.com/wp-content/uploads/2011/08/Screen-shot-2011-08-08-at-15.04.14-560x375.png" alt="" width="560" height="375" /></a></p>
<p>Custom user list layout, lists all the users on the multi site but in this instance is serves as a reference to employees. Pretty cool! Needs some tweaking</p>
<p><a href="http://jezhughes.com/2011/08/multi-site-goodness/screen-shot-2011-08-08-at-15-05-13/" rel="attachment wp-att-152"><img class="alignnone size-medium wp-image-152" title="Screen shot 2011-08-08 at 15.05.13" src="http://jezhughes.com/wp-content/uploads/2011/08/Screen-shot-2011-08-08-at-15.05.13-560x326.png" alt="" width="560" height="326" /></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://jezhughes.com/2011/08/multi-site-goodness/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chronos/The Wanted, another Fb project</title>
		<link>http://jezhughes.com/2011/08/chronosthe-wanted-another-fb-project/</link>
		<comments>http://jezhughes.com/2011/08/chronosthe-wanted-another-fb-project/#comments</comments>
		<pubDate>Wed, 10 Aug 2011 18:31:36 +0000</pubDate>
		<dc:creator>jez</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[likes]]></category>
		<category><![CDATA[meter]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://jezhughes.com/?p=137</guid>
		<description><![CDATA[Wrapping up another &#8216;chronos&#8217; project for The Wanted. Not sure what to do with this app project yet, they&#8217;re so easy to do and build and work really well; just takes time to put some steam behind it to make it in to a sucessful product. The layouts conditioned so<br /> &#8212; <a href="http://jezhughes.com/2011/08/chronosthe-wanted-another-fb-project/">Continue reading &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>Wrapping up another &#8216;chronos&#8217; project for The Wanted. Not sure what to do with this app project yet, they&#8217;re so easy to do and build and work really well; just takes time to put some steam behind it to make it in to a sucessful product.</p>
<p>The layouts conditioned so existing fans see share options with Facebook and Twitter, and non-fans see a prominent &#8216;Like&#8217; button to like the page.</p>
<p><a href="http://jezhughes.com/2011/08/chronosthe-wanted-another-fb-project/screen-shot-2011-08-10-at-17-11-30/" rel="attachment wp-att-139"><img class="alignnone size-medium wp-image-139" title="Screen shot 2011-08-10 at 17.11.30" src="http://jezhughes.com/wp-content/uploads/2011/08/Screen-shot-2011-08-10-at-17.11.30-560x565.png" alt="" width="560" height="565" /></a></p>
<p>I like how this one turned out though! I&#8217;m beginning to love the dark &#8216;Like&#8217; buttons.</p>
<p>Suggestions welcome. I know i&#8217;m rubbish at page folds&#8230;</p>
<p><a href="http://jezhughes.com/2011/08/chronosthe-wanted-another-fb-project/screen-shot-2011-08-10-at-17-11-17/" rel="attachment wp-att-138"><img class="alignnone size-medium wp-image-138" title="Screen shot 2011-08-10 at 17.11.17" src="http://jezhughes.com/wp-content/uploads/2011/08/Screen-shot-2011-08-10-at-17.11.17-560x551.png" alt="" width="560" height="551" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://jezhughes.com/2011/08/chronosthe-wanted-another-fb-project/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Did I rip off Reeder (iPad) for my site?</title>
		<link>http://jezhughes.com/2011/08/did-i-rip-off-reeder-ipad-for-my-site/</link>
		<comments>http://jezhughes.com/2011/08/did-i-rip-off-reeder-ipad-for-my-site/#comments</comments>
		<pubDate>Wed, 03 Aug 2011 22:23:16 +0000</pubDate>
		<dc:creator>jez</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[reeder]]></category>

		<guid isPermaLink="false">http://jezhughes.com/2011/08/did-i-rip-off-reeder-ipad-for-my-site/</guid>
		<description><![CDATA[Yes, yes i did. I&#8217;m not ashamed of it though, Reeder is one of my favourite iPad apps in terms of design, the paper cut feel is gorgeous.]]></description>
			<content:encoded><![CDATA[<p>Yes, yes i did. I&#8217;m not ashamed of it though, Reeder is one of my favourite iPad apps in terms of design, the paper cut feel is gorgeous.</p>
<p><a href="http://jezhughes.com/wp-content/uploads/2011/08/20110803-112305.jpg"><img src="http://jezhughes.com/wp-content/uploads/2011/08/20110803-112305.jpg" alt="20110803-112305.jpg" class="alignnone size-full" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://jezhughes.com/2011/08/did-i-rip-off-reeder-ipad-for-my-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Site&#8230; What do you think?</title>
		<link>http://jezhughes.com/2011/05/new-site-what-do-you-think/</link>
		<comments>http://jezhughes.com/2011/05/new-site-what-do-you-think/#comments</comments>
		<pubDate>Fri, 27 May 2011 22:05:51 +0000</pubDate>
		<dc:creator>jez</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[reeder]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://jezhughes.com/blog/?p=49</guid>
		<description><![CDATA[This must be the 5th personal website I&#8217;ve ever had, hello mr. indecisive! Here is my latest digital representation of me though, and hopefully it will last longer than it&#8217;s predecessors. Building sites has become a guilty pleasure for me over the past year or 2 (this is probably the<br /> &#8212; <a href="http://jezhughes.com/2011/05/new-site-what-do-you-think/">Continue reading &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>This must be the 5th personal website I&#8217;ve ever had, hello mr. indecisive!</p>
<p>Here is my latest digital representation of me though, and hopefully it will last longer than it&#8217;s predecessors. Building sites has become a guilty pleasure for me over the past year or 2 (this is probably the 10th theme I&#8217;ve built for WordPress). I&#8217;m not actually technically a developer or a designer, I&#8217;ve had zero training in either, but I suppose this goes to show on the world wide web, anythings possible and anythings learnable!</p>
<p>Anyway, hello!</p>
]]></content:encoded>
			<wfw:commentRss>http://jezhughes.com/2011/05/new-site-what-do-you-think/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

