<?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>Cocoia Blog &#187; Logo Design</title>
	<atom:link href="http://blog.cocoia.com/category/logo-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.cocoia.com</link>
	<description>The Cocoia Blog is the website of Sebastiaan de With, a Dutch Icon and Interface designer.</description>
	<lastBuildDate>Fri, 23 Mar 2012 21:36:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Pocket monster brands</title>
		<link>http://blog.cocoia.com/2009/pocket-monster-brands/</link>
		<comments>http://blog.cocoia.com/2009/pocket-monster-brands/#comments</comments>
		<pubDate>Mon, 09 Mar 2009 00:37:10 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[Personal Work]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[logodesign]]></category>
		<category><![CDATA[omg]]></category>
		<category><![CDATA[Popular]]></category>
		<category><![CDATA[ramble]]></category>
		<category><![CDATA[rant]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=828</guid>
		<description><![CDATA[Sometimes, you get the strangest, yet most appealing ideas walking down the street instead of when you&#8217;re at your desk nibbling on a pencil. It just hits me, sometimes before I go to sleep, or when I&#8217;m waiting in a queue. More often than not, I forget the idea, but lately I&#8217;ve been putting them [...]]]></description>
			<content:encoded><![CDATA[<p>Sometimes, you get the strangest, yet most appealing ideas walking down the street instead of when you&#8217;re at your desk nibbling on a pencil. It just hits me, sometimes before I go to sleep, or when I&#8217;m waiting in a queue. More often than not, I forget the idea, but lately I&#8217;ve been putting them into my iPhone, in a list. And when I looked back at that list yesterday, I found one particularly interesting.</p>
<p><em>“Design a series of corporate brand identities based on Pokémon.”</em></p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2009/03/bulbasaur.png" alt="bulbasaur" title="bulbasaur" width="578" height="438" class="logo" /></p>
<p>Guys? Stay with me here. When I was about eleven years old, I played a Pokémon game on a gameboy emulator on my PC, and I still think the creatures that Ken Sugimori designed are very iconic, characteristic designs. The crazy idea of doing some logotype work for them enticed my curiosity enough to actually do some work on it in my spare time. Here we go: corporate brand design, the Pokémon edition.</p>
<p>If you like it, please <a href="http://digg.com/design/Pokemon_brand_identities">digg it</a>.</p>
<p><span id="more-828"></span></p>
<p>I&#8217;ve already shown you <a href="http://bulbapedia.bulbagarden.net/wiki/Bulbasaur_(Pokémon)">Bulbasaur</a>, a brand of plant chemicals. I had fun representing its poison/grass <a href="http://bulbapedia.bulbagarden.net/wiki/Elemental_types">elemental types</a>.</p>
<p>
Onwards to a computer chip manufacturer; <a href="http://bulbapedia.bulbagarden.net/wiki/Magneton_(Pokémon)">Magneton</a> (Steel/Electric type). </p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2009/03/magneton.png" alt="magneton" title="magneton" width="578" height="438" class="logo" /></p>
<p>And how about the electric company, <a href="http://bulbapedia.bulbagarden.net/wiki/Pikachu_(Pokémon)">Pikachu</a>. Very renowned for its cute mascot and powerful slogan.</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2009/03/pikachu.png" alt="pikachu" title="pikachu" width="578" height="438" class="logo" /></p>
<p>It&#8217;s not all classic brick and mortar corporations, though; <a href="http://bulbapedia.bulbagarden.net/wiki/Staryu_(Pokémon)">Staryu</a> is a friendly, myspace-like web 2.0 startup.</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2009/03/staryu.png" alt="staryu" title="staryu" width="578" height="438" class="logo" /></p>
<p>A bed and sofa company, <a href="http://bulbapedia.bulbagarden.net/wiki/Drowzee_(Pokémon)">Drowzee</a>: (for obvious reasons, generally considered a &#8216;sleep&#8217; type)</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2009/03/drowzee.png" alt="drowzee" title="drowzee" width="578" height="438" class="logo" /></p>
<p>For professional grooming and spa salons, <a href="http://bulbapedia.bulbagarden.net/wiki/Jigglypuff_(Pokémon)">Jigglypuff</a> is the way to go:</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2009/03/jigglypuff.png" alt="jigglypuff" title="jigglypuff" width="578" height="438" class="logo" /></p>
<p>And last but not least; <a href="http://bulbapedia.bulbagarden.net/wiki/Kadabra_(Pokémon)">Kadabra</a>, the psychic silverware company. Kadabra, the Pokémon, is a psychic that can bend spoons, and constantly carries a spoon around.</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2009/03/kadabra.png" alt="kadabra" title="kadabra" width="578" height="438" class="logo" /></p>
<hr />
<p>I&#8217;d like to take this (hilarious) trip across fictional brands to a more serious note; these are merely draft designs, made in a relaxed mood with little attention to detail. I couldn&#8217;t say this work is representative of how I&#8217;d design actual logotypes. Regardless, it was a lot of fun to design.</p>
<p>Sometimes, people ask me, “<em>Hey, if you design stuff like this, how come you can&#8217;t schedule my work on a short-term basis?”</em>. The answer is very simple; this is some free-as-a-bird design. It&#8217;s what doodling was to you when you were in school (you doodled in school, right?!). As a designer, I have a lot of fun doing my work. It is, however, important to actually have fn designing and doing what you do for a living. I enjoy doing designs that don&#8217;t have to pass the judgment of a client, or with the responsibilities of professional design. That&#8217;s why I release freeware icons, and wallpapers, and now, design logotypes for a bunch of pocket monsters.</p>
<p>I hope you understand.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2009/pocket-monster-brands/feed/</wfw:commentRss>
		<slash:comments>54</slash:comments>
		</item>
		<item>
		<title>Inside Job: The new logo</title>
		<link>http://blog.cocoia.com/2009/inside-job-the-new-ubiquity-logo/</link>
		<comments>http://blog.cocoia.com/2009/inside-job-the-new-ubiquity-logo/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 13:24:35 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[Announcement]]></category>
		<category><![CDATA[Commercial Work]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[commercialwork]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[insidejob]]></category>
		<category><![CDATA[logodesign]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[ubiquity]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=721</guid>
		<description><![CDATA[Head over to Aza&#8217;s blog to read his great description of the process. After thorough consideration, we chose for these irresistible blue eyes. We&#8217;re calling this the semi-final, as our official deadline was the 19th, but some polishing is yet required. It also turned out that there was no vector resource for the &#8216;unbranded&#8217; Mozilla [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.cocoia.com/ubiquibotblog.png" alt="" /></p>
<p>Head over to <a href="http://www.azarask.in/blog/post/new-ubiquity-logo-semi-final-round/">Aza&#8217;s blog</a> to read his great description of the process. After thorough consideration, we chose for these irresistible blue eyes. We&#8217;re calling this the semi-final, as our official deadline was the 19th, but some polishing is yet required. It also turned out that there was no vector resource for the &#8216;unbranded&#8217; Mozilla globe, so that&#8217;ll require some redrawing :).</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2009/inside-job-the-new-ubiquity-logo/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Inside Job: Mozilla&#8217;s choice</title>
		<link>http://blog.cocoia.com/2009/inside-job-mozillas-choice/</link>
		<comments>http://blog.cocoia.com/2009/inside-job-mozillas-choice/#comments</comments>
		<pubDate>Mon, 12 Jan 2009 20:33:20 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[Commercial Work]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[commercialwork]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[insidejob]]></category>
		<category><![CDATA[logodesign]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[ubiquity]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=710</guid>
		<description><![CDATA[Aza has compiled Mozilla&#8217;s selection of the Ubiquity logo concepts into a blog post. Head over to his blog to read his thoughts on the sketches and see which concepts made the cut. And oh, of course, your input is certainly appreciated! Leave them here on on Aza&#8217;s blog. Please digg it if you have [...]]]></description>
			<content:encoded><![CDATA[<p>Aza has compiled <a href="http://www.azarask.in/blog/post/new-ubiquity-logo-round-2/">Mozilla&#8217;s selection of the Ubiquity logo concepts</a> into a blog post. Head over to his blog to read his thoughts on the sketches and see which concepts made the cut. And oh, of course, your input is certainly appreciated! Leave them here on on Aza&#8217;s blog.</p>
<p>Please <a href="http://digg.com/design/New_Ubiquity_Logo_Round_2">digg it</a> if you have an account; we&#8217;d love as much input we can gather!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2009/inside-job-mozillas-choice/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Inside Job: Mozilla Ubiquity Sketches</title>
		<link>http://blog.cocoia.com/2009/inside-job-mozilla-ubiquity-sketches/</link>
		<comments>http://blog.cocoia.com/2009/inside-job-mozilla-ubiquity-sketches/#comments</comments>
		<pubDate>Sat, 10 Jan 2009 17:44:52 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[Commercial Work]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[commercialwork]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[insidejob]]></category>
		<category><![CDATA[logodesign]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[ubiquity]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=674</guid>
		<description><![CDATA[Here&#8217;s my first round of rough sketched-out concepts for Mozilla Ubiquity. I will post larger-resolution images of them on Flickr if requested. In the mean time, we&#8217;d very much appreciate your input on the sketches. More sketches will follow. Important to take in mind here is that these are conceptual directions, and by no means [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s my first round of rough sketched-out concepts for <a href="http://labs.mozilla.com/projects/ubiquity/">Mozilla Ubiquity</a>. I will post larger-resolution images of them on Flickr if requested. In the mean time, <strong>we&#8217;d very much appreciate your input on the sketches</strong>. More sketches will follow.</p>
<p> Important to take in mind here is that these are <strong>conceptual directions</strong>, and by no means representative drafts of a final logo. These sketches help determine the creative direction of the artwork.</p>
<p><strong>Update:</strong> 7 sketches added! Check &#8216;em out at the bottom of the post.</p>
<p><span id="more-674"></span></p>
<hr />
<p><img src="http://www.cocoia.com/sketch1.png"  alt="Sketch 1-2" /></p>
<h3>Sketches 1-2: </h3>
<p>1. Fiery hand or flames in the shape of a hand. Lends itself a lot better to digital mockups, presented for conceptual purposes.</p>
<p>2. &#8216;Globe&#8217; or sphere contained by rings. Abstract concept of &#8216;elements&#8217; forming one, interlocking and seamless machine.
</p>
<hr />
<p><img src="http://www.cocoia.com/sketch2.png" alt="Sketch 3-4" /> </p>
<h3>Sketches 3-4:</h3>
<p>3. Model Sun and Earth (the old-fashioned style). A ubiquitous pattern turned into something even a child could operate; recreating the complex movements of the universe by hand.</p>
<p>4. A bacterium. Ubiquitous, living organisms; it has a pattern of interconnected &#8216;nodes&#8217;, like Ubiquity interconnects services and elements of the Web into one thing as simple yet rich as life itself.
 </p>
<hr />
<p><img src="http://www.cocoia.com/sketch3.png"  alt="Sketch 5-6" /></p>
<h3>Sketches 5-6:</h3>
<p>5. &#8216;Ball of threads&#8217; with arrow; symbolic for internet and its many facets &#8216;wrapped&#8217; into a single, dynamic package.</p>
<p>6. Conceptual rough sketch of &#8216;Smoke&#8217; in a U shape; again a play on &#8216;fire&#8217; (where&#8217;s smoke is fire, Firefox, etc.). It&#8217;s like a conceptual progression of the Enso shape. </p>
<hr />
<p><img src="http://www.cocoia.com/sketch4.png"  alt="Sketch 7-8" /></p>
<h3>Sketches 7-8:</h3>
<p> &#8216;Mercury&#8217;-like shapes of disconnected globs joining in a single material body. Solid and polished like metal, yet easily merged and separated. First concept is a more &#8216;flat&#8217; representation of the concept, whereas the second concept is a more &#8217;3D&#8217; kind of logo which has a more dynamic feeling to it.</p>
<hr />
<p><img src="http://www.cocoia.com/sketch5.png"  alt="Sketch 9-10" /></p>
<h3>Sketches 9-10:</h3>
<p> 9. Sphere that &#8216;builds up&#8217; out of small pieces, somewhat similar to Wikipedia Project logo. Light and small supporting elements added to give it a feeling of attraction instead or repulsion (construction vs. explosion).</p>
<p>10. Conceptual rough sketch of cuboid puzzle with &#8216;globe&#8217; faces; clicking pieces of the internet together.</p>
<hr />
<p><img src="http://www.cocoia.com/sketch6.png"  alt="Sketch 11-12" /></p>
<h3>Sketches 11-12:</h3>
<p> 11. Sphere where outer layer is peeled off; revealing a shining core. Represents bloom, internet, and following a natural process to find the &#8216;goodness&#8217; inside.</p>
<p>12: Very hard to sketch out, but a conceptual sketch of a &#8216;fractal&#8217; U for Ubiquity. Not shown in sketch; rainbow-like coloring, representing ubiquitous elements &#8216;water&#8217; and &#8216;light&#8217; coming together to form a new, beautiful whole in a rainbow.
</p>
<hr />
<p><img src="http://www.cocoia.com/sketch7.png"  alt="Sketch 13-14" /></p>
<h3>Sketches 13-14:</h3>
<p>13. Once again a &#8216;model&#8217; Globe, with rings. Sketch is rough; concept is a set of interlocking, concentric circles with a small 3D-offset from the globe.</p>
<p>14: Rainbow from cloud; Cloud representing Ubiquity, internet, Rainbow representing elements of &#8216;weather&#8217; coming together to form a new whole. As previously mentioned, the Rainbow makes for an interesting &#8216;U&#8217; shape.  </p>
<hr />
<p><img src="http://www.cocoia.com/sketch8.png"  alt="Sketch 15-16" /></p>
<h3>Sketches 15-16:</h3>
<p>15. &#8216;Enso&#8217; shape of pages, linking all disconnected webpages together in a zen-like whole.</p>
<p>16. &#8216;Growing&#8217; orb; Meant as a play on the Firefox logo; an overgrown globe. Leafs indicate it as being a plant, with the &#8216;organic&#8217; material representing Ubiquity and interconnection. </p>
<hr />
<p><img src="http://www.cocoia.com/sketch9.png"  alt="Sketch 17-18" /></p>
<h3>Sketches 17-18:</h3>
<p> 17. Globe with &#8216;U&#8217; shaped foot. Not easily sketched is the &#8216;electricity&#8217; that maintains the globe in place, which represents connection and power. </p>
<p>18. 1-Iteration (slightly beautified) Menger Sponge-like cube, with open faces representing input. A divided, yet consistent whole.
</p>
<hr />
<p><img src="http://www.cocoia.com/sketch10.png"  alt="Sketch 19-20" /></p>
<h3>(New) Sketches 19-20:</h3>
<p> 19. Cute little Ubiquity robot (Ubiquibot?) that &#8216;plugs&#8217; into the Mozilla standard Globe; your friendly intelligence for the internet. </p>
<p>20. Papercraft globe with a glue bottle. Representing bringing elements together, a casual craft, and of course the internet.
</p>
<hr />
<p><img src="http://www.cocoia.com/sketch11.png"  alt="Sketch 21-22" /></p>
<h3>(New) Sketches 21-22:</h3>
<p> 21. Ubiquitor, the robot assistant. Meant as a concept that fits well in the Mozilla website&#8217;s &#8216;comic&#8217; style, and represents a &#8216;cute&#8217; conceptual direction.</p>
<p>22. A counterweight to 16, which &#8216;floods&#8217; the globe with plants, this sketch represents computer intelligence &#8216;wired into&#8217; the web; a single intelligence that brings it all together.
</p>
<hr />
<p><img src="http://www.cocoia.com/sketcheslast.png"  alt="Sketch 23-24-25" /></p>
<h3>Sketches 23-24-25:</h3>
<p> 23. Globe, bolted together in an old-fashioned way. As you can see in the inset, it might be varied upon with panels not yet &#8216;bolted&#8217; into the globe, representing unifying elements of the internet with your own hands. </p>
<p>24. Tree growing on a globe. Very &#8216;natural&#8217; and casual illustrated stylistic direction, in line with the Firefox and Thunderbird style. A very colorful concept.</p>
<p>25. &#8216;Cyber&#8217;-glove; represents the user interface and &#8216;wiring into&#8217; the internet via Ubiquity.
</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2009/inside-job-mozilla-ubiquity-sketches/feed/</wfw:commentRss>
		<slash:comments>55</slash:comments>
		</item>
		<item>
		<title>Inside job: Mozilla Ubiquity</title>
		<link>http://blog.cocoia.com/2009/inside-job-mozilla-ubiquity/</link>
		<comments>http://blog.cocoia.com/2009/inside-job-mozilla-ubiquity/#comments</comments>
		<pubDate>Fri, 09 Jan 2009 22:09:44 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[Commercial Work]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[commercialwork]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[insidejob]]></category>
		<category><![CDATA[logodesign]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[ubiquity]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=657</guid>
		<description><![CDATA[You might know Mozilla, creators of the popular Firefox browser, Thunderbird email client, and a lot more. While I&#8217;ll be visiting them this month in Mountain View, California, for something I will announce later, I was tasked by Aza Raskin to help the design of Ubiquity&#8217;s logo. Ubiquity is a Mozilla Labs experiment into connecting [...]]]></description>
			<content:encoded><![CDATA[<p>You might know <a href="http://www.mozilla.org/">Mozilla</a>, creators of the popular Firefox browser, Thunderbird email client, and a lot more. While I&#8217;ll be visiting them this month in Mountain View, California, for something I will announce later, I was tasked by <a href="http://www.azarask.in/blog/">Aza Raskin</a> to help the design of Ubiquity&#8217;s logo. <a href="http://labs.mozilla.com/projects/ubiquity/">Ubiquity</a> is a Mozilla Labs experiment into connecting the Web with language in an attempt to find new user interfaces that could make it possible for everyone to do common Web tasks more quickly and easily. A very noble goal!</p>
<p><img src="http://www.cocoia.com/mozilla.png" /></p>
<p>In true Open-source style, I will be opening up the design process and posting updates on the progress of the logo design as I go along. The deadline is tight! While I have already started sketching concepts, the logo needs to be completed by January 19th. You&#8217;ll be able to follow the design as it progresses right here, so enjoy this unique look behind the scenes. Track updates here, and follow <a href="http://twitter.com/cocoia">my Twitter account</a> for more small updates. Enjoy the show!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2009/inside-job-mozilla-ubiquity/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

