<?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>MetaBlog &#187; Design</title>
	<atom:link href="http://www.metablocks.com/blog/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.metablocks.com/blog</link>
	<description></description>
	<lastBuildDate>Wed, 16 Dec 2009 18:42:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Ultimate Airport Portal</title>
		<link>http://www.metablocks.com/blog/2009/01/13/ultimate-airport-travel-portal/</link>
		<comments>http://www.metablocks.com/blog/2009/01/13/ultimate-airport-travel-portal/#comments</comments>
		<pubDate>Tue, 13 Jan 2009 08:00:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Clients]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Widgets]]></category>
		<category><![CDATA[airline]]></category>
		<category><![CDATA[airport]]></category>
		<category><![CDATA[portal]]></category>

		<guid isPermaLink="false">http://www.metablocks.com/blog/2009/01/13/ultimate-airport-travel-portal/</guid>
		<description><![CDATA[Last year we designed a unique airport portal concept (see draft) for one of the leading travel search engines. The idea was to create a content hub for business travelers that would bring together all the relevant travel information by focusing on their point of departure and their final destination &#8211; airports. The airport portal would [...]]]></description>
			<content:encoded><![CDATA[<!-- sphereit start --><p>Last year we designed a unique <strong>airport portal </strong>concept (<a href="http://www.metablocks.com/blog/content/airport/airport.html" target="_blank">see draft</a>) for one of the leading travel search engines. The idea was to create a content hub for business travelers that would bring together all the relevant travel information by focusing on their point of departure and their final destination &#8211; airports. The <strong>airport portal </strong>would provide information on average check in times, flight delays, security alerts, airport productivity tips, airport maps and other information, as well as access to airline flight schedules and reservations.</p>
<p><img src="http://www.metablocks.com/blog/wp-content/uploads/2009/01/small-airport.jpg" alt="Small_airport" border="0" title="The Ultimate Airport Portal widget facebook clients" /><br />
<a href="http://www.metablocks.com/blog/content/airport/airport.html" style="font-size: 11px" target="_blank">Enlarge Image</a><a href="http://www.metablocks.com/blog/content/airport/airport.html" style="font-size: 11px" target="_blank"></a></p>
<p>During the design process, we tried to incorporate as many Web 2.0 portal best practices as possible, some of these include:</p>
<ul>
<li><strong>Enabling Personalization and Customization</strong></li>
<li><strong>Integating Ecommerce</strong><br />
In today’s web economy, monetization is key. Incorporate as much revelent ecommerce and advertising in your portal.</li>
<li><strong>Incorporating User Generated Content</strong><br />
User-generated content can key to a successful web-based community. Having travelers blog about their airport experience in real-time provides other travelers with important, time-saving information about what is going on the ground.</li>
<li><strong>Mashup, Mashup, Mashup</strong><br />
Mashups allow you to deliver compelling applications quickly and cost effectively.</li>
<li><strong>Keeping it Graphic</strong><br />
There is nothing more boring than an all text portal. Try and tell your story using more graphics and less text.</li>
<li><strong>Using Free Content</strong><br />
There is a lot of free content either in the public domain (airport information), from the government (airport updates), or generated by users (forums, blogs) than you can incorporate in your portal. Identify it, make sure its free, and incorporate it properly into your portal.</li>
<li><strong>Using Widget and Portlets</strong><br />
Packaging applications and information as widgets, modules or portlets not only makes them easier to develop and deliver but also allows users to better customize their online experience.</li>
</ul>
<!-- sphereit end --><span style="font-size:12px;margin-bottom:40px; border-bottom:none;"><a class="iconsphere" style=\"font-size:12px;\" title="Sphere: Related Content" onclick="return Sphere.Widget.search('http://www.metablocks.com/blog/2009/01/13/ultimate-airport-travel-portal/')" href="http://www.sphere.com/search?q=sphereit:http://www.metablocks.com/blog/2009/01/13/ultimate-airport-travel-portal/">Sphere: Related Content</a></span><div style='padding:3px'></div>]]></content:encoded>
			<wfw:commentRss>http://www.metablocks.com/blog/2009/01/13/ultimate-airport-travel-portal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Printed Blog Launches Website</title>
		<link>http://www.metablocks.com/blog/2009/01/12/the-printed-blog-launches/</link>
		<comments>http://www.metablocks.com/blog/2009/01/12/the-printed-blog-launches/#comments</comments>
		<pubDate>Mon, 12 Jan 2009 20:34:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Clients]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[the printed blog]]></category>
		<category><![CDATA[wired]]></category>

		<guid isPermaLink="false">http://www.metablocks.com/blog/2009/01/12/the-printed-blog-launches/</guid>
		<description><![CDATA[We recently helped our client The Printed Blog with the design of their website and corporate brand.  The Printed Blog, currently in beta, just got written up in the Wired Blog in an article that talks about the site’s unique approach:
As old media races to catch up with the Web and figure out how to [...]]]></description>
			<content:encoded><![CDATA[<!-- sphereit start --><p>We recently helped our client <strong><a href="http://www.theprintedblog.com/" target="_blank">The Printed Blog</a></strong> with the design of their website and corporate brand.  The Printed Blog, currently in beta, just got written up in the <a href="http://blog.wired.com/business/2009/01/new-media-ventu.html#more" target="_blank">Wired Blog</a> in an article that talks about the site’s unique approach:</p>
<blockquote><p>As old media races to catch up with the Web and <a href="http://www.nytimes.com/2009/01/12/business/media/12carr.html?_r=1&amp;ref=media#">figure out</a> how to successfully monetize print content online, one publication is taking a drastically different approach: web to print.</p></blockquote>
<p>Founded by serial entrepreneur Joshua Karp, <strong>The Printed Blog</strong> essentially wants to bring “the Best of the Web to your newsstand” by publishing a regular newspaper featuring news and editorial from popular blogs.  In designing <strong>The Printed Blog</strong> corporate site, we tried to go for a very clean consumer-ish look that would appeal to potential advertisers, partners and press – yet at the same time would remain distinctly Web 2.0. Tell us what you think of the design!</p>
<p><img src="http://www.metablocks.com/blog/wp-content/uploads/2009/01/printedblog.png" alt="Printedblog" border="0" title="The Printed Blog Launches Website widget facebook clients" /></p>
<!-- sphereit end --><span style="font-size:12px;margin-bottom:40px; border-bottom:none;"><a class="iconsphere" style=\"font-size:12px;\" title="Sphere: Related Content" onclick="return Sphere.Widget.search('http://www.metablocks.com/blog/2009/01/12/the-printed-blog-launches/')" href="http://www.sphere.com/search?q=sphereit:http://www.metablocks.com/blog/2009/01/12/the-printed-blog-launches/">Sphere: Related Content</a></span><div style='padding:3px'></div>]]></content:encoded>
			<wfw:commentRss>http://www.metablocks.com/blog/2009/01/12/the-printed-blog-launches/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Infographics at Metablocks</title>
		<link>http://www.metablocks.com/blog/2008/07/03/infographics-at-metablocks/</link>
		<comments>http://www.metablocks.com/blog/2008/07/03/infographics-at-metablocks/#comments</comments>
		<pubDate>Thu, 03 Jul 2008 05:16:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Marketing]]></category>

		<guid isPermaLink="false">http://www.metablocks.com/blog/2008/07/03/infographics-at-metablocks/</guid>
		<description><![CDATA[After my post on Hillcrest Labs, one or two clients mentioned that they didn’t realize we were such big Adobe Illustrator users! I am not surprise since its not common knowledge that in addition to our core business of web and social media application design and development we provide a broad range of other service [...]]]></description>
			<content:encoded><![CDATA[<!-- sphereit start --><p>After my post on <strong><a href="http://www.metablocks.com/blog/2008/06/30/intro-to-set-top-box-application-development-hillcrest-labs/" target="_blank">Hillcrest Labs</a></strong>, one or two clients mentioned that they didn’t realize we were such big <strong>Adobe Illustrator</strong> users! I am not surprise since its not common knowledge that in addition to our core business of <strong>web and social media application design and development</strong> we provide a broad range of other service to clients including <strong>infographics</strong> and other<strong> information-driven communication</strong>. Most of this work stems from our web design group who help clients better communication aspects of their technology or architecture visually. In the process we have developed a growing library of “object-art” that helps us in the story telling process.</p>
<p><img src="http://www.metablocks.com/blog/wp-content/uploads/2008/07/network-info-graphics.jpg" alt="Network_info_graphics" border="0" title="Infographics at Metablocks widget facebook design" /></p>
<p>Here are a couple of examples of some past infographic work:</p>
<ul>
<li><a href="http://www.metablocks.com/portfolio/diagrams/nanosolar1.png" target="_blank">Nanosolar</a> (Solar Paint)</li>
<li><a href="http://www.metablocks.com/portfolio/diagrams/nanosolar4.gif" target="_blank">Nanosolar</a><font color="#0000ff"> </font>(Process)</li>
<li><a href="http://www.metablocks.com/portfolio/diagrams/searchforce1.png" target="_blank">SearchForce</a></li>
<li><a href="http://www.metablocks.com/portfolio/diagrams/cingular.png" target="_blank">Cingular GoPhone</a></li>
<li><a href="http://www.metablocks.com/portfolio/diagrams/concursion3.png" target="_blank">Concursion</a> (Process)</li>
<li><a href="http://www.metablocks.com/portfolio/diagrams/bevocal.png" target="_blank">Bevocal</a> (Storyboard)</li>
</ul>
<p class="bjtags">Tags:  <a href="http://technorati.com/tag/infographics" rel="tag">infographics</a>, <a href="http://technorati.com/tag/diagrams" rel="tag">diagrams</a></p>
<!-- sphereit end --><span style="font-size:12px;margin-bottom:40px; border-bottom:none;"><a class="iconsphere" style=\"font-size:12px;\" title="Sphere: Related Content" onclick="return Sphere.Widget.search('http://www.metablocks.com/blog/2008/07/03/infographics-at-metablocks/')" href="http://www.sphere.com/search?q=sphereit:http://www.metablocks.com/blog/2008/07/03/infographics-at-metablocks/">Sphere: Related Content</a></span><div style='padding:3px'></div>]]></content:encoded>
			<wfw:commentRss>http://www.metablocks.com/blog/2008/07/03/infographics-at-metablocks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
