<?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; Web Design</title>
	<atom:link href="http://www.beoriginal.com/category/web-design/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>Netflix Website Conceptual Homepage Redesign</title>
		<link>http://www.beoriginal.com/2009/06/netflix-website-conceptual-homepage-redesign/</link>
		<comments>http://www.beoriginal.com/2009/06/netflix-website-conceptual-homepage-redesign/#comments</comments>
		<pubDate>Fri, 05 Jun 2009 22:10:17 +0000</pubDate>
		<dc:creator>Jonathan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Feature]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[concept]]></category>
		<category><![CDATA[home]]></category>
		<category><![CDATA[movies]]></category>
		<category><![CDATA[netflix]]></category>
		<category><![CDATA[red]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.beoriginal.com/?p=267</guid>
		<description><![CDATA[If you haven&#8217;t been to the Netflix homepage recently, then you&#8217;re one of the few. I was at once one of those few out there that hadn&#8217;t yet joined the movement that is Netflix. One of the things that kept me from signing up for the longest time was the lack luster, mediocre at best [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.beoriginal.com/2009/06/netflix-website-conceptual-homepage-redesign/"><img class="alignleft size-full wp-image-271" title="netflix logo" src="http://www.beoriginal.com/wp-content/uploads/2009/06/netflix-logo-thumbnail.jpg" alt="netflix logo" width="200" height="200" /></a>If you haven&#8217;t been to the <a title="Netflix" href="http://www.netflix.com" target="_blank">Netflix</a> homepage recently, then you&#8217;re one of the few. I was at once one of those few out there that hadn&#8217;t yet joined the movement that is Netflix. One of the things that kept me from signing up for the longest time was the lack luster, mediocre at best homepage. This is the first page the user experiences. Yet I couldn&#8217;t help but think, &#8220;How could this site that looks like it was developed back in the late 80&#8217;s, be the thing to bring us the future of movies?&#8221;<br />
<span id="more-267"></span><br />
<a href="http://www.beoriginal.com/wp-content/uploads/2009/06/netflix-old.png" rel="milkbox[267]"><img class="size-medium wp-image-274 alignnone" title="netflix old homepage" src="http://www.beoriginal.com/wp-content/uploads/2009/06/netflix-old-580x540.png" alt="This was the netflix homepage as it was when I originally did the concept" width="580" height="540" /></a></p>
<p>This was the Netflix homepage as it was when I originally did the new concept. I contacted anyone I could at Netflix and showed them the new conceptual redesigned homepage (below). I&#8217;m not saying I had any kind of influence, but it&#8217;s an awful coincidence that the homepage has since changed to a slightly nicer looking &#8220;design&#8221;.</p>
<p>I went ahead and took the dive into the unknown and became a member of Netflix despite my reservations about how technologically sound and quality such a poor design could be. Once I was in I was hooked and quickly moved from 1 to 3 movies out at a time, streamed any and all Doctor Who I could get, and became a big fan of the service Netflix offers.</p>
<p>All that said, I still felt like the design was done as more of a working, developer design (nothing against developer, after all I&#8217;m one too), rather than a real quality, usable, and astheticly pleasing design. I thought it could be better, so here&#8217;s what I put together for a new homepage design.</p>
<p><a href="http://www.beoriginal.com/wp-content/uploads/2009/06/netflix-concept-site-001-ta.png" rel="milkbox[267]"><img class="alignnone size-medium wp-image-273" title="netflix concept homepage" src="http://www.beoriginal.com/wp-content/uploads/2009/06/netflix-concept-site-001-ta-580x638.png" alt="netflix concept homepage" width="580" height="638" /></a></p>
<p>With this design I&#8217;ve incorporated everything in the current site, minus the bland, ugly, dated design. Right away the user knows what this site offers, movies. The color scheme works off of the Netflix red and provides a much richer, touchable look. The new design keeps everything the user needs to have quick access to on the homepage, and removes the clutter and the harshness of the bright red used in the current background.</p>
<p>In closing, we at BeOriginal think Netflix offers a great service that keeps getting better. The current design really doesn&#8217;t show the quality, nor get the turnover that they deserve as a great company providing a very current, high quality, and tech related service. A new, updated, &#8220;web 2.0-ish&#8221; design could drastically improve the new user growth, as well as the current user moral and organic spread.</p>
<h3>Similar Projects</h3>
	<div class="ngg-related-gallery"><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 Netflix Website Conceptual Homepage Redesign]" ><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=42" title="Currently in the dead pool." rel="milkbox[Related images for Netflix Website Conceptual Homepage Redesign]" ><div class="ngg-related-gallery-thumb" style="background-image:url(http://www.beoriginal.com/wp-content/gallery/portfolio/thumbs/thumbs_tvthis-site.jpg);"></div></a>
<a href="http://www.beoriginal.com/wp-content/themes/beoriginal_960/portfolio/?work=9" title="Custom Flash based web app for designing and printing out your very own staircase baluster design." rel="milkbox[Related images for Netflix Website Conceptual Homepage Redesign]" ><div class="ngg-related-gallery-thumb" style="background-image:url(http://www.beoriginal.com/wp-content/gallery/portfolio/thumbs/thumbs_atlantabaluster-flash.jpg);"></div></a>
<a href="http://www.beoriginal.com/wp-content/themes/beoriginal_960/portfolio/?work=103" title="Conceptual new Logo and Animation for popular social video sharing community site Viddler.com. The logo represents a new, modern look and feel. The idea was to show the social nature of the site with connected dots all resulting in a modified &quot;V&quot; for &quot;Viddler&quot;." rel="milkbox[Related images for Netflix Website Conceptual Homepage Redesign]" ><div class="ngg-related-gallery-thumb" style="background-image:url(http://www.beoriginal.com/wp-content/gallery/portfolio/thumbs/thumbs_viddler-logo.jpg);"></div></a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.beoriginal.com/2009/06/netflix-website-conceptual-homepage-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SuperLame! Comic Balloon Website and Flash App</title>
		<link>http://www.beoriginal.com/2008/12/superlame-comic-balloon-website-and-flash-app/</link>
		<comments>http://www.beoriginal.com/2008/12/superlame-comic-balloon-website-and-flash-app/#comments</comments>
		<pubDate>Tue, 30 Dec 2008 21:13:47 +0000</pubDate>
		<dc:creator>Jonathan</dc:creator>
				<category><![CDATA[Feature]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[comics]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[photos]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web app]]></category>

		<guid isPermaLink="false">http://www.beoriginal.com/?p=3</guid>
		<description><![CDATA[Most great inventions come from necessity. I&#8217;m not saying our web app SuperLame is anywhere near as important as say, the microwave or I don&#8217;t know, energy drinks, but it has it&#8217;s place. About a year ago I thought to myself, self, there&#8217;s not anywhere on the internet to go to quickly and easily add [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="milkbox" href="http://www.beoriginal.com/wp-content/uploads/2008/12/superlame-site.jpg" rel="milkbox[3]"><img class="alignleft size-thumbnail wp-image-36" title="superlame-site" src="http://www.beoriginal.com/wp-content/uploads/2008/12/superlame-site-200x200.jpg" alt="superlame-site" width="200" height="200" /></a></p>
<p>Most great inventions come from necessity. I&#8217;m not saying our web app <a title="SuperLame! Comic Word Balloons on Pictures" href="http://www.superlame.com">SuperLame</a> is anywhere near as important as say, the microwave or I don&#8217;t know, energy drinks, but it has it&#8217;s place. About a year ago I thought to myself, self, there&#8217;s not anywhere on the internet to go to quickly and easily add comic word balloons to photos. Yeah, it&#8217;s not a revolutionary idea, but if you search the tubes for an app like I&#8217;ve just described you&#8217;d be hard pressed to find anything as fast, easy, or quality as Superlame.com.<br />
<span id="more-3"></span></p>
<h2>Who, What, When, Where, Why, How?</h2>
<p>OK, so SuperLame was an internal project done by us, BeOriginal. We funded and created the site and continue to support it. What is it? Well, I was about to tell you. SuperLame is simply an online web tool/app for anyone to upload a photo, add comic balloons, then save that photo to use for whatever. That&#8217;s it, simple right? When did all this nonsense start? Well, I was hanging a picture above my toilet when I fell and hit my head, the next thing I remember was waking up and building the flux capacitor, wait&#8230; no, sorry, different story. So, from idea to working beta, because it&#8217;s not web 2.0 if it&#8217;s not beta, the app and site took around eight (8) days to develop. Since then we&#8217;ve continued to update and improve the site, adding such features as comic style sound effects &#8220;Whoopa!&#8221;. As for the where&#8230; well that&#8217;s kind of stupid, I&#8217;ll just say, the internet. Why? I kind of already covered that in the first paragraph. Basically, whether there was a need or not, I saw one and wanted to do something about it, if for no other reason than to just do it. Now we get to the meaty stuff, the how. Simple answer, computers.</p>
<h2>More On How We Did It</h2>
<p>Yeah computers were involved, but computers don&#8217;t do squat without fingers to mash keys and a brain to tell those fingers what keys to mash. I forgot what I was saying. Anyway, the main SuperLame application was built in Adobe Flash using Actionscript 3. If you know what that is great, if not, it&#8217;s basically the tech on the web that let&#8217;s you watch all those stupid lip syncing videos on YouTube. Flash allows the creation of very feature rich and interactive web applications and web sites, and that&#8217;s why we used it. With that said, while Flash played a large role in the user experience and front end of the application, PHP, another very popular and useful web language played a pivotal role behind the scenes. PHP stands for&#8230; well, I&#8217;m not exactly sure, in fact I don&#8217;t think the first P stands for anything. Hold on, let me &#8220;wiki&#8221; it&#8230; OK, yep the first P is stupid, but the rest supposedly stands for Hypertext PreProcessor. Guess it should technically be HPP, but that just doesn&#8217;t roll of the tongue the same way. &lt;sarcasm&gt;Anyway, I&#8217;m sure that helps you understand it better.&lt;/sarcasm&gt; Oh, and if you didn&#8217;t get that last joke, the one with the &lt;tag&gt; stuff, it&#8217;s just stupid web developer &#8220;humor&#8221;, I&#8217;m sorry. And on that note, I think I&#8217;ll wrap this up before I go even farther off course.</p>
<h3>Similar Projects</h3>
	<div class="ngg-related-gallery"><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 SuperLame! Comic Balloon Website and Flash App]" ><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=41" title="Currently in the dead pool." rel="milkbox[Related images for SuperLame! Comic Balloon Website and Flash App]" ><div class="ngg-related-gallery-thumb" style="background-image:url(http://www.beoriginal.com/wp-content/gallery/portfolio/thumbs/thumbs_tvthis-logo.jpg);"></div></a>
<a href="http://www.beoriginal.com/wp-content/themes/beoriginal_960/portfolio/?work=7" title="Alcott Chromatography site redesign. We set up two complete product catalogs. One for purchasing, one for requesting quotes. Each database had to work together and still contain unique information.
Once the site was done, the client wanted the ability to update and manage the site on their own via an administration area. We built a custom admin section to make the editing very simple, quick, and user friendly to even the most novice of computer users. As with all our custom web apps, we try to keep the learning curve extremely low and easy for just about anyone to get up and running in no time.
Unfortunately, the company has since been bought out and has reconstituted management of the site. Thus the current site no longer even remotely represents the work we had done previously." rel="milkbox[Related images for SuperLame! Comic Balloon Website and Flash App]" ><div class="ngg-related-gallery-thumb" style="background-image:url(http://www.beoriginal.com/wp-content/gallery/portfolio/thumbs/thumbs_alcott-site.jpg);"></div></a>
<a href="http://www.beoriginal.com/wp-content/themes/beoriginal_960/portfolio/?work=65" title="" rel="milkbox[Related images for SuperLame! Comic Balloon Website and Flash App]" ><div class="ngg-related-gallery-thumb" style="background-image:url(http://www.beoriginal.com/wp-content/gallery/portfolio/thumbs/thumbs_mighty-systemxl-chart.jpg);"></div></a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.beoriginal.com/2008/12/superlame-comic-balloon-website-and-flash-app/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>
