<?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 2.0</title>
	<atom:link href="http://www.beoriginal.com/tag/web-20/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=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>
<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 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-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 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=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>
</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>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=98" title="Front Range Virtual Tours provides you with Beautiful Panoramic Property Tours that give you a dynamic marketing advantage." 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_frontrange-site.jpg);"></div></a>
<a href="http://www.beoriginal.com/wp-content/themes/beoriginal_960/portfolio/?work=102" title="Conceptual home page redesign for Netflix. The idea was to encourage more click through by prettying up the sign-up page and making the work flow it more intuitive." 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_netflix-site.png);"></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=41" title="Currently in the dead pool." 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_tvthis-logo.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>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=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=9" title="Custom Flash based web app for designing and printing out your very own staircase baluster design." 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_atlantabaluster-flash.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 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=38" 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_staubach-logo.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>
	</channel>
</rss>
