<?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>Theo Stråhlén &#187; Work</title>
	<atom:link href="http://theodesign.se/category/work/feed/" rel="self" type="application/rss+xml" />
	<link>http://theodesign.se</link>
	<description>The blog and portfolio of Theo Stråhlén. Currently a student at Hyper Island.</description>
	<lastBuildDate>Thu, 27 Jan 2011 21:05:24 +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>Stena Line: Ledighet Deluxe</title>
		<link>http://theodesign.se/stena-line-ledighet-deluxe/</link>
		<comments>http://theodesign.se/stena-line-ledighet-deluxe/#comments</comments>
		<pubDate>Wed, 20 Oct 2010 16:21:03 +0000</pubDate>
		<dc:creator>theo</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Hyper Island]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Other]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[School]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[confetti]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[hyper island]]></category>
		<category><![CDATA[live]]></category>
		<category><![CDATA[phidget]]></category>
		<category><![CDATA[stenaline]]></category>

		<guid isPermaLink="false">http://theodesign.se/?p=213</guid>
		<description><![CDATA[This was from the start a school project here at Hyper Island. But since we are not allowed to develop a complete website me and Henrik Porseland decided to do this as a freelance work. Stena Line is one of &#8230; <a href="http://theodesign.se/stena-line-ledighet-deluxe/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://theodesign.se/stena-line-ledighet-deluxe/"><img class="alignnone size-full wp-image-214" title="stena1" src="http://theodesign.se/wp-content/uploads/2010/10/stena1.jpg" alt="" width="790" height="420" /></a></p>
<p>This was from the start a school project here at Hyper Island. But since we are not allowed to develop a complete website me and Henrik Porseland decided to do this as a freelance work.<br />
<strong>Stena Line</strong> is one of the world&#8217;s largest ferry operators, with ferry services serving Scotland, Sweden, Northern Ireland, Denmark, Norway, England, Wales Ireland, Germany, Netherlands and Poland. This website is made for StenaLine to promote the new boat between Karlskrona, Sweden and Gdynia, Poland.<span id="more-213"></span></p>
<p>It&#8217;s mainly a flash website, but to celebrate this new boat with StenaLine we built a confetti machine. The user can go to the website and blow in her or his microphone and confetti will be spred out at the terminal in Karlskrona. You can also see a live stream of  the celebration. To be able to celebrate we use facebook connect, but it&#8217;s also possible to use your email.</p>
<p>How does this work? When the user blows into the microphone a signal sents to the computer at the terminal. When it receives a signal it triggers a Phidget motor which releases the confetti from a tank. Here is some more screenshots from the site. Hope you like it.</p>
<p>Here is the link: <a title="Ledighet Deluxe" href="http://ledighetdeluxe.se/#/en/" target="_blank">http://ledighetdeluxe.se/#/en/</a></p>
<p><img class="alignnone size-full wp-image-217" title="stena2" src="http://theodesign.se/wp-content/uploads/2010/10/stena21.jpg" alt="" width="790" height="425" /><img class="alignnone size-full wp-image-216" title="stena3" src="http://theodesign.se/wp-content/uploads/2010/10/stena3.jpg" alt="" width="790" height="403" /></p>
<p>Credits: Alexander Gårdenberg, Ida Ragnarsson, Pawel Zwolinski, Henrik Porseland, Veronica Wallström, Alexander Rosén and of course the rest of DM11 Karlskrona.</p>
]]></content:encoded>
			<wfw:commentRss>http://theodesign.se/stena-line-ledighet-deluxe/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Countdown to New York</title>
		<link>http://theodesign.se/countdown-to-new-york/</link>
		<comments>http://theodesign.se/countdown-to-new-york/#comments</comments>
		<pubDate>Sat, 02 Oct 2010 13:18:46 +0000</pubDate>
		<dc:creator>theo</dc:creator>
				<category><![CDATA[Fun]]></category>
		<category><![CDATA[Hyper Island]]></category>
		<category><![CDATA[Other]]></category>
		<category><![CDATA[Random]]></category>
		<category><![CDATA[alexander gårdenberg]]></category>
		<category><![CDATA[countdown]]></category>
		<category><![CDATA[new york]]></category>

		<guid isPermaLink="false">http://theodesign.se/?p=190</guid>
		<description><![CDATA[Since I&#8217;m moving to New York with a bunch of fellow Hyper students we decided to create a countdown to our trip. This will later on transform into a blog for all six of us where you can follow our &#8230; <a href="http://theodesign.se/countdown-to-new-york/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://theodesign.se/countdown-to-new-york/"><img class="alignnone size-full wp-image-191" title="The New York Countdown" src="http://theodesign.se/wp-content/uploads/2010/10/nyc.jpg" alt="The New York Countdown" width="660" height="380" /></a></p>
<p>Since I&#8217;m moving to New York with a bunch of fellow Hyper students we decided to create a countdown to our trip. This will later on transform into a blog for all six of us where you can follow our life in the big city. <a title="Alexander Gårdenberg Portfolio" href="http://gardenberg.se" target="_blank">Alexander Gårdenberg</a> designed it and I programmed it.</p>
<p>I hope you&#8217;ll like it!<br />
Here is a link: <a title="Countdown" href="http://nyc-kids.com" target="_blank">http://nyc-kids.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://theodesign.se/countdown-to-new-york/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Roskilde Social Lab</title>
		<link>http://theodesign.se/roskilde-social-lab/</link>
		<comments>http://theodesign.se/roskilde-social-lab/#comments</comments>
		<pubDate>Fri, 25 Jun 2010 11:32:24 +0000</pubDate>
		<dc:creator>theo</dc:creator>
				<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[roskilde]]></category>
		<category><![CDATA[social]]></category>

		<guid isPermaLink="false">http://theodesign.se/?p=162</guid>
		<description><![CDATA[Check out the site here Roskilde Festival is one of the worlds biggest music festivals and it&#8217;s based in Roskilde, Denmark. Basically it&#8217;s a site where people can talk about social innovations. How to improve the cleaning of the festival &#8230; <a href="http://theodesign.se/roskilde-social-lab/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://theodesign.se/roskilde-social-lab"><img class="alignnone size-full wp-image-163" title="rosk_main" src="http://theodesign.se/wp-content/uploads/2010/06/rosk_main.jpg" alt="" width="660" height="300" /></a></p>
<p><a href="http://roskildesociallab.dk" target="_blank">Check out the site here</a></p>
<p>Roskilde Festival is one of the worlds biggest music festivals and it&#8217;s based in Roskilde, Denmark. Basically it&#8217;s a site where people can talk about social innovations. How to improve the cleaning of the festival or maybe how to save as much power as possible? This is just examples of topics that can show up at Roskilde Social Lab. <span id="more-162"></span>At the festival there is workshops where people can meet and talk about fun but still important things. Not only for Roskilde Festival but for the World.</p>
<p>My role in this project was to develop the website and a mobile version of it. I&#8217;m behind both the front-end and the back-end. There is a whole CMS built from scratch for the admins to update cases and challenges on the site. There is also connections to facebook such as comments and twitter feeds. This was a very quick job since we needed the site before the festival started. Around two weeks evening job.</p>
<p>Photos from the Roskilde Social Lab will be added after the festival.</p>
<p>Main site: <a href="http://roskildesociallab.dk" target="_blank">http://roskildesociallab.dk</a><br />
Mobile version: <a href="http://roskildesociallab.dk/mobile/" target="_blank">http://roskildesociallab.dk/mobile/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://theodesign.se/roskilde-social-lab/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Invite site for XV</title>
		<link>http://theodesign.se/invite-site-for-xv/</link>
		<comments>http://theodesign.se/invite-site-for-xv/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 09:51:37 +0000</pubDate>
		<dc:creator>theo</dc:creator>
				<category><![CDATA[School]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[hyper island]]></category>
		<category><![CDATA[industry]]></category>
		<category><![CDATA[invite]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[thexv]]></category>

		<guid isPermaLink="false">http://theodesign.se/?p=105</guid>
		<description><![CDATA[Visit site: http://invite.whatisxv.com For our class website we wanted to create a hype around it. We did secret sendouts to people in the digital industry with actual letters. It was a big secret and we wanted people to start talk &#8230; <a href="http://theodesign.se/invite-site-for-xv/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://theodesign.se/invite-site-for-xv"><img class="alignnone size-full wp-image-106" title="invite_1" src="http://theodesign.se/wp-content/uploads/2010/06/invite_1.jpg" alt="Invite site" width="660" height="300" /></a></p>
<p>Visit site: <a href="http://invite.whatisxv.com" target="_blank">http://invite.whatisxv.com</a></p>
<p>For our class website we wanted to create a hype around it. We did secret sendouts to people in the digital industry with actual letters. It was a big secret and we wanted people to start talk about it. I wouldn&#8217;t say it was a huge success but people started talking. <span id="more-105"></span></p>
<p>In the third letter it was a link to our website and a password. When the user logged in with their personal password the logo of their company lighted up. You could also see other agencies that visited our site since their logo was lighted up.</p>
<p><strong>My role</strong><br />
This was a part of the Marketing and promotion module so the whole class was idea developing. Me and a small group finalized then the idea. I was then one of the two developers of the site. Me and <a href="http://porseland.com" target="_blank">Henrik Porseland</a> did all the Flash and I did all the back-end for it. <a href="http://johnkarlsson.se" target="_blank">John Karlsson</a> and <a href="http://gardenberg.se" target="_blank">Alexander Gårdenberg</a> was the designers for this site as well. This site was online for a month and the 15th of May we released our <a href="http://theodesign.se/what-is-xv/" target="_self">student directory</a> with a great party at Sid Lee in Amsterdam.</p>
<p><a href="http://invite.whatisxv.com" target="_blank">Check out the invite site here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://theodesign.se/invite-site-for-xv/feed/</wfw:commentRss>
		<slash:comments>160</slash:comments>
		</item>
		<item>
		<title>SpotifyAlarm</title>
		<link>http://theodesign.se/spotifyalarm/</link>
		<comments>http://theodesign.se/spotifyalarm/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 09:08:01 +0000</pubDate>
		<dc:creator>theo</dc:creator>
				<category><![CDATA[Fun]]></category>
		<category><![CDATA[Hyper Island]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[alarm]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[lvl3]]></category>
		<category><![CDATA[spotify]]></category>
		<category><![CDATA[technology]]></category>

		<guid isPermaLink="false">http://theodesign.se/?p=90</guid>
		<description><![CDATA[SpotifyAlarm is a small project me and my friend John did. It started with me working late one night and a dead phone and no alarm clock. I decided to make an own. There is already a bunch of alarm &#8230; <a href="http://theodesign.se/spotifyalarm/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://theodesign.se/spotifyalarm"><img class="alignnone size-full wp-image-91" title="spotifyalarm" src="http://theodesign.se/wp-content/uploads/2010/06/spotifyalarm.jpg" alt="SpotifyAlarm" width="660" height="300" /></a></p>
<p>SpotifyAlarm is a small project me and my friend <a href="http://johnkarlsson.se" target="_blank">John</a> did.</p>
<p>It started with me working late one night and a dead phone and no alarm clock. I decided to make an own. There is already a bunch of alarm clocks working with iTunes but since I have all my music on Spotify it would be great with a SpotifyAlarm! It&#8217;s coded in Actionscript 3 and then exported as a AIR application. John Karlsson did a new design for it the next day and I did some bug fixes. Turned out pretty cool!</p>
<p>We got a lot of publicity for our two night job. We went from 250 hits to 7500 hits on google on the search SpotifyAlarm. We were also featured on many tech-blogs and newspapers. It was a very fun project.</p>
<p>You can read more and <a title="SpotifyAlarm" href="http://lvl3.se/spotifyalarm" target="_blank">download SpotifyAlarm on LVL3.se</a> (Our common site).</p>
]]></content:encoded>
			<wfw:commentRss>http://theodesign.se/spotifyalarm/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>What is XV</title>
		<link>http://theodesign.se/what-is-xv/</link>
		<comments>http://theodesign.se/what-is-xv/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 09:00:44 +0000</pubDate>
		<dc:creator>theo</dc:creator>
				<category><![CDATA[Hyper Island]]></category>
		<category><![CDATA[Other]]></category>
		<category><![CDATA[School]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[group dynamics]]></category>
		<category><![CDATA[hyper island]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[thexv]]></category>
		<category><![CDATA[whatisxv]]></category>

		<guid isPermaLink="false">http://theodesign.se/?p=80</guid>
		<description><![CDATA[Visit Site: http://whatisxv.com This is our student directory from my class at Hyper Island, Karlskrona. We did this site during the Marketing and promotion module and the purpose of it is to promote us as students and learn how to &#8230; <a href="http://theodesign.se/what-is-xv/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://theodesign.se/what-is-xv/"><img class="alignnone size-full wp-image-81" title="test_blog_pix" src="http://theodesign.se/wp-content/uploads/2010/06/test_blog_pix.jpg" alt="whatisxv.com" width="660" height="300" /></a></p>
<p><strong>Visit Site: <a title="whatisxv" href="http://whatisxv.com" target="_blank">http://whatisxv.com</a></strong></p>
<p>This is our student directory from my class at Hyper Island, Karlskrona. We did this site during the Marketing and promotion module and the purpose of it is to promote us as students and learn how to work with the whole group of 36 students.<span id="more-80"></span></p>
<p><strong>What is XV?</strong><br />
XV means 15 in roman letters.</p>
<p>Three years ago Hyper Island went from the numbered crew concept to labeling classes with abbreviations, ordered by completion year and location. This ended a fine tradition. A tradition in which we would have been the 15th crew, instead of our current label DM11KNA, Digital Media 11 Karlskrona.<br />
We felt that the crew tradition carried a great brand value and we wanted to rebrand the crew concept and salvage some of the value, so we created the secret Hyper Island Order and the 15th Chapter.</p>
<p><strong>Process</strong><br />
This project was a huge one with 36 guys involved, many ideas and thoughts at the same time, do&#8217;s and dont&#8217;s &amp; pros and cons.<br />
The whole class become later divided in to different groups.</p>
<p>- Documentation<br />
- Invite letters<br />
- Invite video<br />
- Finance<br />
- Photo<br />
- Web production</p>
<p><strong>My role</strong><br />
My role in the XV project was developer.<br />
I was involved in the whole idea development phase as well. Me and a small group of people finalized the idea of the website.<br />
In production we were only four guys working on the website. The designers; <a title="Alexander Gårdenberg Portfolio" href="http://gardenberg.se" target="_blank">Alexander Gårdenberg</a> and <a title="John Karlsson Portfolio" href="http://johnkarlsson.se" target="_blank">John Karlsson</a> and the developers, me and <a title="Henrik Porseland Portfolio" href="http://porseland.com" target="_blank">Henrik Porseland</a>. We did it all in Flash first, but since all the hype around the iPad I decided to create a HTML/Javascript version of it as well. I was also responsible for the back-end of the site. I did a small CMS for the site and connected it to the flash and html version.</p>
<p>I&#8217;m happy with the final result and I learnt a lot during this module. A lot of AS3, Javascript and of course group dynamics.</p>
<p>Hope you enjoy the site!</p>
<p><a title="What is XV?" href="http://whatisxv.com/html" target="_blank">Link to HTML version</a></p>
<p><a title="What Is XV?" href="http://whatisxv.com/flash" target="_blank">Link to Flash version</a></p>
]]></content:encoded>
			<wfw:commentRss>http://theodesign.se/what-is-xv/feed/</wfw:commentRss>
		<slash:comments>326</slash:comments>
		</item>
	</channel>
</rss>

