<?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>Jorge Arango &#187; Portfolio</title>
	<atom:link href="http://www.jarango.com/en/blog/category/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jarango.com/en</link>
	<description>Information Architecture + User Experience Design</description>
	<lastBuildDate>Thu, 10 Mar 2011 20:11:57 +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>Panama: Bridge of Life</title>
		<link>http://www.jarango.com/en/blog/2003/07/19/panama-bridge-of-life/</link>
		<comments>http://www.jarango.com/en/blog/2003/07/19/panama-bridge-of-life/#comments</comments>
		<pubDate>Sun, 20 Jul 2003 05:33:36 +0000</pubDate>
		<dc:creator>jarango</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.jarango.com/blog/?p=277</guid>
		<description><![CDATA[<div class="gallery-image"><a href="http://www.jarango.com/en/individual/2003/07/000533-panama_bridge_of_life.html"><img alt="biomuseo-2-th.png" src="/wp-content/uploads/old/projects/biomuseo-2-th.png" width="100" height="75" border="0" /></a></div>

<div class="gallery-desc">
The Museum of Biodiversity will be the first museum devoted exclusively to presenting the diversity and complexity of life on Earth. The building is being designed by Frank Gehry, one of the world's most famous architects, and the exhibits are being created by Bruce Mau. I'm working on the website.
</div>]]></description>
			<content:encoded><![CDATA[<p>
The Museum of Biodiversity will be the first museum devoted exclusively to presenting the diversity and complexity of life on Earth. The building is being designed by Frank Gehry, one of the world&#8217;s most famous architects, and the exhibits are being created by Bruce Mau. I&#8217;m working on the website.
</p>
<p>
The site&#8217;s splash screen gives a first glimp of the spectacular Gehry design. By cropping a photograph of one of the building&#8217;s models, we created an abstract, striking image that makes the visitor curious.
</p>
<p><a href="http://www.jarango.com/images/projects/biomuseo-1.html"><img alt="biomuseo-1-th.png" src="/en/wp-content/uploads/old/projects/biomuseo-1-th.png" width="100" height="75" border="0" /></p>
<p>Site splash screen; select your language</a> (80k)</p>
<p>
Visitors are immediately presented with a very clearly laid out main screen. In keeping with the spirit of the Gehry building, the main site sections are color coded:
</p>
<p><a href="http://www.jarango.com/images/projects/biomuseo-2.html"><img alt="biomuseo-2-th.png" src="/en/wp-content/uploads/old/projects/biomuseo-2-th.png" width="100" height="75" border="0" /></p>
<p>Main site screen</a> (200k)</p>
<p>
The design for the site attempts to convey the beauty and complexity of nature by objectifying natural elements and presenting them in an abstract setting.
</p>
<p><a href="http://www.jarango.com/images/projects/biomuseo-3.html"><img alt="biomuseo-3-th.png" src="/en/wp-content/uploads/old/projects/biomuseo-3-th.png" width="100" height="75" border="0" /></p>
<p>&#8220;About Biodiversity&#8221;</a> (164k)</p>
<p><a href="http://www.jarango.com/images/projects/biomuseo-9.html"><img alt="biomuseo-9-th.png" src="/en/wp-content/uploads/old/projects/biomuseo-9-th.png" width="100" height="75" border="0" /></p>
<p>&#8220;About Panama&#8221;</a> (136k)</p>
<p><a href="http://www.jarango.com/images/projects/biomuseo-11.html"><img alt="biomuseo-11-th.png" src="/en/wp-content/uploads/old/projects/biomuseo-11-th.png" width="100" height="75" border="0" /></p>
<p>&#8220;Contact Us&#8221;</a> (96k)</p>
<p>
The building and exhibits are presented, along with short biographies of their creators:
</p>
<p><a href="http://www.jarango.com/images/projects/biomuseo-4.html"><img alt="biomuseo-4-th.png" src="/en/wp-content/uploads/old/projects/biomuseo-4-th.png" width="100" height="75" border="0" /></p>
<p>&#8220;The Building&#8221;</a> (156k)</p>
<p><a href="http://www.jarango.com/images/projects/biomuseo-6.html"><img alt="biomuseo-6-th.png" src="/en/wp-content/uploads/old/projects/biomuseo-6-th.png" width="100" height="75" border="0" /></p>
<p>&#8220;The Exhibits&#8221;</a> (156k)</p>
<p>
Navigation on third-level pages is more detailed, complex, and specific to each section. In the Exhibits section, for example, users can navigate via a plan of the building that shows the layout of the exhibits in the design:
</p>
<p><a href="http://www.jarango.com/images/projects/biomuseo-7.html"><img alt="biomuseo-7-th.png" src="/en/wp-content/uploads/old/projects/biomuseo-7-th.png" width="100" height="75" border="0" /></p>
<p>&#8220;Panamarama&#8221;</a> (188k)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jarango.com/en/blog/2003/07/19/panama-bridge-of-life/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bluefield</title>
		<link>http://www.jarango.com/en/blog/2003/01/16/bluefield/</link>
		<comments>http://www.jarango.com/en/blog/2003/01/16/bluefield/#comments</comments>
		<pubDate>Fri, 17 Jan 2003 05:33:36 +0000</pubDate>
		<dc:creator>jarango</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.jarango.com/blog/?p=163</guid>
		<description><![CDATA[<div class="gallery-image"><a href="http://www.jarango.com/en/individual/2003/01/000330-bluefield.html"><img alt="bluefield-6-th.png" src="/wp-content/uploads/old/projects/bluefield-6-th.png" width="100" height="75" border="0" /></a></div>

<div class="gallery-desc">Bluefield was a website created by Cable &#38; Wireless Global to serve the SME (small/medium enterprise) market. I was Web Czar on the Bluefield team from May 2000 to April 2001.</div>]]></description>
			<content:encoded><![CDATA[<p>
Bluefield was a website created by Cable &#038; Wireless Global to serve the SME (small/medium enterprise) market. Initially, the site sold dedicated Windows 2000 servers on Cable &#038; Wireless&#8217; internet backbone. More services were added later on, including dedicated firewalls and internet access. Bluefield was eventually decommissioned when Cable &#038; Wireless completed its acquisitions of hosting companies Exodus and Digital Island.
</p>
<p>
I was &#8220;Web Czar&#8221; (this was my real title!) in the Bluefield project, and had the great pleasure to work with very professional folks both inside and outside of CW. Here are some screenshots of the site just before it got pulled:
</p>
<p><a href="http://www.jarango.com/images/projects/bluefield-1.html"><img alt="bluefield-1-th.png" src="/en/wp-content/uploads/old/projects/bluefield-1-th.png" width="100" height="75" border="0" /></p>
<p>Select your location</a> (114k)</p>
<p>
Bluefield was available in three geographies: the US, the UK, and continental Europe. Two languages were used (US and UK English), although there were plans underway to serve continental Europe in various languages. 
</p>
<p><a href="http://www.jarango.com/images/projects/bluefield-6.html"><img alt="bluefield-6-th.png" src="/en/wp-content/uploads/old/projects/bluefield-6-th.png" width="100" height="75" border="0" /></p>
<p>Bluefield US homepage</a> (174k)</p>
<p>
<p><a href="http://www.jarango.com/images/projects/bluefield-2.html"><img alt="bluefield-2-th.png" src="/en/wp-content/uploads/old/projects/bluefield-2-th.png" width="100" height="75" border="0" /></p>
<p>Bluefield UK homepage</a> (168k)
</p>
<p>
Note the simpler interface on the UK page. This is due to the fact that there were less services offered in the UK site; the platform allowed full personalization in order to simplify site management.
</p>
<p><a href="http://www.jarango.com/images/projects/bluefield-3.html"><img alt="bluefield-3-th.png" src="/en/wp-content/uploads/old/projects/bluefield-3-th.png" width="100" height="75" border="0" /></p>
<p>Hosting services page</a> (131k)</p>
<p><a href="http://www.jarango.com/images/projects/bluefield-4.html"><img alt="bluefield-4-th.png" src="/en/wp-content/uploads/old/projects/bluefield-4-th.png" width="100" height="75" border="0" /></p>
<p>DHTML dropdown interface</a> (146k)</p>
<p><a href="http://www.jarango.com/images/projects/bluefield-5.html"><img alt="bluefield-5-th.png" src="/en/wp-content/uploads/old/projects/bluefield-5-th.png" width="100" height="75" border="0" /></p>
<p>NavPad navigation tool</a> (149k)</p>
<p>
The site featured a clean DHTML drop-down menu interface. It also included Cable &#038; Wireless&#8217; trademarked NavPad navigation tool.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jarango.com/en/blog/2003/01/16/bluefield/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aj? Pintao</title>
		<link>http://www.jarango.com/en/blog/2003/01/14/aji-pintao/</link>
		<comments>http://www.jarango.com/en/blog/2003/01/14/aji-pintao/#comments</comments>
		<pubDate>Wed, 15 Jan 2003 05:33:36 +0000</pubDate>
		<dc:creator>jarango</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.jarango.com/blog/?p=156</guid>
		<description><![CDATA[<div class="gallery-image"><a href="http://www.jarango.com/en/individual/2003/01/000532-aji_pintao.html"><img alt="aji_pintao-3-th.png" src="/wp-content/uploads/old/projects/aji_pintao-3-th.png" width="100" height="75" border="0" /></a></div>

<div class="gallery-desc">
Aj? Pintao is Panama's leading visual communications studio. In 2000, I helped them design and develop their website, which they wanted to be highly dynamic and visual.
</div>]]></description>
			<content:encoded><![CDATA[<p>
Aj? Pintao is Panama&#8217;s leading visual communications studio. In 2000, I helped them design and develop their website, which they wanted to be highly dynamic and visual. As a result, there is a lot of Flash in the site.
</p>
<p>
Site sections are laid out in a whimsical animation:
</p>
<p><a href="http://www.jarango.com/images/projects/aji_pintao-2.html"><img alt="aji_pintao-2-th.png" src="/en/wp-content/uploads/old/projects/aji_pintao-2-th.png" width="100" height="75" border="0" /></p>
<p>Initial animation</a> (92k)</p>
<p>
Internal pages have a very clean layout, and feature Aj? Pintao&#8217;s striking color combinations:
</p>
<p><a href="http://www.jarango.com/images/projects/aji_pintao-3.html"><img alt="aji_pintao-3-th.png" src="/en/wp-content/uploads/old/projects/aji_pintao-3-th.png" width="100" height="75" border="0" /></p>
<p>Internal page layout</a> (176k)</p>
<p>
Lists of items, such as the firm&#8217;s portfolio and their personnel, are presented in popup boxes with their own navigation:
</p>
<p><a href="http://www.jarango.com/images/projects/aji_pintao-4.html"><img alt="aji_pintao-4-th.png" src="/en/wp-content/uploads/old/projects/aji_pintao-4-th.png" width="100" height="75" border="0" /></p>
<p>Aj? Pintao personnel</a> (200k)</p>
<p><a href="http://www.jarango.com/images/projects/aji_pintao-5.html"><img alt="aji_pintao-5-th.png" src="/en/wp-content/uploads/old/projects/aji_pintao-5-th.png" width="100" height="75" border="0" /></p>
<p>Aj? Pintao&#8217;s portfolio</a> (152k)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jarango.com/en/blog/2003/01/14/aji-pintao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cable &amp; Wireless Panama sites</title>
		<link>http://www.jarango.com/en/blog/2003/01/13/cable-wireless-panama-sites/</link>
		<comments>http://www.jarango.com/en/blog/2003/01/13/cable-wireless-panama-sites/#comments</comments>
		<pubDate>Tue, 14 Jan 2003 05:33:36 +0000</pubDate>
		<dc:creator>jarango</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.jarango.com/blog/?p=152</guid>
		<description><![CDATA[<div class="gallery-image"><a href="http://www.jarango.com/en/individual/2003/01/000530-cable_wireless_panama_sites.html"><img alt="cwp-1-th.png" src="/wp-content/uploads/old/projects/cwp-1-th.png" width="100" height="75" border="0" /></a></div>

<div class="gallery-desc">
During my tenure with Cable &#38; Wireless Panama in 2000, I led the design of various sundry sites. They include the site for Flashpoint, CW's consumer broadband offering.
</div>]]></description>
			<content:encoded><![CDATA[<p>
During my tenure in 2000 as Manager of Marketing and Product Development for Cable &#038; Wireless Panama&#8217;s Internet business unit, I led the development of various sites and brands. Here are some of them.
</p>
<h3>Main CW Internet site</h3>
<p>
This was the main Internet business unit site. It is based on the standard CW corporate template at the time, but with a slightly different, more &#8220;consumer-friendly&#8221; look, mainly conveyed by a customized background (the &#8220;swoosh&#8221;) and a clear and consistent navigation layout.
</p>
<p><a href="http://www.jarango.com/images/projects/cwp-4.html"><img alt="cwp-4-th.png" src="/en/wp-content/uploads/old/projects/cwp-4-th.png" width="100" height="75" border="0" /></p>
<p>Main CW Panama Internet site</a> (148k)</p>
<p><a href="http://www.jarango.com/images/projects/cwp-5.html"><img alt="cwp-5-th.png" src="/en/wp-content/uploads/old/projects/cwp-5-th.png" width="100" height="75" border="0" /></p>
<p>Hosting Services page</a> (112k)</p>
<h3>Flashpoint</h3>
<p>
Flashpoint was the brand name for Cable &#038; Wireless Panama&#8217;s consumer broadband service. We worked with Qu?mica, a panamanian advertising agency, to develop the branding, which was meant to convey excitement and speed.
</p>
<p><a href="http://www.jarango.com/images/projects/cwp-1.html"><img alt="cwp-1-th.png" src="/en/wp-content/uploads/old/projects/cwp-1-th.png" width="100" height="75" border="0" /></p>
<p>Flashpoint splash screen</a> (92k)</p>
<p><a href="http://www.jarango.com/images/projects/cwp-2.html"><img alt="cwp-2-th.png" src="/en/wp-content/uploads/old/projects/cwp-2-th.png" width="100" height="75" border="0" /></p>
<p>Introduction to the Flashpoint service</a> (164k)</p>
<h3>International Roaming service</h3>
<p>
A comprehensive guide to setting up and using international dialup internet roaming services. Again, a twist of the traditional CW templates.
</p>
<p><a href="http://www.jarango.com/images/projects/cwp-3.html"><img alt="cwp-3-th.png" src="/en/wp-content/uploads/old/projects/cwp-3-th.png" width="100" height="75" border="0" /></p>
<p>Internet Roaming service site</a> (172k)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jarango.com/en/blog/2003/01/13/cable-wireless-panama-sites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Panamainfo</title>
		<link>http://www.jarango.com/en/blog/2003/01/11/panamainfo/</link>
		<comments>http://www.jarango.com/en/blog/2003/01/11/panamainfo/#comments</comments>
		<pubDate>Sun, 12 Jan 2003 05:33:36 +0000</pubDate>
		<dc:creator>jarango</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.jarango.com/blog/?p=149</guid>
		<description><![CDATA[<div class="gallery-image"><a href="http://www.jarango.com/en/individual/2003/01/000531-panamainfo.html"><img alt="panamainfo-2-th.png" src="/wp-content/uploads/old/projects/panamainfo-2-th.png" width="100" height="75" border="0" /></a></div>

<div class="gallery-desc">
Panamainfo is Panama's #1 tourism site. Until very recently, it was the official site of IPAT, Panama's official tourism board. Our initial design is from 1998.
</div>]]></description>
			<content:encoded><![CDATA[<p>
Panamainfo is Panama&#8217;s #1 tourism site. Until very recently, it was the official site of IPAT, Panama&#8217;s official tourism board. It is operated by Nancy Hanna, an amazing american expat who moved to Panama with her family.
</p>
<p>
When we originally designed Panamainfo in 1998, we tried to twist the classic Yahoo!-style directory into something more exciting and visually appealing that conveyed the tropical excitement of Panama. 
</p>
<p><a href="http://www.jarango.com/images/projects/panamainfo-1.html"><img alt="panamainfo-1-th.png" src="/en/wp-content/uploads/old/projects/panamainfo-1-th.png" width="100" height="75" border="0" /></p>
<p>Splash screen; select your language</a> (72k)</p>
<p><a href="http://www.jarango.com/images/projects/panamainfo-2.html"><img alt="panamainfo-2-th.png" src="/en/wp-content/uploads/old/projects/panamainfo-2-th.png" width="100" height="75" border="0" /></p>
<p>Main index</a> (176k)</p>
<p>
Inside, things got a bit more standard:
</p>
<p><a href="http://www.jarango.com/images/projects/panamainfo-3.html"><img alt="panamainfo-3-th.png" src="/en/wp-content/uploads/old/projects/panamainfo-3-th.png" width="100" height="75" border="0" /></p>
<p>Attractions</a> (188k)</p>
<p><a href="http://www.jarango.com/images/projects/panamainfo-4.html"><img alt="panamainfo-3-th.png" src="/en/wp-content/uploads/old/projects/panamainfo-4-th.png" width="100" height="75" border="0" /></p>
<p>Hotels and Resorts</a> (168k)</p>
<p>
Panama City is notoriously difficult to navigate, due to the lack of good street signage. We designed an abstract map of the city that allows site visitors to quickly grasp the relationship between locations and major landmarks.
</p>
<p><a href="http://www.jarango.com/images/projects/panamainfo-5.html"><img alt="panamainfo-5-th.png" src="/en/wp-content/uploads/old/projects/panamainfo-5-th.png" width="100" height="75" border="0" /></p>
<p>Attractions</a> (196k)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jarango.com/en/blog/2003/01/11/panamainfo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

