<?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>Carlos designs experience.</title>
	<atom:link href="http://sokions.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://sokions.com</link>
	<description>user experience design</description>
	<lastBuildDate>Fri, 27 Apr 2012 06:07:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2</generator>
		<item>
		<title>Music Compilation &amp; Cover Art Design</title>
		<link>http://sokions.com/coverart/</link>
		<comments>http://sokions.com/coverart/#comments</comments>
		<pubDate>Tue, 15 Nov 2011 00:06:52 +0000</pubDate>
		<dc:creator>sokion</dc:creator>
				<category><![CDATA[audio]]></category>
		<category><![CDATA[graphic]]></category>

		<guid isPermaLink="false">http://sokions.com/?p=822</guid>
		<description><![CDATA[Carlos loves music. He enjoys making playlists and cover arts.]]></description>
			<content:encoded><![CDATA[<p style="padding-left: 30px;"><span style="color: #800000;"><strong><span style="font-size: large;">Playlist and Cover Art Designer<br />
</span></strong></span><span style="font-size: small; line-height: 19px;"><em>Neowiz Bugs, October 2011 &#8211; Current</em></span></p>
<blockquote>
<ul>
<li>Playlist design</li>
<li>Graphic design for cover art</li>
</ul>
</blockquote>
<br />
<p style="text-align: center;"><strong>Carlos loves music. He enjoys making playlists and cover arts.</strong></p>
<br /><br />

<hr />

<div align="center"> 
<a href="http://sokions.com/wp-content/uploads/2011/11/Swing-Meets-Electronic.jpg" rel="lightbox[822]" title="Swing Meets Electronic: square"><img src="http://sokions.com/wp-content/uploads/2011/11/Swing-Meets-Electronic.jpg" alt="" title="Swing Meets Electronic: square" height="600" class="alignnone size-full wp-image-839" /></a>
<a href="http://sokions.com/wp-content/uploads/2011/11/Swing-Meets-Electronic_banner.jpg" rel="lightbox[822]" title="Swing Meets Electronic: wide"><img src="http://sokions.com/wp-content/uploads/2011/11/Swing-Meets-Electronic_banner.jpg" alt="" title="Swing Meets Electronic: wide" class="alignnone size-full wp-image-838" /></a><br />
<a href="http://music.bugs.co.kr/musicpd/albumview/621?type=pd" target="_blank">Swing Meets Electronic</a> cover arts (square &#038; wide)<br />
Illustrator
</div>

<hr />

<div align="center"> 
<a href="http://sokions.com/wp-content/uploads/2011/11/Tango-Meets-Electronic_3.jpg" rel="lightbox[822]" title="Tango Meets Electronic"><img src="http://sokions.com/wp-content/uploads/2011/11/Tango-Meets-Electronic_3.jpg" alt="" title="Tango Meets Electronic" class="alignnone size-full wp-image-854" /></a>
<a href="http://sokions.com/wp-content/uploads/2011/11/Tango-Meets-Electronic_banner.jpg" rel="lightbox[822]" title="Tango Meets Electronic_banner"><img src="http://sokions.com/wp-content/uploads/2011/11/Tango-Meets-Electronic_banner.jpg" alt="" title="Tango Meets Electronic_banner" width="640" height="290" class="alignnone size-full wp-image-853" /></a><br />
<a href="http://music.bugs.co.kr/musicpd/albumview/509?type=pd" target="_blank">Tango Meets Electronic</a> cover arts (square &#038; wide)<br />
Photoshop
</div>

<hr />

<div align="center"> 
<a href="http://sokions.com/wp-content/uploads/2011/11/A-Romatic-Evening-2.jpg" rel="lightbox[822]" title="A Romatic Evening Awaits You Tonight: square"><img src="http://sokions.com/wp-content/uploads/2011/11/A-Romatic-Evening-2.jpg" alt="" title="A Romatic Evening Awaits You Tonight: square" width="250" height="250" class="alignnone size-full wp-image-842" /></a>
<a href="http://sokions.com/wp-content/uploads/2011/11/A-Romantic-Evening_banner.jpg" rel="lightbox[822]" title="A Romantic Evening Awaits You Tonight: wide"><img src="http://sokions.com/wp-content/uploads/2011/11/A-Romantic-Evening_banner.jpg" alt="" title="A Romantic Evening Awaits You Tonight: wide" width="640" height="290" class="alignnone size-full wp-image-841" /></a> <br />
<a href="http://music.bugs.co.kr/musicpd/albumview/417?type=pd" target="_blank">Romantic Evening Awaits You Tonight</a> cover arts (square &#038; wide)<br />
Photoshop
</div>

<hr />

<div align="center"> 
<a href="http://sokions.com/wp-content/uploads/2011/11/electrocat.jpg" rel="lightbox[822]" title="Electro Cats: square"><img src="http://sokions.com/wp-content/uploads/2011/11/electrocat.jpg" alt="" title="Electro Cats: square" width="250" height="250" class="alignnone size-full wp-image-843" /></a>
<a href="http://sokions.com/wp-content/uploads/2011/11/ElectroCat_Banner_MusiqMail.jpg" rel="lightbox[822]" title="Electro Cats: wide"><img src="http://sokions.com/wp-content/uploads/2011/11/ElectroCat_Banner_MusiqMail.jpg" alt="" title="Electro Cats: wide" width="640" height="290" class="alignnone size-full wp-image-844" /></a><br />
<a href="http://music.bugs.co.kr/musicpd/albumview/362?type=pd" target="_blank">Electro Cats</a> cover arts (square &#038; wide)<br />
Photoshop
</div>

<hr />

<div align="center"> 
<a href="http://sokions.com/wp-content/uploads/2011/11/acousticcat.jpg" rel="lightbox[822]" title="Acoustic Cats: square"><img src="http://sokions.com/wp-content/uploads/2011/11/acousticcat.jpg" alt="" title="Acoustic Cats: square" width="250" height="250" class="alignnone size-full wp-image-846" /></a>
<a href="http://sokions.com/wp-content/uploads/2011/11/AcousticCat_Banner_MusiqMail.jpg" rel="lightbox[822]" title="Acoustic Cats: wide"><img src="http://sokions.com/wp-content/uploads/2011/11/AcousticCat_Banner_MusiqMail.jpg" alt="" title="Acoustic Cats: wide" width="640" height="290" class="alignnone size-full wp-image-847" /></a><br />
<a href="http://music.bugs.co.kr/musicpd/albumview/347?type=pd" target="_blank">Acoustic Cats</a> cover arts (square &#038; wide)<br />
Photoshop
</div>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://sokions.com/coverart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Prototype of a jewelry online store (ongoing)</title>
		<link>http://sokions.com/jewelrywebsite/</link>
		<comments>http://sokions.com/jewelrywebsite/#comments</comments>
		<pubDate>Wed, 19 Oct 2011 01:08:19 +0000</pubDate>
		<dc:creator>sokion</dc:creator>
				<category><![CDATA[interaction]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://sokions.com/?p=793</guid>
		<description><![CDATA[Carlos is designing a full featured website prototype for a fancy jewelry online store with Axure RP. He is striving to design it easy to use not sacrificing visual aesthetics.]]></description>
			<content:encoded><![CDATA[<p style="padding-left: 30px;"><span style="color: #800000;"><strong><span style="font-size: large;">Interaction Designer<br />
</span></strong></span><span style="font-size: small; line-height: 19px;"><em>October 2011 &#8211; Current</em></span></p>
<blockquote>
<ul>
<li>Interaction design</li>
<li>Information architecture for sitemap</li>
<li>User flow and prototype</li>
</ul>
</blockquote>
<br />
<a href="http://sokions.com/wp-content/uploads/2011/10/FrontPage.png" rel="lightbox[793]" title="Front Page"><img src="http://sokions.com/wp-content/uploads/2011/10/FrontPage-1024x924.png" alt="" title="Front Page" width="720" height="649" class="aligncenter size-large wp-image-805" /></a>
<p style="text-align: center;">Front Page of the website</em></p>
<br />
<p>Using <a href="http://axure.com/" target="_blank">Axure RP</a>, Carlos is designing a full featured website wireframe for a fancy jewelry retailer in San Francisco, California. He is striving to design it easy to use not sacrificing visual aesthetics. By doing so, he aims to facilitate communication between graphic designers and programmers not to mention of the client.</p>
<p>Live demo is available at <a href="http://share.axure.com/QJ39AX">http://share.axure.com/QJ39AX</a></p>
<br /><br />
<a href="http://sokions.com/wp-content/uploads/2011/10/SignInPage.png" rel="lightbox[793]" title="Sign In Page"><img src="http://sokions.com/wp-content/uploads/2011/10/SignInPage-1024x924.png" alt="" title="Sign In Page" width="720" height="649" class="aligncenter size-large wp-image-806" /></a>
<p style="text-align: center;">Sign In Page of the website</p>
<br /><br />
<a href="http://sokions.com/wp-content/uploads/2011/10/RegisterPage.png" rel="lightbox[793]" title="Register Page"><img src="http://sokions.com/wp-content/uploads/2011/10/RegisterPage-1024x924.png" alt="" title="Register Page" width="720" height="649" class="aligncenter size-large wp-image-807" /></a>
<p style="text-align: center;">Register Page of the website</p>
<br />
<p>* Company name and graphic assets are removed due to copyright issue.</p><!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://sokions.com/jewelrywebsite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Musiq Mail from Carlos</title>
		<link>http://sokions.com/musiq-mail-from-carlos/</link>
		<comments>http://sokions.com/musiq-mail-from-carlos/#comments</comments>
		<pubDate>Wed, 03 Aug 2011 19:52:18 +0000</pubDate>
		<dc:creator>sokion</dc:creator>
				<category><![CDATA[audio]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://sokions.com/?p=716</guid>
		<description><![CDATA[Musiq Mail from Carlos is an asynchronous broadcast that introduces music along with personal commentaries via email and the website.]]></description>
			<content:encoded><![CDATA[<p style="padding-left: 30px;"><span style="color: #800000;"><strong><span style="font-size: large;">Interaction Designer (Personal project)<br />
</span></strong></span><span style="font-size: small; line-height: 19px;"><em>July 2009 &#8211; Current</em></span></p>
<blockquote>
<ul>
<li>Interaction design</li>
<li>Select music and write up commentaries.</li>
<li>Send Musiq Mail and post it to the website.</li>
</ul>
</blockquote>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><strong>Musiq Mail from Carlos is an asynchronous broadcast that introduces music along with personal commentaries via email and the <a href="http://musiqmail.sokions.com" target="_blank">website</a>.</strong></p>
<br />
<a href="http://sokions.com/wp-content/uploads/2011/08/Musiq-Mail-from-Carlos-flow-chart2.jpg" rel="lightbox[716]" title="Musiq Mail from Carlos - Flow Diagram"><img src="http://sokions.com/wp-content/uploads/2011/08/Musiq-Mail-from-Carlos-flow-chart2-1024x604.jpg" alt="" title="Musiq Mail from Carlos - Flow Diagram" width="720" height="424" class="aligncenter size-large wp-image-733" /></a><p style="text-align: center;">Flow Diagram of <em>Musiq Mail from Carlos</em></p>
<br />
<p>Carlos started <em>Musiq Mail from Carlos</em> to share good music with friends on July 22, 2009. Using email as its main communication channel, he introduces wide variety of music along with personal commentaries, which foster active communication among subscribers.  As of Aug. 3, 2011, it has well over 170 subscribers and is growing. Welcoming its 3 years anniversary recently, he revamped its website and opened it to public with a hope that more people enjoy music and join the conversation. </p>
<p>The website is at <a href="http://musiqmail.sokions.com" target="_blank">http://musiqmail.sokions.com</a>. Or you can just <a href="http://lmgtfy.com/?q=Musiq+Mail+from+Carlos" target="_blank">google “Musiq Mail from Carlos</a>.” </p>
<br /><br />
<a href="http://sokions.com/wp-content/uploads/2011/08/Musiq-Mail-from-Carlos-website_front_list.png" rel="lightbox[716]" title="Musiq Mail from Carlos - Website list view"><img src="http://sokions.com/wp-content/uploads/2011/08/Musiq-Mail-from-Carlos-website_front_list-1024x700.png" alt="" title="Musiq Mail from Carlos - Website list view" width="720" height="492" class="aligncenter size-large wp-image-731" /></a> <p style="text-align: center;">Wireframe of the <a href="http://musiqmail.sokions.com" target="_blank">website</a>&#8216;s list view(left) and screenshot(middle, right)</p>
<br /><br />
<a href="http://sokions.com/wp-content/uploads/2011/08/Musiq-Mail-from-Carlos-website_front_grid.png" rel="lightbox[716]" title="Wireframe of the website's grid view(left) and screenshot(right)"><img src="http://sokions.com/wp-content/uploads/2011/08/Musiq-Mail-from-Carlos-website_front_grid-1024x803.png" alt="" title="Wireframe of the website's grid view(left) and screenshot(right)" width="720" height="564" class="aligncenter size-large wp-image-728" /></a> <p style="text-align: center;">Wireframe of the <a href="http://musiqmail.sokions.com" target="_blank">website</a>&#8216;s grid view(left) and screenshot(right)</p>
<br />
<p><strong>Upcoming</strong></p>
<dl>
<dt><li>Multi-language translation</li></dt>
<dd><li>English</li></dd>
<dd><li>Japanese</li></dd>
</dl><!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://sokions.com/musiq-mail-from-carlos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Color :: Phrase</title>
		<link>http://sokions.com/color-phrase/</link>
		<comments>http://sokions.com/color-phrase/#comments</comments>
		<pubDate>Mon, 11 Jul 2011 20:13:16 +0000</pubDate>
		<dc:creator>sokion</dc:creator>
				<category><![CDATA[interaction]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://sokions.com/?p=610</guid>
		<description><![CDATA[The project owner wanted its About page more organized. Carlos helped him make it more structured and consistent visually.]]></description>
			<content:encoded><![CDATA[<p style="padding-left: 30px;"><span style="color: #800000;"><strong><span style="font-size: large;">UI Advisor<br />
</span></strong></span><span style="font-size: small; line-height: 19px;"><em>June, 2011</em></span></p>
<blockquote>
<ul>
<li> Designed layout for an easier-to-read <a href="http://labs.babypeedesigns.com/colorphrase/about.html" target="_blank">About</a> page of project <a href="http://labs.babypeedesigns.com/colorphrase/index.php" target="_blank">Color :: Phrase</a>. </li>
</ul>
</blockquote>
<a href="http://sokions.com/wp-content/uploads/2011/07/colorphrase.003.jpg" rel="lightbox[610]" title="colorphrase: Before and After"><img src="http://sokions.com/wp-content/uploads/2011/07/colorphrase.003-1024x576.jpg" alt="" title="colorphrase: Before and After" width="720" height="405" class="aligncenter size-large wp-image-615" /></a><p align="center">Click image to enarge</p><a href="http://sokions.com/wp-content/uploads/2011/07/colorphrase.004.jpg" rel="lightbox[610]" title="colorphrase: Issues and Suggestion"><img src="http://sokions.com/wp-content/uploads/2011/07/colorphrase.004-1024x576.jpg" alt="" title="colorphrase: Issues and Suggestion" width="720" height="405" class="aligncenter size-large wp-image-616" /></a>


<p>The project owner, <a href="http://paulwei.babypeedesigns.com/" target="_blank">Paulwei Wang</a>, wanted its <a href="http://labs.babypeedesigns.com/colorphrase/about.html" target="_blank">About</a> page more organized. Carlos helped him make it more structured and consistent visually.</p><br />


<blockquote><p><a href="http://labs.babypeedesigns.com/colorphrase/index.php" target="_blank">Color :: Phrase</a> is an experiment to crowdsource the relationship between certain colors and certain phrases. For more information, visit its <a href="http://labs.babypeedesigns.com/colorphrase/about.html" target="_blank">About page</a>.</p></blockquote>

<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://sokions.com/color-phrase/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Videos in Sync with HTML5 and Javascript</title>
		<link>http://sokions.com/vids-in-sync-html5/</link>
		<comments>http://sokions.com/vids-in-sync-html5/#comments</comments>
		<pubDate>Sun, 03 Jul 2011 03:50:53 +0000</pubDate>
		<dc:creator>sokion</dc:creator>
				<category><![CDATA[interaction]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://sokions.com/?p=528</guid>
		<description><![CDATA[This is an example of how HTML5 can enrich the way we watch videos. It enables us to skim multiple videos in synchronization.]]></description>
			<content:encoded><![CDATA[<p style="padding-left: 30px;"><span style="color: #800000;"><strong><span style="font-size: large;">Researcher, Prototyper (Personal project)<br />
</span></strong></span><span style="font-size: small; line-height: 19px;"><em>June 2011</em></span></p>
<blockquote>
<ul>
	<li>Research and Development: HTML5, JavaScript</li>
</ul>
</blockquote>
<p style="text-align: left;">&nbsp;</p>
<p style="text-align: left;">This is an example of how HTML5 can enrich the way we watch videos. It enables us to skim multiple videos in synchronization. Moving the scrubber should scrub both videos. It is useful to play videos simultaneously. As you can see below, a music video and its complementary video are good combination that needs playing at the same time.</p>
<div align="center"><video id="one" width="300" controls="controls"> <source src="http://sokions.com/files/html5/SOUR.mp4" type="video/mp4"></source> <source src="http://sokions.com/files/html5/SOUR.ogg" type="video/ogg"></source> </video> <video id="two" width="300" controls="controls"> <source src="http://sokions.com/files/html5/SOURc.mp4" type="video/mp4"></source> <source src="http://sokions.com/files/html5/SOURc.ogg" type="video/ogg"></source> </video>
<p id="controls"><input id="play" type="button" value="play both" /> <span id="position">00:00</span> / <span id="duration">loading&#8230;</span> <input id="scrub" type="range" value="0" /></p>
</div>
<p style="text-align: center;"><span style="font-size: small;">Compatible with the latest version of Safari, Google Chrome and Opera.</span>  <img style="margin-bottom: -8px;" src="http://sokions.com/files/html5/browser_icon/Safari.png" alt="" height="20" /><img style="margin-bottom: -8px;" src="http://sokions.com/files/html5/browser_icon/Chrome.png" alt="" height="20" /><img style="margin-bottom: -8px;" src="http://sokions.com/files/html5/browser_icon/Opera.png" alt="" height="20" /></p>
<blockquote>
One day, he found these videos interesting and tried to embed them to <a href="http://rhrn.sokions.com/212" target="_blank">one of my blogs</a>. However, it was really tricky to play both videos synchronized because you have to click play each video separately. That’s how this project started. </blockquote>
<p>&nbsp;</p>
<p style="text-align: left;"><span style="font-style: normal;"><strong>Applications</strong></span></p>
<p>There’s a lot that can be done with this. Here are some examples.</p>
<ul>
	<li><strong>Multiple surveillance camera recordings monitoring software</strong> &#8211; This is especially for crime scene investigating purpose. Investigators will be able to check several relevant videos synchronized to find clues without hassle.</li>
	<li><strong>Events’ highlights visualizer</strong> &#8211; This solutions is useful to boost spectacle moments visually. Imagine you are watching fireworks from various angle at the same time or even decisive moments of sporting events such as soccer, baseball and so on. It will create more holistic video-watching experience.</li>
	<li><strong>Media art with multiple videos</strong> &#8211; It can be used for experimental media art as well. Separate video clips somewhat connected can be laid out in an artistic way using HTML5’s new features such as size, ratio, angle etc.</li>
</ul>
<p>&nbsp;</p>
<p><strong>Credit</strong></p>
He referred to <a href="https://github.com/remy/html5demos">Remy Sharp&#8217;s Javascript source on GitHub</a> for this project.
<script src="http://sokions.com/files/html5/h5utils.js" type="text/javascript"></script> <script type="text/javascript">// <![CDATA[
				var video = document.querySelector('#one'),
				    video2 = document.querySelector('#two'),
				    togglePlay = document.querySelector('#play'),
				    position = document.querySelector('#position'),
				    ready = false,
				    controls = document.querySelector('#controls'),
				    scrub = document.querySelector('#scrub');

				addEvent(togglePlay, 'click', function () {
				  if (ready) {
				    video.playbackRate = 0.5;
				    if (video.paused) {
				      if (video.ended) {
				        video.currentTime = 0;
				        video2.currentTime = 0;
				      }
				      video2.currentTime = video.currentTime;
				      video.play();
				      this.value = "pause";
				    } else {
				      video.pause();
				      this.value = "play";
				    }
				  }
				});

				function seek() {
				  scrub.value = video2.currentTime = this.currentTime;
				}

				addEvent(video, 'seeking', seek);
				addEvent(video, 'seeked', seek);

				addEvent(video, 'play', function () {
				  video2.play();
				});

				addEvent(video, 'pause', function () {
				  video2.pause();
				})

				addEvent(video, 'timeupdate', function () {
				  position.innerHTML = asTime(this.currentTime);
				  scrub.value = this.currentTime;
				});

				addEvent(video, 'ended', function () {
				  togglePlay.value = "play";
				});

				addEvent(video, 'canplay', function () {
				  video.muted = false;
				  ready = true;
				  document.querySelector('#duration').innerHTML = asTime(this.duration);

				  scrub.setAttribute('max', this.duration);
				  addEvent(scrub, 'change', function () {
				    video.currentTime = this.value;
				    video2.currentTime = this.value;
				  });
				});

				function asTime(t) {
				  t = Math.round(t);
				  var s = t % 60;
				  var m = Math.round(t / 60);

				  return two(m) + ':' + two(s);
				}

				function two(s) {
				  s += "";
				  if (s.length < 2) s = "0" + s;
				  return s;
				}
// ]]&gt;</script><!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://sokions.com/vids-in-sync-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://sokions.com/files/html5/SOUR.mp4" length="35739176" type="video/mp4" />
<enclosure url="http://sokions.com/files/html5/SOUR.ogg" length="18364509" type="audio/ogg" />
<enclosure url="http://sokions.com/files/html5/SOURc.mp4" length="13472964" type="video/mp4" />
<enclosure url="http://sokions.com/files/html5/SOURc.ogg" length="4936823" type="audio/ogg" />
		</item>
		<item>
		<title>HEAD BANG BEATS: Idea Sketch for Jawbone ERA</title>
		<link>http://sokions.com/headbangbeats/</link>
		<comments>http://sokions.com/headbangbeats/#comments</comments>
		<pubDate>Thu, 14 Apr 2011 08:28:21 +0000</pubDate>
		<dc:creator>sokion</dc:creator>
				<category><![CDATA[interaction]]></category>
		<category><![CDATA[videography]]></category>

		<guid isPermaLink="false">http://sokions.com/?p=42</guid>
		<description><![CDATA[Jawbone ERA is a beautiful bluetooth headset with a built-in accelerometer. This video is an idea sketch of a Jawbone ERA's potential application for musical performers. Named HEAD BANG BEATS, it would help DJs to create more vivid and dynamic performance musically and visually.]]></description>
			<content:encoded><![CDATA[<p style="padding-left: 30px;"><span style="color: #800000;"><strong><span style="font-size: large;">Interaction Designer (Personal project)<br />
</span></strong></span><span style="font-size: small; line-height: 19px;"><em>Spring 2011</em></span></p>
<blockquote>
<ul>
<li>Research and ideation</li>
<li>Idea sketch production</li>
</ul>
</blockquote>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><strong>HEAD BANG BEATS is a concept application of Jawbone ERA which will allow DJs to create even more vivid and dynamic performance with their head.</strong></p>
<p style="text-align: center;"><iframe frameborder="0" height="472" width="640" src="http://player.vimeo.com/video/22148262?title=0&amp;byline=0&amp;portrait=0"></iframe></p>
<p style="text-align: center;">Idea sketch of HEAD BANG BEATS</p>
<p>&nbsp;</p>
<p><a href="http://sokions.com/wp-content/uploads/2011/04/eras.png" rel="lightbox[42]" title="eras"><img class="alignright size-medium wp-image-431" title="eras" src="http://sokions.com/wp-content/uploads/2011/04/eras-300x114.png" alt="" width="300" height="114" /></a><br />
<a href="http://www.jawbone.com/headsets/era/overview">Jawbone ERA</a> is not just a beautiful bluetooth headset. It has an accelerometer built-in which opens a whole new level of possibilities for bluetooth headsets. Inspired by Daito Manabe&#8217;s <a href="http://www.youtube.com/watch?v=uS1exujG3cY">Nike Music Shoe</a>, Carlos conceptualized HEAD BANG BEATS by creating the idea sketch video.</p>
<p>&nbsp;</p>
<p><span style="font-size: small;">* Note that Carlos is not affiliated with Jawbone.</span></p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://sokions.com/headbangbeats/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>S.C.I.F.I.: Gadgets for Search and Rescue Ops</title>
		<link>http://sokions.com/scifi/</link>
		<comments>http://sokions.com/scifi/#comments</comments>
		<pubDate>Thu, 16 Dec 2010 02:58:57 +0000</pubDate>
		<dc:creator>sokion</dc:creator>
				<category><![CDATA[audio]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[videography]]></category>

		<guid isPermaLink="false">http://sokions.com/?p=1</guid>
		<description><![CDATA[Team S.C.I.F.I., with the support of Lockheed Martin, aims to reach into the imaginative realm of science fiction and pluck inspiration from the vast selection of futuristic technology found there. With fruit in hand, we look to create the world of tomorrow, today, by breathing life into these gizmos; taking them out of your imagination and placing them into your hand.]]></description>
			<content:encoded><![CDATA[<p style="padding-left: 30px;"><span style="color: #800000;"><strong><span style="font-size: large;">UX Designer, Producer<br />
</span></strong></span><span style="font-size: small; line-height: 19px;"><em>Lockheed Martin / Entertainment Technology Center, Fall 2010</em></span></p>
<blockquote>
<ul>
<li>Ethnographic research to develop interaction wireframe</li>
<li>Promotion video production</li>
<li>Weekly project report</li>
<li>Project management</li>
</ul>
</blockquote>
<p style="text-align: left;">&nbsp;</p>
<p style="text-align: center;"><strong>Team S.C.I.F.I created <em>HIVE</em>, a suite of software and hardware for search and rescue operation inspired by gadgets from Battlestar Galactica, Star Trek and Dead Space.</strong><br />
<img class="size-full wp-image-243 aligncenter" title="SCIFI inspiration" src="http://sokions.com/wp-content/uploads/2010/12/SCIFI-inspiration.0011.jpg" alt="" width="730" height="547" /></p>
<p><span style="color: #000000;"><strong><br />
</strong></span></p>
<p><iframe frameborder="0" height="205" width="364" src="http://player.vimeo.com/video/16941585?title=0&amp;byline=0&amp;portrait=0"></iframe><iframe src="http://player.vimeo.com/video/17137717?title=0&amp;byline=0&amp;portrait=0" width="364" height="205" frameborder="0"></iframe></p>
<p style="text-align: center;">S.C.I.F.I. Packaging in Progress I &amp; II: <em>DRADIS</em>, <em>Arrow of Apollo</em> &amp; <em>Cardio Gauntlet</em><br />
<span style="font-size: x-small;"><em> * Note that these are photo slide show, not 3D models<br />
* Photography / Videography by Carlos Sokion Shin </em></span></p>
<p><iframe frameborder="0" height="411" width="731" src="http://player.vimeo.com/video/17068976?title=0&amp;byline=0&amp;portrait=0"></iframe></p>
<p style="text-align: center;">Official promotion video<br />
<span style="font-size: x-small;"><em>* Videography by  James Doughty, Motion Graphics &amp; Audio  by Carlos Sokion Shin</em> </span></p>
<blockquote><p><span style="font-size: small;">It&#8217;s time of calamity. Roads blocked. No cellphone reception. People injured or missing. Our hero sets his destination in <strong>Arrow of Apollo</strong> application on his Android mobile phone and follows the green dot that Arrow of Apollo draws on the ground. Encountering the wounded lying on the ground, he performs quick assessment with <strong>Cardio Gauntlet</strong>, which translate heartbeat rate into readable cardiograph that helps to decide their condition. After he’s done what he can do, he flags the location on <strong>DRADIS</strong>, which is then automatically transmitted to other members so that medics in the team can provide them with proper treatment.</span></p></blockquote>
<p>&nbsp;</p>
<p><strong>Weekly Updates (The S.C.I.F.I. Weekly)</strong><br />
<iframe frameborder="0" height="1155" width="730" id="doc_55401" scrolling="no" data-aspect-ratio="0.666666666666667" data-auto-height="false" src="http://www.scribd.com/embeds/40107253/content?start_page=1&amp;view_mode=slideshow&amp;access_key=key-2do48g7jm86a4pj83zk5" class="scribd_iframe_embed"></iframe></p>
<table>
<tbody>
<tr>
<td><a href="http://www.scribd.com/fullscreen/38654697?access_key=key-1yls13xlbzgvnx5fw6ga" target="_blank"><img title="The S.C.I.F.I. Weekly Issue 4" src="http://sokions.com/files/scifi/4.jpg" alt="" width="120" height="180" /></a>&nbsp;</td>
<td><a href="http://www.scribd.com/fullscreen/38654711?access_key=key-1lxy1fmyymn2taszcrnh" target="_blank"><img title="The S.C.I.F.I. Weekly Issue 5" src="http://sokions.com/files/scifi/5.jpg" alt="" width="120" height="180" /></a>&nbsp;</td>
<td><a href="http://www.scribd.com/fullscreen/38654699?access_key=key-1rry2dzsptq03m68jnp5" target="_blank"><img title="The S.C.I.F.I. Weekly Issue 6" src="http://sokions.com/files/scifi/6.jpg" alt="" width="120" height="180" /></a>&nbsp;</td>
<td><a href="http://www.scribd.com/fullscreen/38965550?access_key=key-223hpdkpk2ktkjgfx5cv" target="_blank"><img title="The S.C.I.F.I. Weekly Issue 7" src="http://sokions.com/files/scifi/7.jpg" alt="" width="120" height="180" /></a>&nbsp;</td>
<td><a href="http://www.scribd.com/fullscreen/40460953?access_key=key-2298siqib3fwpj4c5g5" target="_blank"><img title="The S.C.I.F.I. Weekly Issue 10" src="http://sokions.com/files/scifi/10.jpg" alt="" width="120" height="180" /></a>&nbsp;</td>
<td><a href="http://www.scribd.com/fullscreen/41260015?access_key=key-1yd32jknm171qlnwtw68" target="_blank"><img title="The S.C.I.F.I. Weekly Issue 11" src="http://sokions.com/files/scifi/11.jpg" alt="" width="120" height="180" /></a>&nbsp;</td>
</tr>
</tbody>
</table>
<p><strong>Future Development</strong></p>
<p>Even though the team’s focus was more on making “working” prototypes not leaving Sci-Fi world, consulting <a href="http://www.amrg.info/" target="_blank">Allegheny Mountain Rescue Group (AMRG)</a> revealed that this project can be extended to solve real world problems. Followings are examples of the difficulties search and rescue teams run into very often in the field that HIVE can contribute to.</p>
<ul>
<li>Teams losing each other</li>
<li>Way-finding failure</li>
<li>Delay in assessing patient’s condition</li>
</ul>
<p>These requests can be implemented easily.</p>
<ul>
<li>Draw a boundary</li>
<li>Body temperature</li>
<li>Secure packaging</li>
<li>Reasonable price</li>
</ul>
<p>Throughout the project, the team realized that there is a lack of development for search and rescue, which is apparently due to their surprisingly low funds despite their noble and humanitarian efforts and sacrifice. As a result, the team decided to put their source code under General Public License (GPL) hoping their work to be developed further with help of open source community.</p>
<p><strong>Credits</strong></p>
<p>Carlos Sokion Shin: UX Designer, Producer<br />
<a href="http://jasdoughty.net/" target="_blank"> James Doughty</a>: Concept Artist, Experience Designer<br />
<a href="http://wetdogstudios.com/" target="_blank"> Michael Hill</a>: Programmer, Hardware Designer<br />
<a href="http://www.shekissedafrog.com/" target="_blank"> Hanika Karkhanis</a>: Programmer, Hardware Designer</p>
<p>Scott Stevens: Project advisor<br />
Shirley Saldamarco: Project Advisor</p>
<p>For more information, please refer to project website at <a href="http://www.etc.cmu.edu/projects/lm-sci-fi/" target="_blank">http://www.etc.cmu.edu/projects/lm-sci-fi/</a></p>
<p>&nbsp;</p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://sokions.com/scifi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fabulous Philly!</title>
		<link>http://sokions.com/fabulous-philly/</link>
		<comments>http://sokions.com/fabulous-philly/#comments</comments>
		<pubDate>Mon, 15 Mar 2010 11:25:54 +0000</pubDate>
		<dc:creator>sokion</dc:creator>
				<category><![CDATA[audio]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[videography]]></category>

		<guid isPermaLink="false">http://sokions.com/?p=82</guid>
		<description><![CDATA[Even the greatest cities begin from bare ground. Fabulous Philly! brings you back to when William Penn, the founder of Philadelphia, was planning the city and needed someone's advice. Your help will turn it into an energetic modern city.]]></description>
			<content:encoded><![CDATA[<p style="padding-left: 30px;"><span style="color: #800000;"><strong><span style="font-size: large;">UX Designer, Sound Designer, <strong>Producer</strong><br />
</span></strong></span><span style="font-size: small; line-height: 19px;"><em>Free Library of Philadelphia / Entertainment Technology Center, Spring 2010</em></span></p>
<blockquote><p>Carlos was in charge of defining and refining its overall user experience to be educational, engaging and intuitive.</p>
<ul>
<li>Interaction design and UI refinement</li>
<li>User tests with children and parents</li>
<li>Sound design</li>
<li>Project management</li>
</ul>
</blockquote>
<p style="text-align: left;">&nbsp;</p>
<p style="text-align: center;"><strong>Fabulous Philly! is a game for children on <strong><strong><strong><em>Microsoft Surface</em></strong></strong></strong> that introduces Philadelphia to engage and educate children, and ultimately propel them to every corner of the city. </strong></p>
<p style="text-align: center;"><iframe frameborder="0" height="338" width="450" src="http://player.vimeo.com/video/19639638?title=0&amp;byline=0&amp;portrait=0"></iframe><br />
Walkthrough of Fabulous Philly!</p>
<p>&nbsp;</p>
<p><strong>Features </strong></p>
<p><strong> </strong>Fabulous Philly! is designed carefully to serve its purpose in many aspects. It features a wide variety of places to visit along with relevant library resources available at the library. Children are exposed to eye-catching pictures of those neighborhoods and children’s books throughout the game. Furthermore, a character of William Penn, the founder of the city, encourages them to learn more about the city by praising their achievements with supports of cheerful background music and joyous sound effects. Developed on Microsoft Surface, children can play Fabulous Philly! with not only fingers but also a stamp which improves intuitiveness and responsiveness for children.</p>
<p><strong>Credits</strong></p>
<p><strong> </strong>Carlos Sokion Shin: UX/Sound Designer, Producer<br />
<a href="http://evelyn314.ivyro.net/" target="_blank"> Evelyn Chang</a>: Researcher<br />
<a href="http://paulwei.babypeedesigns.com/" target="_blank"> Paulwei Wang</a>: Programmer<br />
<a href="http://jiwonkang.net/" target="_blank"> Jiwon Kang</a>: Artist<br />
Joan Kim: Co-producer, Artist<br />
<a href="http://web.me.com/huteford" target="_blank"> Te Hu</a>: Programmer</p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://sokions.com/fabulous-philly/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pod Racer</title>
		<link>http://sokions.com/podracer/</link>
		<comments>http://sokions.com/podracer/#comments</comments>
		<pubDate>Sun, 15 Nov 2009 11:19:58 +0000</pubDate>
		<dc:creator>sokion</dc:creator>
				<category><![CDATA[audio]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[interaction]]></category>

		<guid isPermaLink="false">http://sokions.com/?p=76</guid>
		<description><![CDATA[Pod Racer is a racing game utilizing Wii Remote and Audience interaction in the world of Star Wars. It was a 4-week project by team Joan &#038; Boys at the <a href="http://www.etc.cmu.edu/">Entertainment Technology Center</a> of <a href="http://www.cmu.edu/">Carnegie Mellon University</a>.]]></description>
			<content:encoded><![CDATA[
<script type="text/javascript"><!--
 var mp3jNew_0 = [
{name: "1. Your pod on speed level 1", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDA5LzExL3BvZDFfMS5tcDM=", artist: "0 - 300 km/h"},
{name: "2. Your pod on speed level 2", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDA5LzExL3BvZDFfMi5tcDM=", artist: "300 - 600 km/h"},
{name: "3. Your pod on speed level 3", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDA5LzExL3BvZDFfMy5tcDM=", artist: "600 - 900 km/h"},
{name: "4. Your pod on speed boost", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDA5LzExL3BvZDFfYm9vc3QubXAz", artist: "900+ km/h"},
{name: "5. Pod #2", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDA5LzExL3BvZDIubXAz", artist: ""},
{name: "6. Pod #3", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDA5LzExL3BvZDMubXAz", artist: ""},
{name: "7. Pod #4", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDA5LzExL3BvZDQubXAz", artist: ""},
{name: "8. Pod #5", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDA5LzExL3BvZDUubXAz", artist: ""}
];
//--></script>


<div style="position:relative;"><div id="jquery_jplayer"></div></div>
<p style="padding-left: 30px;"><span style="color: #800000;"><strong><span style="font-size: large;">Sound designer<br />
</span></strong></span><span style="font-size: small; line-height: 19px;"><em>Entertainment Technology Center, Fall 2009</em></span></p>
<blockquote>
<ul>
<li>He was <span style="text-decoration: underline;">sound designer</span> in this project. Inspired by stunning sound effects in Star Wars series, he focused on generating dynamic and lively sound effects for immersive gaming experience. As a result, the game features rich audio experience with unique sound effects.</li>
</ul>
</blockquote>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><strong>Pod Racer is a racing game utilizing Wii Remote and Audience interaction in the world of Star Wars developed in 4 weeks by team Joan &amp; Boys.</strong></p>
<table width="750">
<tbody>
<tr>
<td valign="top">
<p style="text-align: center;"><iframe frameborder="0" height="345" width="460" src="http://player.vimeo.com/video/16339674?title=0&amp;byline=0&amp;portrait=0"></iframe></p>
</td>
<td valign="top">

			<div class="wrap-MI" style="position:relative; padding:5px 0px 40px 0px; margin:0px auto 0px auto; width:250px;">
				<div class="jp-innerwrap">
					<div class="innerx"></div>
					<div class="innerleft"></div>
					<div class="innerright"></div>
					<div class="innertab"></div>

					<div class="jp-interface">
						<div id="T_mp3j_0" class="player-track-title"></div>
						<div id="C_mp3j_0" class="player-artist"></div>
						
						<div class="MIsliderVolume" id="vol_mp3j_0"></div>
						<div class="bars_holder">
							<div class="loadMI_mp3j" id="load_mp3j_0"></div>
							<div class="posbarMI_mp3j" id="posbar_mp3j_0"></div>
						</div>
						<div class="transport-MI"><div class="buttons_mp3j" id="playpause_mp3j_0">Play Pause</div><div class="stop_mp3j" id="stop_mp3j_0">Stop</div><div class="Next_mp3j" id="Next_mp3j_0">Next&raquo;</div><div class="Prev_mp3j" id="Prev_mp3j_0">&laquo;Prev</div></div>
						<div id="P-Time-MI_0" class="jp-play-time"></div>
						<div id="T-Time-MI_0" class="jp-total-time"></div>
						<div id="statusMI_0" class="statusMI"></div>
						<div id="download_mp3j_0" class="dloadmp3-MI" style="visibility: hidden;"></div>
						<div class="playlist-toggle-MI" id="playlist-toggle_0" onclick="javascript:MI_toggleplaylist('', 0);">HIDE PLAYLIST</div>
						<div class="mp3j-popout-MI" style="visibility: visible;" onclick="return launch_mp3j_popout('http://sokions.com/wp-content/plugins/mp3-jplayer/popout-mp3j.php', 0);"></div>
					</div>
				</div>
				
				<div class="listwrap_mp3j" id="L_mp3j_0">
					<div class="playlist-wrap-MI">
						<div class="playlist-colour"></div>
						<div class="playlist-wrap-MI">
								<ul class="UL-MI_mp3j" id="UL_mp3j_0"><li></li></ul>
						</div>
					</div>
				</div>
			</div>
</td>
</tr>
<tr>
<td>
<p style="text-align: center;">Walkthrough of Pod Racer</p>
</td>
<td>
<p style="text-align: center;">Sfx examples</p>
</td>
</tr>
</tbody>
</table>
<p>Working on sound effects for the world of Star Wars was intriguing and challenging. It was not only because sound effects of Star Wars brought unreal creatures into life but also they are one of the greatest works in the field, which set a high standard. Everyone exposed to Star Wars knows how appealing it sounds. Furthermore, this is a game. Another level of consideration had to be put into: interaction. Thereby, my goal in this project was making sure they stay seamless even when interrupted not to mention of being vivid and dynamic.</p>
<p>&nbsp;</p>
<p><strong>Credits</strong><br />
Carlos Sokion Shin: Sound Designer<br />
<a href="http://jiwonkang.net">Jiwon Kang</a>: Modeler<br />
Joan Kim: Producer / UI Artist<br />
Beomsik Kim: Programmer</p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://sokions.com/podracer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The CORE</title>
		<link>http://sokions.com/core/</link>
		<comments>http://sokions.com/core/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 09:54:15 +0000</pubDate>
		<dc:creator>sokion</dc:creator>
				<category><![CDATA[audio]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[videography]]></category>

		<guid isPermaLink="false">http://sokions.com/?p=68</guid>
		<description><![CDATA[The CORE is a multiplayer Pong-style arcade game for Jam-o-Drum where up to four people compete each other to survive protecting the core. The CORE is developed in 1 week by team CORE.]]></description>
			<content:encoded><![CDATA[<p style="padding-left: 30px;"><span style="color: #800000;"><strong><span style="font-size: large;">Producer, Sound Designer, Videographer<br />
</span></strong></span><span style="font-size: small; line-height: 19px;"><em>Entertainment Technology Center, Fall 2009</em></span></p>
<blockquote>
<ul>
<li>As <span style="text-decoration: underline;">producer</span>, he implemented and led agile production method for the project. To keep up with such fast-paced development, he used video recordings of every play tests to visualize current status and next steps of the project.</li>
<li>As <span style="text-decoration: underline;">sound designer</span>, he selected background music and created multiple sound effects that match The CORE’s futuristic Sci-Fi look. For example, Chemical Brothers’ Block Rockin’ Beats was chosen not only because its groovy and repetitive sound suited well with the gameplay but also its tempo was perfect for the rhythm of the game.</li>
<li>As <span style="text-decoration: underline;">videographer</span>, he created a promotion video using video recordings of everyday progress.</li>
</ul>
</blockquote>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><strong>The CORE is a Pong-style arcade game for Jam-o-Drum* where up to four people compete each other to survive protecting the core. The CORE is developed in 1 week by team CORE.</strong></p>
<p style="text-align: center;"><strong><br />
</strong></p>
<p style="text-align: center;"><iframe src="http://player.vimeo.com/video/16373628?title=0&amp;byline=0&amp;portrait=0" width="729" height="410" frameborder="0"></iframe>Promotion video of The CORE by Carlos Sokion Shin</p>
<p>&nbsp;</p>
<p><strong>Gameplay</strong></p>
<p><strong> </strong>The CORE consists of 5 essential gaming elements including core, shield layers, paddle, ball and items. Each player is given a core that is protected by shield layers. However, they are peeled off when they are hit by a ball leaving the core vulnerable to attacks eventually. Players have to bounce off the ball with the paddle before it hits their shields or even the core. Also it is important to use various items strategically. An offensive item lets your paddle to collect a ball instead of bouncing it off instantly while defensive one makes your paddle stronger for certain amount of time. Destroying someone else’s core has you one step closer to the victory but you have to be more careful because loser’s core multiplies the ball.</p>
<p>&nbsp;</p>
<p><strong>Daily Updates</strong></p>
<table>
<tbody>
<tr>
<td><iframe frameborder="0" src="http://www.youtube.com/embed/2RIMKuw1jgg?rel=0" height="210" width="240"></iframe></td>
<td><iframe frameborder="0" src="http://www.youtube.com/embed/qojZPvC5Q5c?rel=0" height="210" width="240"></iframe></td>
<td><iframe frameborder="0" src="http://www.youtube.com/embed/sn8tSd1RU7Y?rel=0" height="210" width="240"></iframe></td>
</tr>
<tr>
<td>Day #7<br />
- Tutorial added.<br />
- Volume adjusted.</p>
</td>
<td>Day #7<br />
- Background music added.<br />
- Sound effects added.</td>
<td>Day #6<br />
- Item feature added.</td>
</tr>
<tr>
<td><iframe frameborder="0" src="http://www.youtube.com/embed/sn8tSd1RU7Y?rel=0" height="210" width="240"></iframe></td>
<td><iframe frameborder="0" src="http://www.youtube.com/embed/NKx0fECEYLg?rel=0" height="210" width="240"></iframe></td>
<td><iframe frameborder="0" src="http://www.youtube.com/embed/5KsdUdBlQMI?rel=0" height="210" width="240"></iframe></td>
</tr>
<tr>
<td>Day #5<br />
- Logo added.<br />
- Background animation added.<br />
- Shield layers added.</td>
<td>Day #4<br />
- Shields implemented.<br />
- Lighting adjusted.</td>
<td>Day #3<br />
- The first working prototype</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p><strong>Credits</strong></p>
<p><strong> </strong>Carlos Sokion Shin: Producer, Sound Designer, Videographer<br />
<a href="http://www.tatyana-k.com/">Tatyana Koutepova</a>: Modeler<br />
<a href="http://www.soandsodesign.net/">Andrew Edwards</a>: Texture Artist<br />
Dan Pike: Programmer</p>
<p><span style="font-size: small;">* Jam-o-Drum is a projected table with four pairs of a botton and a wheel that players use as controllers.</span></p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://sokions.com/core/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Memoir of ITCT</title>
		<link>http://sokions.com/memoir-of-itct/</link>
		<comments>http://sokions.com/memoir-of-itct/#comments</comments>
		<pubDate>Sun, 15 Mar 2009 10:21:03 +0000</pubDate>
		<dc:creator>sokion</dc:creator>
				<category><![CDATA[audio]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[videography]]></category>

		<guid isPermaLink="false">http://sokions.com/?p=71</guid>
		<description><![CDATA[Memoir of ITCT is a narrative slideshow about 2 years Carlos spent in the department of Information and Multimedia Culture at Seoul National University in Korea. As a result, Memoir of ITCT depicts 14 refreshing and heartwarming events from Carlos’ view point along with prudently selected soundtracks.]]></description>
			<content:encoded><![CDATA[<p style="padding-left: 30px;"><span style="color: #800000;"><strong><span style="font-size: large;">Personal project<br />
</span></strong></span><span style="font-size: small; line-height: 19px;"><em>Seoul National University, Spring 2009</em></span></p>
<blockquote>
<ul>
<li>Asset collection</li>
<li>Asset selection</li>
<li>Video production</li>
<li>Publish</li>
</ul>
</blockquote>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><strong>Memoir of ITCT is a slideshow featuring 14 unique events at the department of Information and Multimedia Culture of Seoul National University along with bespoke soundtracks.</strong></p>
<p style="text-align: center;"><strong><br />
</strong></p>
<p style="text-align: center;"><iframe src="http://player.vimeo.com/video/4169727?title=0&amp;byline=0&amp;portrait=0" width="729" height="419" frameborder="0"></iframe></p>
<p style="text-align: center;">Memoir of ITCT</p>
<p><strong>Goal</strong></p>
<p><strong> </strong>As he had such a wonderful time with people in the department, he wanted memorable closure. He wanted to create something they all can enjoy. Then he realized that they already had something they had been sharing, common experiences.</p>
<p><strong>Inspiration</strong></p>
<p><strong> </strong>He continued to ask himself. “How could memory be maintainable and sharable?” David Weinberger’s book  inspired him to an answer: a gorgeous photo slideshow with great music. He wanted to wake up thousands of digital photos that were likely to be buried, forgotten somewhere in someone’s hard drive, and eventually vanish on earth.</p>
<p><strong>Chapters</strong></p>
<p><strong> </strong>00:11    Christmas with M, 2007<br />
02:55    2008 Spring MT @ Stay7<br />
05:12    OMG!!! Culture Contents class &#8217;08<br />
07:56    Affairs in 2008 spring<br />
11:13    Pedaling to Yangpeong<br />
18:49    Saturday with M No. 1<br />
20:35    Good Luck to Jean, Minhee, Boram and Byungsan<br />
24:44    Saturday with M No. 2<br />
26:29    Graduation photo taking, Seriously?<br />
28:22    ITCT goes to PIFF<br />
32:34    Media Lab goes on busy<br />
35:08    Adieu, 2008<br />
38:15    Annapurna<br />
46:38    &#8217;09 Spring anew</p>
<p><strong>Process</strong></p>
<p>1. Asset collection (3 days)<br />
- Collected more than 5,000 photos.<br />
- Organized them by events.</p>
<p>2. Asset selection (2 days)<br />
- Selected about 1,300 photos.<br />
- Determined background music for each events.</p>
<p>3. Video production* (4 days)<br />
- Created slideshows for each events with matching sound / visual effects.<br />
- Combined them into a single video.</p>
<p>4. Publish (1 day)<br />
- Gifted DVDs to people in the slideshow.<br />
- Published to web.</p>
<p><span style="font-size: small;">* Memoir of ITCT is made with iPhoto, Photoshop, After Effects, Final Cut Pro, Motion and LiveType.</span></p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://sokions.com/memoir-of-itct/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sound Pill</title>
		<link>http://sokions.com/sound-pill/</link>
		<comments>http://sokions.com/sound-pill/#comments</comments>
		<pubDate>Sat, 21 Jun 2008 05:51:57 +0000</pubDate>
		<dc:creator>sokion</dc:creator>
				<category><![CDATA[audio]]></category>
		<category><![CDATA[interaction]]></category>

		<guid isPermaLink="false">http://sokions.com/?p=161</guid>
		<description><![CDATA[Are you depressed and you don't know why? Do you regret something you've done? Are you experiencing wrench of parting? Is something driving you anxious, frustrated or even furious? Sound Pill is right there to soothe your emotional downfall with your friends' cheering voices.]]></description>
			<content:encoded><![CDATA[
<script type="text/javascript"><!--
 var mp3jNew_1 = [
{name: "1. anxiety", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzA2L2FueGlldHkubXAz", artist: ""},
{name: "2. depression", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzA2L2RlcHJlc3Npb24ubXAz", artist: ""},
{name: "3. frustration", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzA2L2ZydXN0cmF0aW9uLm1wMw==", artist: ""},
{name: "4. anger", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzA2L2Z1cnkubXAz", artist: ""},
{name: "5. regret", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzA2L3JlZ3JldC5tcDM=", artist: ""},
{name: "6. breakup", mp3: "aHR0cDovL3Nva2lvbnMuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzA2L3NlcGFyYXRpb24ubXAz", artist: ""}
];
//--></script>

<p style="padding-left: 30px;"><span style="color: #800000;"><strong><span style="font-size: large;">UX Designer, Researcher<br />
</span></strong></span><span style="font-size: small; line-height: 19px;"><em>Seoul National University, Spring 2008</em></span></p>
<blockquote>
<ul>
<li>Case study research</li>
<li>Script for voice-over</li>
<li>Voice-acting / audio recording / audio editing</li>
<li>Usability test</li>
</ul>
</blockquote>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><strong>Sound Pill is a concept product to relieve your mental stress with friends&#8217; voice messages.</strong></p>
<p><strong><br />
</strong></p>


			<div class="wrap-MI" style="float:right; padding:5px 0px 40px 35px; width:40%;">
				<div class="jp-innerwrap">
					<div class="innerx"></div>
					<div class="innerleft"></div>
					<div class="innerright"></div>
					<div class="innertab"></div>

					<div class="jp-interface">
						<div id="T_mp3j_1" class="player-track-title"></div>
						<div id="C_mp3j_1" class="player-artist"></div>
						
						<div class="MIsliderVolume" id="vol_mp3j_1"></div>
						<div class="bars_holder">
							<div class="loadMI_mp3j" id="load_mp3j_1"></div>
							<div class="posbarMI_mp3j" id="posbar_mp3j_1"></div>
						</div>
						<div class="transport-MI"><div class="buttons_mp3j" id="playpause_mp3j_1">Play Pause</div><div class="stop_mp3j" id="stop_mp3j_1">Stop</div><div class="Next_mp3j" id="Next_mp3j_1">Next&raquo;</div><div class="Prev_mp3j" id="Prev_mp3j_1">&laquo;Prev</div></div>
						<div id="P-Time-MI_1" class="jp-play-time"></div>
						<div id="T-Time-MI_1" class="jp-total-time"></div>
						<div id="statusMI_1" class="statusMI"></div>
						<div id="download_mp3j_1" class="dloadmp3-MI" style="visibility: hidden;"></div>
						<div class="playlist-toggle-MI" id="playlist-toggle_1" onclick="javascript:MI_toggleplaylist('', 1);">HIDE PLAYLIST</div>
						<div class="mp3j-popout-MI" style="visibility: visible;" onclick="return launch_mp3j_popout('http://sokions.com/wp-content/plugins/mp3-jplayer/popout-mp3j.php', 1);"></div>
					</div>
				</div>
				
				<div class="listwrap_mp3j" id="L_mp3j_1">
					<div class="playlist-wrap-MI">
						<div class="playlist-colour"></div>
						<div class="playlist-wrap-MI">
								<ul class="UL-MI_mp3j" id="UL_mp3j_1"><li></li></ul>
						</div>
					</div>
				</div>
			</div>

<p>Aiming to rediscover the potential of audio, the team focused on its emotional value that no visual run parallel with. An extensive research revealed that surprisingly many people are undergoing emotional problems and voice of close friends is a very effective remedy. In light of this, the team categorized these emotional symptoms into six groups, which they listed sentences that are adequate for, respectively. Accordingly, they recorded voice messages from twenty people and created six distinct audio clips that are available on the right.<br />
<img class="alignleft size-full wp-image-217" title="soundpill" src="http://sokions.com/wp-content/uploads/2008/06/soundpill.png" alt="" width="109" height="147" /></p>
<p>Sound Pill is then packaged in a small form factor shaped as a pill. Because their research revealed that tangible products emotionally appealed more to people than digital files. Also because the shape of a pill matches the purpose of the product metaphorically. So when you need some mental support, you can open the pill and plug the small chip inside to your Sound Pill player as if you take an aspirin for headache.</p>
<p>&nbsp;</p>
<p><strong>Lessons Learned and Future Development</strong></p>
<p>Usability tests revealed that it works best when it is made of friends&#8217; voices. Also, an automated system is necessary that combines many audio clips of different people into one and send it to the person. In sum, Sound Pill is a promising future project which has 2 issues to solve: <em>how to make *YOUR* friends to say something for you</em>; <em>how to make it easier to record and send</em>. One good solution to tackle these issues is to have a mobile phone application that connects to your Facebook friends and send voice messages within.</p>
<p><strong>Credits</strong></p>
<p><strong> </strong>Juho Kim<br />
Hyejun Kim<br />
Jun Hee Lee<br />
Carlos Sokion Shin<br />
Daeun Kim<br />
Jaehun Jo</p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://sokions.com/sound-pill/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
