<?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>Joel Helin</title>
	<atom:link href="http://joelhelin.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://joelhelin.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Fri, 27 Aug 2010 00:39:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Swedish Railways</title>
		<link>http://joelhelin.com/sj/</link>
		<comments>http://joelhelin.com/sj/#comments</comments>
		<pubDate>Fri, 11 Jun 2010 10:14:37 +0000</pubDate>
		<dc:creator>Joel Helin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=1717</guid>
		<description><![CDATA[We developed a concept around the SJ (Swedish Railways) website where we focused on dialogue and user experience. We wanted to put emphesis on needs and also get a bit curios about the discussions around the company online. 1 2 3 4 567 My role Started out as an Art Director for this project making [...]]]></description>
			<content:encoded><![CDATA[<p>We developed a concept around the SJ (Swedish Railways) website where we focused on dialogue and user experience. We wanted to put emphesis on needs and also get a bit curios about the discussions around the company online.</p>
<p>	<!-- Slider --></p>
<div class="container">
<div class="folio_block">
<div class="main_view">
<div class="window">
<div class="image_reel">
<img src="http://joelhelin.com/wp-content/themes/joelhelin/work/sj/sj1.jpg" alt="SJ" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/sj/sj2.jpg" alt="SJ" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/sj/sj3.jpg" alt="SJ" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/sj/sj4.jpg" alt="SJ" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/sj/sj5.jpg" alt="SJ" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/sj/sj6.jpg" alt="SJ" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/sj/sj7.jpg" alt="SJ" />
</div>
</div>
<div class="paging">
<a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a> <a href="#" rel="4">4</a> <a href="#" rel="5">5</a><a href="#" rel="6">6</a><a href="#" rel="7">7</a>
</div>
</div>
</div>
</div>
<p>						<!-- Slider Ends --></p>
<h3>My role</h3>
<p>Started out as an Art Director for this project making sure that the design gave the right impression, I later ended up in production designing the website. Research, concept, wireframes and final design.</p>
<p>Developed for <a href="#">SJ</a> via <a href="#">Hyper Island</a> 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://joelhelin.com/sj/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pricerunner</title>
		<link>http://joelhelin.com/pricerunner/</link>
		<comments>http://joelhelin.com/pricerunner/#comments</comments>
		<pubDate>Tue, 01 Jun 2010 20:39:20 +0000</pubDate>
		<dc:creator>Joel Helin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Concept]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=1684</guid>
		<description><![CDATA[Pricerunner wanted a way for ordinary people with no experience in technology to find products in the easiest way possible through a new interactive buying guide. 1 2 3 4 56 Flow 1) Search 2) Decide a price depending on your needs 3) decide a price 4) how will you use the product? 5) potential [...]]]></description>
			<content:encoded><![CDATA[<p>Pricerunner wanted a way for ordinary people with no experience in technology to find products in the easiest way possible through a new interactive buying guide.</p>
<p><!-- Slider --></p>
<div class="container">
<div class="folio_block">
<div class="main_view">
<div class="window">
<div class="image_reel">
<img src="http://joelhelin.com/wp-content/themes/joelhelin/work/pricerunner/pr1.jpg" alt="Pricerunner" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/pricerunner/pr2.jpg" alt="Pricerunner" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/pricerunner/pr3.jpg" alt="Pricerunner" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/pricerunner/pr4.jpg" alt="Pricerunner" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/pricerunner/pr5.jpg" alt="Pricerunner" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/pricerunner/pr6.jpg" alt="Pricerunner" />
</div>
</div>
<div class="paging">
<a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a> <a href="#" rel="4">4</a> <a href="#" rel="5">5</a><a href="#" rel="6">6</a>
</div>
</div>
</div>
</div>
<p> <!-- Slider Ends --></p>
<h3>Flow</h3>
<p>1) Search 2) Decide a price depending on your needs 3) decide a price 4) how will you use the product? 5) potential error message saying &#8220;no hits&#8221; 6) detailed questions on preferences.</p>
<h3>My role</h3>
<p>Research, concept, wireframes and final design. This was a solo-mission on one of our modules.</p>
<p>Developed for <a href="http://www.pricerunner.com">Pricerunner</a> via <a href="http://www.hyperisland.se">Hyper Island</a> 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://joelhelin.com/pricerunner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wipcore</title>
		<link>http://joelhelin.com/wipcore/</link>
		<comments>http://joelhelin.com/wipcore/#comments</comments>
		<pubDate>Tue, 01 Jun 2010 19:35:24 +0000</pubDate>
		<dc:creator>Joel Helin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Concept]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=1671</guid>
		<description><![CDATA[Wipcore wanted a well-designed webshop with a &#8220;wow&#8221;-feeling to show both their current and potential clients what their new shop could look like, and with great user experience. 1 2 3 4 5 6 My role Research, concept and wireframes. Design and art direction done together with Sigurd Finseth. Developed for Wipcore via Hyper Island [...]]]></description>
			<content:encoded><![CDATA[<p>Wipcore wanted a well-designed webshop with a &#8220;wow&#8221;-feeling to show both their current and potential clients what their new shop could look like, and with great user experience.</p>
<p><!-- Slider --></p>
<div class="container">
<div class="folio_block">
<div class="main_view">
<div class="window">
<div class="image_reel">
<img src="http://joelhelin.com/wp-content/themes/joelhelin/work/wipcore/wc1.jpg" alt="Wipcore" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/wipcore/wc2.jpg" alt="Wipcore" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/wipcore/wc3.jpg" alt="Wipcore" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/wipcore/wc4.jpg" alt="Wipcore" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/wipcore/wc5.jpg" alt="Wipcore" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/wipcore/wc6.jpg" alt="Wipcore" />
</div>
</div>
<div class="paging">
<a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a> <a href="#" rel="4">4</a> <a href="#" rel="5">5</a> <a href="#" rel="6">6</a>
</div>
</div>
</div>
</div>
<p> <!-- Slider Ends --></p>
<h3>My role</h3>
<p>Research, concept and wireframes. Design and art direction done together with <a href="http://www.aperfectgeometry.com">Sigurd Finseth</a>. </p>
<p>Developed for <a href="http://www.wipcore.se/">Wipcore</a> via <a href="http://www.hyperisland.se">Hyper Island</a> 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://joelhelin.com/wipcore/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Merry Christmas</title>
		<link>http://joelhelin.com/merry-christmas/</link>
		<comments>http://joelhelin.com/merry-christmas/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 16:53:04 +0000</pubDate>
		<dc:creator>Joel Helin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Wallpaper]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=1403</guid>
		<description><![CDATA[The assignment was to create a poster with a christmas motive in the same style of someone who inspired us. I found it hard to find anyone in particular so I just made a poster in a modern style while still keeping my own voice in it. 1 2 3 4 5 My role Design [...]]]></description>
			<content:encoded><![CDATA[<p>The assignment was to create a poster with a christmas motive in the same style of someone who inspired us. I found it hard to find anyone in particular so I just made a poster in a modern style while still keeping my own voice in it.</p>
<p><!-- Slider --></p>
<div class="container">
<div class="folio_block">
<div class="main_view">
<div class="window">
<div class="image_reel">
<img src="http://joelhelin.com/wp-content/themes/joelhelin/work/merrychristmas/mc1.jpg" alt="Merry Christmas" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/merrychristmas/mc2.jpg" alt="Merry Christmas" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/merrychristmas/mc3.jpg" alt="Merry Christmas" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/merrychristmas/mc4.jpg" alt="Merry Christmas" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/merrychristmas/mc5.jpg" alt="Merry Christmas" />
</div>
</div>
<div class="paging">
<a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a> <a href="#" rel="4">4</a> <a href="#" rel="5">5</a>
</div>
</div>
</div>
</div>
<p> <!-- Slider Ends --></p>
<h3>My role</h3>
<p>Design and art direction. </p>
<p>Developed for myself via <a href="#">Hyper Island</a> 2009.</p>
]]></content:encoded>
			<wfw:commentRss>http://joelhelin.com/merry-christmas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inventia</title>
		<link>http://joelhelin.com/inventia/</link>
		<comments>http://joelhelin.com/inventia/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 16:49:22 +0000</pubDate>
		<dc:creator>Joel Helin</dc:creator>
				<category><![CDATA[Identity]]></category>
		<category><![CDATA[Logotype]]></category>
		<category><![CDATA[Symbol]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=1396</guid>
		<description><![CDATA[Inventia wanted an identity showing growth, inspiration and maturalism. I decided to make a simple while easy to remember logo with a symbol to go with it. 1 2 3 My role Research, concept and design. Developed for Inventia 2009 but not used.]]></description>
			<content:encoded><![CDATA[<p>Inventia wanted an identity showing growth, inspiration and maturalism. I decided to make a simple while easy to remember logo with a symbol to go with it.</p>
<p><!-- Slider --></p>
<div class="container">
<div class="folio_block">
<div class="main_view">
<div class="window">
<div class="image_reel">
<img src="http://joelhelin.com/wp-content/themes/joelhelin/work/inventia/in1.jpg" alt="Pricerunner" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/inventia/in2.jpg" alt="Pricerunner" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/inventia/in3.jpg" alt="Pricerunner" />
</div>
</div>
<div class="paging">
<a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a>
</div>
</div>
</div>
</div>
<p> <!-- Slider Ends --></p>
<h3>My role</h3>
<p>Research, concept and design.</p>
<p>Developed for <strong>Inventia</strong> 2009 but not used.</p>
]]></content:encoded>
			<wfw:commentRss>http://joelhelin.com/inventia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Heartworker</title>
		<link>http://joelhelin.com/heartworker/</link>
		<comments>http://joelhelin.com/heartworker/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 16:46:00 +0000</pubDate>
		<dc:creator>Joel Helin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=1382</guid>
		<description><![CDATA[My personal blog &#038; portfolio, started 2005 and closed in March 2010. Built in Xhtml / CSS and powered by WordPress 1 2 3 4 Featured in various CSS portals such as; Best Web Gallery, Web Designer Wall, honorable mention at The CSS Awards and many more. My role Wireframes, design, front-end and wordpress implementation. [...]]]></description>
			<content:encoded><![CDATA[<p>My personal blog &#038; portfolio, started 2005 and closed in March 2010. Built in Xhtml / CSS and powered by WordPress</p>
<p><!-- Slider --></p>
<div class="container">
<div class="folio_block">
<div class="main_view">
<div class="window">
<div class="image_reel">
<img src="http://joelhelin.com/wp-content/themes/joelhelin/work/heartworker/hw1.jpg" alt="Heartworker" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/heartworker/hw2.jpg" alt="Heartworker" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/heartworker/hw3.jpg" alt="Heartworker" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/heartworker/hw4.jpg" alt="Heartworker" />
</div>
</div>
<div class="paging">
<a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a> <a href="#" rel="4">4</a>
</div>
</div>
</div>
</div>
<p> <!-- Slider Ends --></p>
<p>Featured in various CSS portals such as; <a href="http://bestwebgallery.com/2009/07/02/heartworker/">Best Web Gallery</a>, <a href="http://www.webdesignerwall.com/trends/design-trends-predictions-in-2010/">Web Designer Wall</a>, honorable mention at <a href="http://img188.yfrog.com/i/2fpa.jpg/">The CSS Awards</a> and many more.</p>
<h3>My role</h3>
<p>Wireframes, design, front-end and <a href="http://www.wordpress.org">wordpress</a> implementation.</p>
<p>Developed for myself 2008.</p>
]]></content:encoded>
			<wfw:commentRss>http://joelhelin.com/heartworker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Loyalguard</title>
		<link>http://joelhelin.com/loyalguard/</link>
		<comments>http://joelhelin.com/loyalguard/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 16:45:05 +0000</pubDate>
		<dc:creator>Joel Helin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[CD-Cover]]></category>
		<category><![CDATA[Print]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=1379</guid>
		<description><![CDATA[A cover for Loyalguard&#8217;s EP &#8220;Running From Ghosts&#8221;, a guitar-driven rockband with catchy melodies and great vocals. The keywords were modern and mysticism. 1 2 3 4 My role Concept, design and art direction. Developed for Loyalguard 2008.]]></description>
			<content:encoded><![CDATA[<p>A cover for Loyalguard&#8217;s EP &#8220;Running From Ghosts&#8221;, a guitar-driven rockband with catchy melodies and great vocals. The keywords were modern and mysticism. </p>
<p><!-- Slider --></p>
<div class="container">
<div class="folio_block">
<div class="main_view">
<div class="window">
<div class="image_reel">
<img src="http://joelhelin.com/wp-content/themes/joelhelin/work/loyalguard/l1.jpg" alt="Loyalguard" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/loyalguard/l2.jpg" alt="Loyalguard" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/loyalguard/l3.jpg" alt="Loyalguard" /><img src="http://joelhelin.com/wp-content/themes/joelhelin/work/loyalguard/l4.jpg" alt="Loyalguard" />
</div>
</div>
<div class="paging">
<a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a> <a href="#" rel="4">4</a>
</div>
</div>
</div>
</div>
<p> <!-- Slider Ends --></p>
<h3>My role</h3>
<p>Concept, design and art direction. </p>
<p>Developed for <a href="http://www.myspace.com/loyalguard">Loyalguard</a> 2008.</p>
]]></content:encoded>
			<wfw:commentRss>http://joelhelin.com/loyalguard/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Syndrom</title>
		<link>http://joelhelin.com/syndrom/</link>
		<comments>http://joelhelin.com/syndrom/#comments</comments>
		<pubDate>Sun, 01 Jun 2008 19:39:31 +0000</pubDate>
		<dc:creator>Joel Helin</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=1677</guid>
		<description><![CDATA[A cover for their EP &#8220;Birth of a Dark Empire&#8221;, which they were sending out to labels and such so the cover needed to demand attention and at the same time mirror their music. My role Concept, design and art direction. Developed for Syndrom 2008.]]></description>
			<content:encoded><![CDATA[<p>A cover for their EP &#8220;Birth of a Dark Empire&#8221;, which they were sending out to labels and such so the cover needed to demand attention and at the same time mirror their music.</p>
<p><!-- Slider --></p>
<div class="container">
<div class="folio_block">
<div class="main_view">
<div class="window">
<div class="image_reel">
<img src="http://joelhelin.com/wp-content/themes/joelhelin/work/syndrom/s1.jpg" alt="Syndrom" />
</div>
</div>
</div>
</div>
</div>
<p> <!-- Slider Ends --></p>
<h3>My role</h3>
<p>Concept, design and art direction. </p>
<p>Developed for <a href="http://www.myspace.com/syndromweb">Syndrom</a> 2008.</p>
]]></content:encoded>
			<wfw:commentRss>http://joelhelin.com/syndrom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
