<?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>BeOriginal &#187; iPhone</title>
	<atom:link href="http://www.beoriginal.com/tag/iphone/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.beoriginal.com</link>
	<description>Design, Development, Marketing [+]</description>
	<lastBuildDate>Fri, 05 Jun 2009 22:11:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>iPhone Site Design for IndieFeed Music Site</title>
		<link>http://www.beoriginal.com/2009/06/iphone-site-design-for-indiefeed-music-site/</link>
		<comments>http://www.beoriginal.com/2009/06/iphone-site-design-for-indiefeed-music-site/#comments</comments>
		<pubDate>Thu, 04 Jun 2009 18:44:59 +0000</pubDate>
		<dc:creator>Jonathan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Feature]]></category>
		<category><![CDATA[brave new code]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[ipod]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wptouch]]></category>

		<guid isPermaLink="false">http://www.beoriginal.com/?p=152</guid>
		<description><![CDATA[IndieFeed wanted an iPhone version of their site to go with their awesome new Wordpress based site, designed by, plug, BeOriginal. Thankfully, we didn&#8217;t have to create the iPhone version from scratch, not that we couldn&#8217;t mind you. It&#8217;s just that the folks over at Brave New Code already provided the Wordpress community with a [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.beoriginal.com/wp-content/uploads/2009/06/iphone-indiefeed-screenshot-01.jpg" rel="milkbox[152]"><img class="alignleft size-thumbnail wp-image-262" title="iphone indiefeed screenshot home" src="http://www.beoriginal.com/wp-content/uploads/2009/06/iphone-indiefeed-screenshot-01-200x200.jpg" alt="iphone indiefeed screenshot home" width="200" height="200" /></a></p>
<p>IndieFeed wanted an iPhone version of their site to go with their awesome new Wordpress based site, designed by, plug, BeOriginal. Thankfully, we didn&#8217;t have to create the iPhone version from scratch, not that we couldn&#8217;t mind you. It&#8217;s just that the folks over at <a title="Brave New Code WPTouch Wordpress Plugin" href="http://www.bravenewcode.com/wptouch/" target="_blank">Brave New Code</a> already provided the Wordpress community with a handy little plugin by the name of WPTouch. With that in hand, rather than wasting time and effort (and the client&#8217;s budget) building an iPhone site from scratch, we were able to have a complete, custom, working iPhone version up in no time flat.<br />
<span id="more-152"></span><br />
While the WPTouch plugin helped speed up the process, it didn&#8217;t take care of everything. It did give us a base template to start from. We then had to take the design from the main site and incorporate it into the new iPhone optimized site. To do that we used a complex series of lasers, microscopes, science, crazy mathematical equations, three sour apple jellybeans, and two boxes of plutonium schmear all to miniaturize the design to best fit the iPhone. We think everything turned out pretty great. Our client, IndieFeed, loves it, and that makes it all worth it.</p>
<p>If you&#8217;ve got an iPhone or iPod Touch we highly recommend you try it out.</p>
<p><a href="http://www.beoriginal.com/wp-content/uploads/2009/05/indiefeed-iphone-artist-h.jpg" rel="milkbox[152]"><img class="alignleft size-full wp-image-253" title="indiefeed iphone artist horizontal" src="http://www.beoriginal.com/wp-content/uploads/2009/05/indiefeed-iphone-artist-h.jpg" alt="indiefeed iphone artist horizontal" width="480" height="320" /></a></p>
<p><a href="http://www.beoriginal.com/wp-content/uploads/2009/05/indiefeed-iphone-list-v.jpg" rel="milkbox[152]"><img class="alignleft size-full wp-image-252" title="indiefeed iphone list vertical" src="http://www.beoriginal.com/wp-content/uploads/2009/05/indiefeed-iphone-list-v.jpg" alt="indiefeed iphone list vertical" width="320" height="480" /></a></p>
<h3>Similar Projects</h3>
	<div class="ngg-related-gallery"><a href="http://www.beoriginal.com/wp-content/themes/beoriginal_960/portfolio/?work=95" title="Keeping with the theme developed for the Brimer Construction logo, we took and softened up the site slightly with a playful and strong characterization/mascot of the company owner. The entire site is built on the Wordpress platform and was designed with updating in mind, as the client needed the ability to add posts, galleries, etc. very quickly and easily." rel="milkbox[Related images for iPhone Site Design for IndieFeed Music Site]" ><div class="ngg-related-gallery-thumb" style="background-image:url(http://www.beoriginal.com/wp-content/gallery/portfolio/thumbs/thumbs_brimerco-site.jpg);"></div></a>
<a href="http://www.beoriginal.com/wp-content/themes/beoriginal_960/portfolio/?work=40" title="SuperLame is a very simple, easy to use web app for adding comic speech bubble to your photos. The app was built with fun in mind, as cheesy as that may sound. It's a Flash based web tool that allows the user to upload a photo, add word balloons, comic style sound effects, and then save your image as a jpeg to use anywhere you want.
The app is completely free and requires no signup or personal information. We created this app to show what we can do with web technologies and because we wanted to. The site and app have received much praise from a number of websites and web personalities, including Cali Lewis of GeekBrief, and Leo Laporte and Amber Mac of the Net@Night podcast." rel="milkbox[Related images for iPhone Site Design for IndieFeed Music Site]" ><div class="ngg-related-gallery-thumb" style="background-image:url(http://www.beoriginal.com/wp-content/gallery/portfolio/thumbs/thumbs_superlame-site.jpg);"></div></a>
<a href="http://www.beoriginal.com/wp-content/themes/beoriginal_960/portfolio/?work=39" title="Designed to complement the fun, animated, comic style of SuperLame.com and it&#039;s flash web app. The logo is an icon that can be used in many places the &quot;SuperLame!&quot; type style logo can&#039;t. It also has more character and personality than a more simple font based logo." rel="milkbox[Related images for iPhone Site Design for IndieFeed Music Site]" ><div class="ngg-related-gallery-thumb" style="background-image:url(http://www.beoriginal.com/wp-content/gallery/portfolio/thumbs/thumbs_superlame-logo.jpg);"></div></a>
<a href="http://www.beoriginal.com/wp-content/themes/beoriginal_960/portfolio/?work=24" title="Site design for podcasting/internet radio site IndieFeed.com" rel="milkbox[Related images for iPhone Site Design for IndieFeed Music Site]" ><div class="ngg-related-gallery-thumb" style="background-image:url(http://www.beoriginal.com/wp-content/gallery/portfolio/thumbs/thumbs_indiefeed-site.jpg);"></div></a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.beoriginal.com/2009/06/iphone-site-design-for-indiefeed-music-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spotlight: indiefeed.com &#8211; Online Indie Music Discovery</title>
		<link>http://www.beoriginal.com/2008/12/indiefeedcom-online-indie-music-discovery/</link>
		<comments>http://www.beoriginal.com/2008/12/indiefeedcom-online-indie-music-discovery/#comments</comments>
		<pubDate>Tue, 30 Dec 2008 02:02:16 +0000</pubDate>
		<dc:creator>Jonathan</dc:creator>
				<category><![CDATA[Feature]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[IndieFeed]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.beoriginal.com/?p=1</guid>
		<description><![CDATA[We recently finished a complete overhaul of the Washington, D.C. based indiefeed.com. IndieFeed provides a music discovery service to the indie community through a number of daily downloads in various music genres. The idea for the site overhaul was not only to provide a fresh, energetic look to an out of date site, but also [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="milkbox" href="http://www.beoriginal.com/wp-content/uploads/2008/12/indiefeed-site.jpg" rel="milkbox[1]"><img class="alignleft size-thumbnail wp-image-45" title="indiefeed-site" src="http://www.beoriginal.com/wp-content/uploads/2008/12/indiefeed-site-200x200.jpg" alt="indiefeed-site" width="200" height="200" /></a></p>
<p>We recently finished a complete overhaul of the Washington, D.C. based <a title="Indie Feed Music Discovery" href="http://indiefeed.com">indiefeed.com</a>. <a title="Indie Feed Music Discovery" href="http://indiefeed.com">IndieFeed</a> provides a music discovery service to the indie community through a number of daily downloads in various music genres. The idea for the site overhaul was not only to provide a fresh, energetic look to an out of date site, but also to make the music discovery process much easier for the user. One of the many features we added in the redesign was an option to play the song directly from the browser via a small Flash audio player.<br />
<span id="more-1"></span></p>
<h2>Taking it to the iPhone</h2>
<p>One of the biggest differences to this site than many others we&#8217;ve done is that IndieFeed wanted a version of the site designed specifically for the iPhone. Since the site was built on the ever flexible and extensible <a title="WordPress" href="http://wordpress.org">WordPress</a> engine we were able to simplify the process of conversion from normal site to iPhone based site. The WordPress community is always contributing new and innovative tools for extending the power of WordPress. We were able to take advantage of one of these innovations using the WPTouch plugin as provided by the amazing and generous developers over at <a title="Brave New Code" href="http://www.bravenewcode.com">Brave New Code</a>. This not only helped streamline development of the iPhone version of the site, but also speed up the process considerably.</p>
<h2>And Finally&#8230;</h2>
<p>What we ended up with was a site the client IndieFeed can now be proud to display as more of a showpiece than a simple utilitarian, get-the-job-done, kind of site. As with all the projects we take on, we always try to blend form with function. We beleive good design should pave the way to a good user experience.</p>
<h3>Similar Projects</h3>
	<div class="ngg-related-gallery"><a href="http://www.beoriginal.com/wp-content/themes/beoriginal_960/portfolio/?work=24" title="Site design for podcasting/internet radio site IndieFeed.com" rel="milkbox[Related images for Spotlight: indiefeed.com &#8211; Online Indie Music Discovery]" ><div class="ngg-related-gallery-thumb" style="background-image:url(http://www.beoriginal.com/wp-content/gallery/portfolio/thumbs/thumbs_indiefeed-site.jpg);"></div></a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.beoriginal.com/2008/12/indiefeedcom-online-indie-music-discovery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
