<?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>Sketches &#187; Cool Sites</title>
	<atom:link href="http://www.otis-graphics.com/blog/archives/category/cool-sites/feed" rel="self" type="application/rss+xml" />
	<link>http://www.otis-graphics.com/blog</link>
	<description>Just some rough ideas</description>
	<lastBuildDate>Wed, 30 Nov 2011 05:27:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<item>
		<title>Points of Control Map Released!</title>
		<link>http://www.otis-graphics.com/blog/archives/340</link>
		<comments>http://www.otis-graphics.com/blog/archives/340#comments</comments>
		<pubDate>Mon, 30 Aug 2010 13:46:23 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Cool Sites]]></category>
		<category><![CDATA[Design Work]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[points of control]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://www.otis-graphics.com/blog/?p=340</guid>
		<description><![CDATA[The internet is a big place, with lots of people and companies trying to carve out territory for themselves. What would it look like if you could visualize the current landscape of the web? Which players are holding dominant positions? Who is making a move into new lands? Blend has teamed up with the great [...]]]></description>
			<content:encoded><![CDATA[<p>The internet is a big place, with lots of people and companies trying to carve out territory for themselves. What would it look like if you could visualize the current landscape of the web? Which players are holding dominant positions? Who is making a move into new lands? Blend has teamed up with the great folks at the Web2.0Summit to find out!</p>
<p>After several months of effort and a lot of continent shuffling, we are pleased to announce the launch of the <a href="http://map.web2summit.com" target="_blank">Web2.0Summit Points of Control Map!</a></p>
<p><a href="http://map.web2summit.com"><img class="alignnone size-full wp-image-343" title="web2map_sm" src="http://www.otis-graphics.com/blog/wp-content/uploads/2010/08/web2map_sm.jpg" alt="web2.0summit Points of Control map" width="600" height="483" /></a></p>
<p>This is really a first iteration of the map, with additional functionality to be added in upcoming releases. We hope you enjoy!</p>
<h3>Here are a few behind-the-scenes notes:</h3>
<p>The <a href="http://www.blendinteractive.com/about/team/" target="_blank">team at Blend</a> included and Joe, Nate on the development side. Karla and I did the design and illustration. We worked primarily with <a href="http://battellemedia.com/" target="_blank">John Battelle</a> and <a href="http://janerri.wordpress.com/" target="_blank">Janetti Chon</a> from the web2.0 team. Their vision and broad knowledge of the current state of the web is what really enabled this map to become what it is.<span id="more-340"></span></p>
<p>Deciding on the relative size and placement of the companies was a challenge. There are a lot of diverse players. So much so that an apples-to-apples comparison of any one data point seemed to miss the full picture. Instead we took a hybrid approach, considering things like revenue, number of active users, and relative influence. In the end it is all an estimate, but hopefully a reasonably defensible one.</p>
<p><a href="http://www.otis-graphics.com/blog/wp-content/uploads/2010/08/old_maps.jpg"><img class="alignnone size-full wp-image-349" title="old_maps" src="http://www.otis-graphics.com/blog/wp-content/uploads/2010/08/old_maps.jpg" alt="" width="600" height="242" /></a></p>
<p><a href="http://www.otis-graphics.com/blog/wp-content/uploads/2010/08/old_maps.jpg"></a>Visually there were a number of influences. We were inspired by old explorers maps, with their vague details and exotic inset illustrations. To help underscore the game-like fun that we were going for, we looked to strategy board games like Risk or Age of Empires. The chiclet icons were obvious game pieces that nod to the web-centric nature of the map. In the end we blended a whimsical hand-drawn style with interactive elements in a way that encourages exploring the state of the web for fun.</p>
<p>Obviously, we are not the first ones to try and visualize the web in some way. Here are a few other interesting takes on things:</p>
<p><a href="http://webtrendmap.com/" target="_blank">Web Trend Map</a> &#8211; Both a cool interactive map of the latest trends and a subway map style poster.</p>
<p><a href="http://xkcd.com/256/" target="_blank">2007 Online Communities</a> &#8211; How things have changed!</p>
<p><a href="http://www.flowtown.com/blog/the-2010-social-networking-map" target="_blank">2010 Social Networking Map</a> &#8211; A recent &#8220;tribute&#8221; map in a similar style to the 2007 version above.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.otis-graphics.com/blog/archives/340/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Lebensader &#8211; discover this world</title>
		<link>http://www.otis-graphics.com/blog/archives/278</link>
		<comments>http://www.otis-graphics.com/blog/archives/278#comments</comments>
		<pubDate>Mon, 19 Apr 2010 17:01:21 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Cool Sites]]></category>

		<guid isPermaLink="false">http://www.otis-graphics.com/blog/?p=278</guid>
		<description><![CDATA[I really like the style and creativity gushing from this cool animated film. The site offers a great gallery of artwork with a behind-the-scenes, sketchbook view of the visual development. You&#8217;ll definitely want to check out the brief video clip from the film, although I&#8217;ll warn you in advance, it leaves you wanting to see [...]]]></description>
			<content:encoded><![CDATA[<div>
<p><img title="lebensader01" src="http://www.otis-graphics.com/blog/wp-content/uploads/2010/04/lebensader01.jpg" alt="" width="300" height="218" /></p>
<p>I really like the style and creativity gushing from this cool animated film. The site offers a great gallery of artwork with a behind-the-scenes, sketchbook view of the visual development. You&#8217;ll definitely want to check out the brief video clip from the film, although I&#8217;ll warn you in advance, it leaves you wanting to see more.</p>
<p>More Lebensader here: <a href="http://www.lebensader-film.com/" target="_blank">http://www.lebensader-film.com/</a></p>
<p>Or, I pulled over a couple teaser sketches below:<img title="More..." src="http://www.otis-graphics.com/blog/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /><span id="more-278"></span></p>
<p><img title="lebensader02" src="http://www.otis-graphics.com/blog/wp-content/uploads/2010/04/lebensader02.jpg" alt="" width="600" height="271" /></p>
<p><img title="lebensader03" src="http://www.otis-graphics.com/blog/wp-content/uploads/2010/04/lebensader03.jpg" alt="" width="600" height="300" /></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.otis-graphics.com/blog/archives/278/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blend Interactive gets a new web presence (finally)</title>
		<link>http://www.otis-graphics.com/blog/archives/194</link>
		<comments>http://www.otis-graphics.com/blog/archives/194#comments</comments>
		<pubDate>Mon, 12 Oct 2009 17:14:58 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Cool Sites]]></category>
		<category><![CDATA[Design Work]]></category>

		<guid isPermaLink="false">http://www.otis-graphics.com/blog/?p=194</guid>
		<description><![CDATA[It is years overdue, and months in the making (around all that pesky paying work), but it is finally here. Blend Interactive has launched our new website! Karla designed the old version of our site nearly four years ago. I think that&#8217;s about 127 in web years. I always thought it aged very well. However, [...]]]></description>
			<content:encoded><![CDATA[<p>It is years overdue, and months in the making (around all that pesky paying work), but it is finally here. Blend Interactive has launched our new website!</p>
<p><a href="http://blendinteractive.com" target="_blank"><img class="alignnone size-full wp-image-195" title="blend_site01" src="http://www.otis-graphics.com/blog/wp-content/uploads/2009/10/blend_site01.jpg" alt="blend_site01" width="600" height="446" /></a></p>
<p>Karla designed the old version of our site nearly four years ago. I think that&#8217;s about 127 in web years. I always thought it aged very well. However, we have been growing and changing as fast as web technology. It was time for a refresh. We hope our new site can better communicate all we have been up to, and give visitors a better understanding of what Blend is capable of. Just like moving into a new house, we are still unpacking, shuffling content around, and getting things situated where we want them. Check in often to see what is new at Blend!</p>
<p>Blend&#8217;s new site: <a href="http://www.blendinteractive.com/">http://www.blendinteractive.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.otis-graphics.com/blog/archives/194/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a font from your own handwriting!</title>
		<link>http://www.otis-graphics.com/blog/archives/177</link>
		<comments>http://www.otis-graphics.com/blog/archives/177#comments</comments>
		<pubDate>Sun, 27 Sep 2009 03:02:17 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Cool Sites]]></category>
		<category><![CDATA[Freebies]]></category>

		<guid isPermaLink="false">http://www.otis-graphics.com/blog/?p=177</guid>
		<description><![CDATA[Type design meets instant gratification. Font Capture is a newly launched utility that will take a scan of your handwriting and turn it into an actual true type font. I admit I was skeptical when I first came to the site, but decided to give it a run and see how it turned out. The [...]]]></description>
			<content:encoded><![CDATA[<p>Type design meets instant gratification. <a href="http://www.fontcapture.com/" target="_blank">Font Capture</a> is a newly launched utility that will take a scan of your handwriting and turn it into an actual true type font. I admit I was skeptical when I first came to the site, but decided to give it a run and see how it turned out.</p>
<p><img class="alignnone size-full wp-image-178" title="samtype01" src="http://www.otis-graphics.com/blog/wp-content/uploads/2009/09/samtype01.gif" alt="samtype01" width="575" height="125" /></p>
<p>The process was fairly easy:</p>
<ol>
<li>Download and print the template page</li>
<li>Write all the letters in their appropriate boxes</li>
<li>Scan and upload the completed template back to the site</li>
<li>Preview the result and download my completed font</li>
</ol>
<p>There are a few tricks to getting a nice result. <span id="more-177"></span>I used a black Micron08 pen, slightly tweaked the vertical placement of the letters in Photoshop, and made sure the four registration dots on the template made it intact through the whole process.</p>
<p><img class="alignnone size-full wp-image-179" title="template_guide" src="http://www.otis-graphics.com/blog/wp-content/uploads/2009/09/template_guide.png" alt="template_guide" width="431" height="170" /></p>
<p>Of course, this is an auto-generated font. Despite all the clever scripts running in the background, you have to expect some kerning foibles and the like. There are limited special characters, and no options for ligatures or other custom refinements. It is what it is. If you want a more structured font, try <a href="http://fontstruct.fontshop.com/" target="_blank">FontStruct</a>. Or for complete control, buy a copy of <a href="http://www.fontlab.com/font-editor/fontographer/" target="_blank">Fontographer</a> and go to town.</p>
<p>When it is all said and done though, it is hard to go wrong with a custom font in 15-30 min. For free. I can see great potential for drawing up some fun and stylized fonts with this utility. But even beyond possible design uses, there is something strangely satisfying about being able to type in your own handwriting.</p>
<p>Check it out at: <a href="http://www.fontcapture.com/" target="_blank">http://www.fontcapture.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.otis-graphics.com/blog/archives/177/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter trend madness</title>
		<link>http://www.otis-graphics.com/blog/archives/173</link>
		<comments>http://www.otis-graphics.com/blog/archives/173#comments</comments>
		<pubDate>Sun, 27 Sep 2009 01:23:33 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Cool Sites]]></category>
		<category><![CDATA[Design Work]]></category>

		<guid isPermaLink="false">http://www.otis-graphics.com/blog/?p=173</guid>
		<description><![CDATA[We have finally launched the Palm Trend Tracker! The site allows you to delve deeper into what people are talking about on Twitter. You can compare how often topics are mentioned over time, see when a topic popped onto everyone&#8217;s radar, and even where in the world a topic is trending! Note the &#8220;pre trend [...]]]></description>
			<content:encoded><![CDATA[<p>We have finally launched the Palm Trend Tracker!</p>
<p><img class="alignnone size-full wp-image-174" title="trendtracker01" src="http://www.otis-graphics.com/blog/wp-content/uploads/2009/09/trendtracker01.jpg" alt="trendtracker01" width="600" height="371" /></p>
<p>The site allows you to delve deeper into what people are talking about on <a href="http://twitter.com" target="_blank">Twitter.</a> You can compare how often topics are mentioned over time, see when a topic popped onto everyone&#8217;s radar, and even where in the world a topic is trending! Note the &#8220;pre trend watch&#8221; where the site predicts the next topics that will make it to the top 10. Overall, this site can do some pretty cool stuff. I think Joe, Nate, and Tim might have broken a few laws of physics to make it happen (something about downloading and parsing the whole internet in real time&#8230;), but cool none-the-less.</p>
<p>Check it out here: <a href="http://palmtrendtracker.com/" target="_blank">http://palmtrendtracker.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.otis-graphics.com/blog/archives/173/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Recently launched &#8211; Mid Market Innovators</title>
		<link>http://www.otis-graphics.com/blog/archives/117</link>
		<comments>http://www.otis-graphics.com/blog/archives/117#comments</comments>
		<pubDate>Tue, 21 Apr 2009 02:52:43 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Cool Sites]]></category>

		<guid isPermaLink="false">http://www.otis-graphics.com/blog/?p=117</guid>
		<description><![CDATA[This one has been turning for a while, but at long last we have launched Mid Market Innovators! This site, co-sponsored by Sun Microsystems and Intel, is a place to find articles and advice from leading authors in business and technology. There are also a series of webcasts schduled to give visitors the chance to [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.midmarketinnovators.com/" target="_blank"><img class="alignnone size-full wp-image-118" title="mminnovators_logo" src="http://www.otis-graphics.com/blog/wp-content/uploads/2009/04/mminnovators_logo.gif" alt="mminnovators_logo" width="583" height="118" /></a></p>
<p>This one has been turning for a while, but at long last we have launched Mid Market Innovators! This site, co-sponsored by Sun Microsystems and Intel, is a place to find articles and advice from leading authors in business and technology. There are also a series of webcasts schduled to give visitors the chance to interact with FM authors around these same topics. There is a lot of functionality built into the site, and the design turned out fairly well&#8230; if I do say so myself.</p>
<p>Check it out at: <a href="http://www.midmarketinnovators.com/" target="_blank">http://www.midmarketinnovators.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.otis-graphics.com/blog/archives/117/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Re-envisioning water with Kohler</title>
		<link>http://www.otis-graphics.com/blog/archives/102</link>
		<comments>http://www.otis-graphics.com/blog/archives/102#comments</comments>
		<pubDate>Fri, 03 Apr 2009 03:52:21 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Cool Sites]]></category>
		<category><![CDATA[Design Work]]></category>

		<guid isPermaLink="false">http://www.otis-graphics.com/blog/?p=102</guid>
		<description><![CDATA[We recently launched a site for Kohler, espousing the importance of conserving water. There are some cool ideas on the site, and a gallery of water-themed graffitis from a contest on Facebook. This project actually went relatively smooth. Considering we took this from nothing to a live site in about two weeks, the campaign has [...]]]></description>
			<content:encoded><![CDATA[<p>We recently launched a site for Kohler, espousing the importance of conserving water. There are some cool ideas on the site, and a gallery of water-themed graffitis from a <a href="http://www.facebook.com/pages/Graffiti-Contest-Water/55826707747?v=box_3" target="_blank">contest on Facebook</a>.</p>
<p><img class="alignnone size-full wp-image-103" title="h2o_visions" src="http://www.otis-graphics.com/blog/wp-content/uploads/2009/04/h2o_visions.gif" alt="h2o_visions" width="289" height="107" /></p>
<p>This project actually went relatively smooth. Considering we took this from nothing to a live site in about two weeks, the campaign has gone off pretty well. Chris knocked out the dev side of things, with Tim filling in around the edges.</p>
<p>Check it out at: <a href="http://www.h2ovisions.com/" target="_blank">http://www.h2ovisions.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.otis-graphics.com/blog/archives/102/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Need a Tech Makeover?</title>
		<link>http://www.otis-graphics.com/blog/archives/45</link>
		<comments>http://www.otis-graphics.com/blog/archives/45#comments</comments>
		<pubDate>Fri, 12 Sep 2008 02:51:40 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Cool Sites]]></category>
		<category><![CDATA[Design Work]]></category>

		<guid isPermaLink="false">http://www.otis-graphics.com/blog/?p=45</guid>
		<description><![CDATA[Recently launched! I designed this mini conversational marketing site for Intel (Tim rocked the development end of things), and it seems to be performing fairly well. After all, who wouldn&#8217;t like $5000 in free tech gear? The contest is still open, so get in there and win some-o-them tasty microchips! www.needatechmakeover.com]]></description>
			<content:encoded><![CDATA[<p>Recently launched!</p>
<p><img class="alignright size-full wp-image-46" title="tech_makeover" src="http://www.otis-graphics.com/blog/wp-content/uploads/2008/09/tech_makeover.gif" alt="Need a Tech Makeover" width="204" height="99" /></p>
<p>I designed this mini conversational marketing site for Intel (Tim rocked the development end of things), and it seems to be performing fairly well. After all, who wouldn&#8217;t like $5000 in free tech gear? The contest is still open, so get in there and win some-o-them tasty microchips!</p>
<p><a href="http://www.needatechmakeover.com">www.needatechmakeover.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.otis-graphics.com/blog/archives/45/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

