<?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>Productivedreams.com &#187; Freelance</title>
	<atom:link href="http://www.productivedreams.com/tag/freelance/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.productivedreams.com</link>
	<description>A blog to keep you updated on the latest design trends.</description>
	<lastBuildDate>Sat, 27 Mar 2010 04:09:32 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Announcing the launch of IndoFolio</title>
		<link>http://www.productivedreams.com/announcing-the-launch-of-indofolio/</link>
		<comments>http://www.productivedreams.com/announcing-the-launch-of-indofolio/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 12:33:47 +0000</pubDate>
		<dc:creator>Gopal Raju</dc:creator>
				<category><![CDATA[Launch]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Illustrations]]></category>
		<category><![CDATA[parallax]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://www.productivedreams.com/?p=1465</guid>
		<description><![CDATA[Good News! I&#8217;ve quit my day job to get to do the things I enjoy doing very much on the internet! Yes, that means I&#8217;ll be spending more time on ProductiveDreams and taking up freelance projects at the same time. As a first step, I am launching my portfolio &#8211; Indofolio.comIn this post I would [...]]]></description>
			<content:encoded><![CDATA[Good News! I&#8217;ve quit my day job to get to do the things I enjoy doing very much on the internet! Yes, that means I&#8217;ll be spending more time on <strong>ProductiveDreams</strong> and taking up freelance projects at the same time. As a first step, I am launching my portfolio &#8211; <a href="http://www.indofolio.com">Indofolio.com</a><br /><br />In this post I would like to give you a brief overview on IndoFolio and its design.<br /><a href="http://www.indofolio.com"><br /><img src="http://www.productivedreams.com/wp-content/uploads/2009/12/indofolio.jpg" alt="Indofolio - Portfolio of Gopal Raju" width="508" height="357" class="alignnone size-full wp-image-1467" /><br /></a><br /><span id="more-1465"></span><br /><h1>Why IndoFolio?</h1><p>I wanted to use a domain name that makes it clear that I am from <strong>India</strong> and Indo is the most popular prefix used to indicate India. My second requirement was to include &#8220;folio&#8221; which makes it obvious that this is my <strong>portfolio</strong>.</p>
<h1>Concept behind the design</h1><p>My name &#8220;Gopal&#8221; is another manifestation of Krishna who was one of the incarnations/avatars of Lord Vishnu according to Hindu mythology. This inspired me to include other avatars of Lord Vishnu as well. Nothing religious! This was just an attempt to come up with a unique design concept.</p><p>Just to let you know, I am a great fan of Russian Art! and was very concerned about achieving an Indo-Russian effect. Though it took me some time playing with Fireworks and Photoshop, I&#8217;m happy with the final output.</p>
<br /><h1>Softwares Used</h1><p>The initial draft of IndoFolio was created using Fireworks and was purely vector.  Then I took it to photoshop, to burn and dodge a few areas which helped me achieve the &#8220;painting&#8221; effect.  I believe Photoshop gives more control when it comes to burning and dodging.</p><p>In the following images, you can compare the Fireworks and Photoshop version of the avatars. I&#8217;ve given a one line description about each avatar, for those who are curious</p>
<br /><strong>Matsya</strong> &#8211; The Fish Incarnation is the first one among all. <br /><img src="http://www.productivedreams.com/wp-content/uploads/2009/12/matsya.jpg" alt="Matsya avatar - Fish" title="Matsya avatar - Fish" width="508" height="1000" class="alignnone size-full wp-image-1467" /><br /><strong>Kurma</strong>- Lord Vishu assumed the form of a tortoise for this avatar.<br /><img src="http://www.productivedreams.com/wp-content/uploads/2009/12/kurma.jpg" alt="Kurma Avatar - Tortoise" title="Kurma Avatar - Tortoise" width="508" height="1000" class="alignnone size-full wp-image-1470" /><br /><strong>Krishna (aka Gopal)</strong> is considered to be the 8th avatar.<br /><img src="http://www.productivedreams.com/wp-content/uploads/2009/12/krishna.jpg" alt="Krishna Avatar - Gopal" title="Krishna Avatar - Gopal" width="508" height="1000" class="alignnone size-full wp-image-1471" /><br /><strong>Varaha</strong>- The Boar, is one of the interesting incarnations which appeared in order to defeat a demon.<br /><img src="http://www.productivedreams.com/wp-content/uploads/2009/12/varaha.jpg" alt="Varaha - Boar" title="Varaha - Boar" width="508" height="1000" class="alignnone size-full wp-image-1473" /><br />and finally<strong>Vamana</strong>, the dwarf brahmin.<br /><img src="http://www.productivedreams.com/wp-content/uploads/2009/12/vamana.jpg" alt="Vamana Avatar - Dwarf" title="Vamana Avatar - Dwarf" width="508" height="1000" class="alignnone size-full wp-image-1472" /><br /><br />These are just 5 of the 10 incarnations of Lord Vishnu.<br /><br /><h1>Image Optimization</h1><p>Optimizing the images was a challenge as I had to maintain the image quality.  Transparency being a major thing to consider, I had to convert most of the images to 24bit PNGs.  I used some online image optimizers like <a href="http://www.gracepointafterfive.com/punypng/">PNGCrush</a> to reduce the file size. </p>
<br /><h1>HTML/CSS Development</h1><p>This was really challenging as my goal was to create a single page website using these avatars.  I planned to use JQuery to make the site more lively, different and user friendly.  Using JQuery intensely for a single page website is no sin <span> <img src='http://www.productivedreams.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </span></p>
<p>After doing some research, I decided go ahead with horizontal parallax.  For more details about Parallax check out my <a href="http://www.productivedreams.com/everything-you-need-to-know-about-parallax/">previous blog post</a> (I created this post while working on IndoFolio).</p>
<p>So that&#8217;s it! I would be glad to hear your comments (good or bad) on <a href="http://www.indofolio.com">IndoFolio</a>.</p><div class="relposts"><h3>RELATED POSTS</h3><ul class="related_post"><li><a href="http://www.productivedreams.com/coffeecups/" title="Trend Review: Coffee Cups in webdesign">Trend Review: Coffee Cups in webdesign</a></li><li><a href="http://www.productivedreams.com/trend-review-clip-n-paper/" title="Trend Review: Clip &#8216;n&#8217; Paper">Trend Review: Clip &#8216;n&#8217; Paper</a></li><li><a href="http://www.productivedreams.com/price-tags-another-trend-in-web-design/" title="Trend Review: Price Tags (Part 1)">Trend Review: Price Tags (Part 1)</a></li><li><a href="http://www.productivedreams.com/welcome-2010-free-wallpaper-for-your-desktop-and-iphone/" title="Welcome 2010 &#8211; A Free Wallpaper For Your Desktop &#038; Iphone">Welcome 2010 &#8211; A Free Wallpaper For Your Desktop &#038; Iphone</a></li><li><a href="http://www.productivedreams.com/web-design-trend-paper-planes/" title="Trend Review: Paper Planes">Trend Review: Paper Planes</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.productivedreams.com/announcing-the-launch-of-indofolio/feed/</wfw:commentRss>
		<slash:comments>59</slash:comments>
		</item>
	</channel>
</rss>
