<?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>Design Gods</title>
	<atom:link href="http://designgods.coggancreative.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://designgods.coggancreative.com</link>
	<description>We are the Gods of Our Creations</description>
	<lastBuildDate>Sat, 03 Dec 2011 20:18:26 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>THE LAWS OF LOGO DESIGN</title>
		<link>http://designgods.coggancreative.com/building-a-designers-manifesto/the-laws-of-logo-design/</link>
		<comments>http://designgods.coggancreative.com/building-a-designers-manifesto/the-laws-of-logo-design/#comments</comments>
		<pubDate>Sun, 04 Jul 2010 20:19:52 +0000</pubDate>
		<dc:creator>Christopher Coggan</dc:creator>
				<category><![CDATA[Design Gods Discussion]]></category>

		<guid isPermaLink="false">http://designgods.coggancreative.com/?p=206</guid>
		<description><![CDATA[Here are the so far definitive laws of logo design that I practice. Are these and industry standard? Hardly. Should they be? Perhaps. As I have over 15 years of professional logo and design experience, there is a lot of thought and effort that has gone in to defining these rules. That being said, I [...]]]></description>
			<content:encoded><![CDATA[<p>Here are the so far definitive laws of logo design that I practice. Are these and industry standard? Hardly. Should they be? Perhaps. As I have over 15 years of professional logo and design experience, there is a lot of thought and effort that has gone in to defining these rules. That being said, I am still doing my best to refine them and I would love to get your help and input to assist in that refinement.</p>
<p>The fact is, as every logo is supposed to be unique and memorable, so too are the rules that guide their creation. The goal here is a general set of foundational axioms that, depending on a given project, should be applied with various weight. In other words, the importance of each of these rules is specific to each unique logo. A logo that is heavily dependent on text, for example, might find that the most important rule is one related to letter space and kerning. A logo that is more iconic may very well find its foundational aspects to be more color or line-weight specific.</p>
<p>When designing logos the important thing to always remember is simple: <strong>A truly unique mark requires a unique approach.</strong></p>
<p>here are the laws of logo and brand identity as I have so far refined them:</p>
<p><strong>1. THERE SHOULD BE A REASON FOR EVERYTHING.</strong><em> &#8211; The line widths and thicknesses, the colors, the font styles the shapes, the spacing the overall &#8217;shape of occupied space&#8217;, the negative space &#8211; all of this needs to have a reason.</em><strong><br />
</strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">2. EVERY  ELEMENT EXISTS IN RELATION TO EVERY OTHER. THEY NEED TO BE CREATED  WITHIN CONTEXT. </span></span></strong><span style="color: #ff0000;"><span style="color: #000000;"><em>- we have to think beyond the context of the logo itself here &#8211; we  have to co0nsider its current and future usage, its various potential applications, etc., etc..</em></span></span><strong><span style="color: #ff0000;"><span style="color: #000000;"><br />
</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">3. </span></span></strong><strong><span style="color: #ff0000;"><span style="color: #000000;">CREATE A SET OF  RULES THAT GUIDE THE GENERATION OF EVERY LOGO. FOLLOW THEM PRECISELY. </span></span></strong><span style="color: #ff0000;"><span style="color: #000000;"><em>- As each logo is unique, each requires a specific approach. Create guidelines that will help you get to your final destination in a strategic, organized manner.</em></span></span><strong><span style="color: #ff0000;"><span style="color: #000000;"><br />
</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">4. </span></span></strong><strong><span style="color: #ff0000;"><span style="color: #000000;">IF THE RULES  COMPROMISE THE EFFECTIVENESS OR READABILITY OF THE LOGO, CHANGE THE  RULES. </span></span></strong><span style="color: #ff0000;"><span style="color: #000000;"><em>- Sometimes, as we go through the process of development, new question and/or concerns arise. DO NOT IGNORE THESE! Embrace them, and alter your design strategy accordingly.</em></span></span><strong></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">5. EMBRACE THE CLIENT&#8217;S PERSPECTIVE AS ANOTHER CHALLENGE TO THE FINAL DESIGN &#8211; NOT AS A ROADBLOCK TO YOUR CREATIVE PROCESS</span></span></strong><em><span style="color: #ff0000;"><span style="color: #000000;"> &#8211; this one is often the most difficult to embrace. However, if you do in fact have a strategy and a reason for all aspects of what you are doing, you can easily and effectively justify the choices you are making. In doing so you educate the client in the process, the result of which is at least better rapport with a better educated client. The more important results of this is a better educated client &#8211; a client that will make informed decisions rather then emotional subjective ones.</span></span></em><strong></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">6. THE RESULT SHOULD BE A FINISHED PRODUCT. </span></span></strong><span style="color: #ff0000;"><span style="color: #000000;"><em>- What I mean by this is, the final logo should address all the questions and concerns of the client, the designer and the marketplace. As this blog has readily suggested, there are a lot of good ideas and good directions that are not taken through the important steps of refinement and finalization. The unfortunate result of this is potentially less impact on a exponential scale. If the final details are left incomplete, then </em></span></span><span style="color: #ff0000;"><span style="color: #000000;"><em>you have not finished your job and have done a disservice to both your own integrity and your client.</em></span></span><strong><span style="color: #ff0000;"><span style="color: #000000;"><br />
</span></span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://designgods.coggancreative.com/building-a-designers-manifesto/the-laws-of-logo-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Logo Rebuild #003- Pacific Blue Foundation</title>
		<link>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-rebuild-003/</link>
		<comments>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-rebuild-003/#comments</comments>
		<pubDate>Mon, 11 Jan 2010 18:42:06 +0000</pubDate>
		<dc:creator>Christopher Coggan</dc:creator>
				<category><![CDATA[Design Studies!]]></category>

		<guid isPermaLink="false">http://designgods.coggancreative.com/?p=121</guid>
		<description><![CDATA[Welcome to the South Pacific&#8230;.

Ready for another rebuild? Lets do it! This one has been a thorn in my side for sometime. Lets look at the original logo I was given:

Okay.. so firstly, let me explain how this all begins. So, in actuality, I am a Biochemist. I studied at UCSD and earned my B.S. [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Welcome to the South Pacific</strong>&#8230;.</p>
<p><span id="more-121"></span></p>
<p>Ready for another rebuild? Lets do it! This one has been a thorn in my side for sometime. Lets look at the original logo I was given:</p>
<p><img class="alignnone size-full wp-image-143" title="heidi" src="http://designgods.coggancreative.com/wp-content/uploads/2010/01/Picture-4.png" alt="heidi" width="481" height="431" /></p>
<p>Okay.. so firstly, let me explain how this all begins. So, in actuality, I am a Biochemist. I studied at UCSD and earned my B.S. in Biochemistry there. Shortly thereafter, I went to work as a Marine Biochemist at Scripps Institute of Oceanography. I designed and built sea-going isotope filtration laboratories, worked in the lab on a variety of things including algae incubators and the such&#8230; good times, but not my true calling.</p>
<p>This logo for the Pacific Blue Foundation (PBF) is for my old boss, Greg Mitchell. The PBF logo you see above was designed by someone else; I was originally hired to make it better. On a small budget and even smaller timeframe, we ended up here:</p>
<p style="text-align: center;"><img class="size-full wp-image-144 aligncenter" title="Picture 6" src="http://designgods.coggancreative.com/wp-content/uploads/2010/01/Picture-6.png" alt="Picture 6" width="311" height="228" /></p>
<p style="text-align: left;">I am not proud of this logo. I do not love it and do not think it is very appropriate for the client and their mission in the South Pacific, specifically in Fiji. That being said, it was a step above the original but the problems are numerous:</p>
<ol>
<li>Fiji and the culture they are trying to preserve, is one of hand-crafted expertise. Traditional boats are hand carved. Masks are hand carved. everything is organic in nature. This logo is none of that.</li>
<li>This boat &#8211; is NOT a boat that looks much like anything specific to Fiji.</li>
<li>Black&#8230; what is black doing in something that is supposed to be organic?</li>
<li>line quality &#8211; looks pretty clean to me, this says nothing about &#8216;hand-made&#8217; at all.</li>
<li style="text-align: left;">This non-profit is committed to creating a sustainable balance between the people and the environment. The environment is represented, but what about the people?</li>
</ol>
<p>So those are the tip of the iceberg. PBF used this logo for the last 6 months or so&#8230; I am not happy with that.</p>
<p><strong>SO, when PBF came to me to redesign I was more then happy to ablige!</strong></p>
<p>Then, I was told once again, that another artist has some concepts&#8230; now I don&#8217;t mind working with other artists and designers, but I once again heard alarms going off &#8211; the first logo was the product of fixing an existing concept, now I had to do this again?</p>
<p>God help me.</p>
<p>Here is a sample of the concepts I was given:</p>
<p><img class="alignleft size-full wp-image-148" title="Picture 1" src="http://designgods.coggancreative.com/wp-content/uploads/2010/01/Picture-11.png" alt="Picture 1" width="341" height="310" />Well&#8230; these are pretty rough. Thank God for that! Given that fact, I felt comfortable grabbing a few of the design ideas presented here and running with them.</p>
<p>At least we have a baseline to go with. The reality though, is this a traditional Fijian boat and it is supposed to be moving through the ocean. Where is the captain?</p>
<p>Not only do we need someone to steer the boat, but Pacific Blue Foundation&#8217;s tag line is &#8220;Sustaining Reef Communities&#8221; which, again points to people.</p>
<p><span style="color: #ffffff;">.</span></p>
<p><span style="color: #ffffff;">.</span></p>
<p><span style="color: #ffffff;">.</span></p>
<p><span style="color: #ffffff;">.</span></p>
<p>The first step in this redesign is to draw the boat. In the image below, you see on the left the vector version of the boat; on the right, is the same vector graphic with a brush applied to the outline. The goal here is to emulate the hand-crafted nature of traditional Fijian products made by the communities that PBF is working to help.</p>
<p style="text-align: center;"><img class="size-full wp-image-153 aligncenter" title="Boat Drawing" src="http://designgods.coggancreative.com/wp-content/uploads/2010/01/Picture-26.png" alt="Boat Drawing" width="400" height="166" /></p>
<p>So, Now that we have that handled, we need to consider the context in which this organization operates, their goals, their audience, all that great stuff. Their tagline sort of says it all: &#8220;Sustaining Reef Communities&#8221; &#8211; as an island nation, the livelihood of the traditional culture revolves around the ocean &#8211; the ocean is the source of their successes and conserving it is the key here. Being a tropical paradise also lends itself to the notion of  &#8217;sun and surf&#8217;. We need the logo to appeal to those who will potentially be donating to the cause, those who have this idealistic vision of the South Pacific and want to see it conserved.</p>
<p>The resulting icon, then, does the job well:</p>
<p><img class="alignleft size-full wp-image-161" title="PBF icon" src="http://designgods.coggancreative.com/wp-content/uploads/2010/01/Picture-5.png" alt="PBF icon" width="249" height="239" />Here, we have effectively carried across the hallmarks of the Fijian Culture, the outside perception of the South Pacific, the hand-crafted look and feel, the sun, the ocean, the fight &#8211; that is the analogy of the solo man vs. the sea&#8230; we have done it all. AND &#8211; we have created something that not only feels appropriate to those benefiting from PBF&#8217;s services, but also appropriate to those donors interested in supporting the cause.</p>
<p>Also of great importance is the fact that this iconic element of the logo is memorable and unique &#8211; always important to a brand.</p>
<p>Now for the letter type. Rather then overwhelm you with another 5 pages of details on how this came about, lets just summarize. We know the rules, you can find them in this post here: <a href="http://designgods.coggancreative.com/building-a-designers-manifesto/the-laws-of-logo-design/" target="_self">the rules governing the perfect logo</a>.</p>
<p>So, we apply all of those, bring in the colors, the textures, address the kerning and spacing issues, get it all together. Here is the result:</p>
<p><img class="aligncenter size-full wp-image-162" title="PBF final logo" src="http://designgods.coggancreative.com/wp-content/uploads/2010/01/Picture-61.png" alt="PBF final logo" width="350" height="111" /><br />
Sweet. Now, lets see this logo put to use. Again- <strong>EXTEND THE BRAND</strong>. This means that the collateral the website &#8211; <strong>everything </strong>- will be directed by the specific qualities of the logo. spacing, colors, line thickness and quality&#8230; <strong>EVERYTHING!</strong></p>
<p>Here is some of the initial collateral:</p>
<p><img class="aligncenter size-full wp-image-168" title="PBF" src="http://designgods.coggancreative.com/wp-content/uploads/2010/01/PBF2.jpg" alt="PBF" width="450" height="243" /></p>
<p>And the website, which is still under construction:</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-170" title="pbfSite" src="http://designgods.coggancreative.com/wp-content/uploads/2010/01/pbfSite.jpg" alt="pbfSite" width="450" height="438" /></p>
<p>http://pacificbluefoundation.org/</p>
]]></content:encoded>
			<wfw:commentRss>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-rebuild-003/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Logo Rebuild #002 &#8211; Kruger Armor</title>
		<link>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-redesign-002/</link>
		<comments>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-redesign-002/#comments</comments>
		<pubDate>Tue, 29 Dec 2009 20:30:42 +0000</pubDate>
		<dc:creator>Christopher Coggan</dc:creator>
				<category><![CDATA[Design Studies!]]></category>

		<guid isPermaLink="false">http://designgods.coggancreative.com/?p=122</guid>
		<description><![CDATA[Okay, so time for another redesign! This was for a client, Kruger Armor. They basically build custom cars that can withstand bomb blasts and sniper fire. here is the original logo:

Once again, given their business, this logo has many appropriate characteristics&#8230; and many issues.

THE GOOD:
• Metallic look and feel, similar to, you guessed it, ARMOR.
• [...]]]></description>
			<content:encoded><![CDATA[<p>Okay, so time for another redesign! This was for a client, Kruger Armor. They basically build custom cars that can withstand bomb blasts and sniper fire. here is the original logo:</p>
<p><img class="alignnone size-full wp-image-124" title="kruger logo" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-42.png" alt="kruger logo" width="450" height="73" /></p>
<p>Once again, given their business, this logo has many appropriate characteristics&#8230; and many issues.</p>
<p><span id="more-122"></span></p>
<p><strong>THE GOOD:</strong></p>
<p>• Metallic look and feel, similar to, you guessed it, ARMOR.</p>
<p>• Powerful typeface, thick and solid which again lends itself to the service they provide</p>
<p>• Some potentially interesting letters &#8211; the &#8220;R&#8221; in particular has &#8216;unique&#8217; written all over it</p>
<p><strong>THE BAD:</strong></p>
<p>• Lack of consistency in the letter bar thicknesses</p>
<p>• Curved letter elements are all over the place &#8211; no consistency</p>
<p>• KERNING&#8230;that is the spacing between letters.. it is terrible. Something tells me we have an &#8216;out-of-the-box&#8217; font posing as a logo.</p>
<p>• Their business is in the material world. specifically cars. Cars exist in 3 dimensions, the logo needs some depth.</p>
<p><strong>SO&#8230; lets fix this.</strong></p>
<p><img class="alignnone size-full wp-image-127" title="PROBLEMS" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-51.png" alt="PROBLEMS" width="450" height="67" /></p>
<p>The image above highlights the big issues.</p>
<p>#1 is the weird spacing between the letter &#8220;R&#8221; and the other letters. The &#8220;R&#8221; is cool, but not integrated. we need to fix that.</p>
<p>#2 is the center of the letter &#8220;A&#8221;. The basline and the cross bar do not conform to any of the other letters&#8230;there are no rules guiding this logo.</p>
<p>#3 is the letter &#8220;G&#8221;. whoa&#8230;seriously? That letter is just a total disaster.</p>
<p>#4 is the spacing issues between the horizontal bars of the letter &#8220;E&#8221;. they are not consistent between the top and bottom.</p>
<p>#5 is the most apparent kerning problem, but this problem persists throughout the logo.</p>
<p>SO&#8230; lets revisit the rules of logo design:</p>
<p><strong>1. THERE SHOULD BE A REASON FOR EVERYTHING.</strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">2. EVERY ELEMENT EXISTS IN RELATION TO EVERY OTHER. THEY NEED TO BE CREATED WITHIN CONTEXT.</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">3. </span></span></strong><strong><span style="color: #ff0000;"><span style="color: #000000;">CREATE A SET OF RULES THAT GUIDE THE GENERATION OF EVERY LOGO. FOLLOW THEM PRECISELY.</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">4. </span></span></strong><strong><span style="color: #ff0000;"><span style="color: #000000;">IF THE RULES COMPROMISE THE EFFECTIVENESS OR READABILITY OF THE LOGO, CHANGE THE RULES.</span></span></strong></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">So I created a bunch of rules for this logo. They have to do with spacing, bar sizes, Leading Letter sizes, etc., etc&#8230;</span></span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">If you are interested in what those rules are, I challenge you to develop the rules I followed based on the resulting logo.<br />
</span></span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">So&#8230; lets normalize the letter bars and spacing, the curves, the size of the leading letters, etc.</span></span><strong><span style="color: #ff0000;"><span style="color: #000000;"> </span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><img class="alignnone size-full wp-image-131" title="bars" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-71.png" alt="bars" width="400" height="231" /></span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">So,, here we normalized the bars, lead lettering and angles&#8230; now for the curves:</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><img class="alignnone size-full wp-image-132" title="curves" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-81.png" alt="curves" width="300" height="157" /></span></span></strong></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">Using the &#8220;R&#8221; as an example, this is how I normalize curves. Find a base letter then rotate it as needed to accommodate all curved letters in the logo. </span></span><span style="color: #ff0000;"><span style="color: #000000;">Now, one of the big questions is how the letters will relate to one another</span></span><strong><span style="color: #ff0000;"><span style="color: #000000;">. </span></span></strong><span style="color: #ff0000;"><span style="color: #000000;">Here is an example of the possibilities. It is important, when dealing with a logo that is the name of a company itself, to try all sort of potential relationships. The aim and goal of the process is consistency and fluidity throughout the logo.</span></span><strong></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><img class="alignnone size-full wp-image-133" title="letters" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-92.png" alt="letters" width="400" height="124" /></span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">So once you have some options, you put the whole logo together accordingly. The answers, the ideal look and feel &#8211; they pretty much present themselves through this process. So here is the finished wireframe of the logo:</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><img class="alignnone size-full wp-image-134" title="wireframe" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-10.png" alt="wireframe" width="500" height="76" /></span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">Notice the consistent spacing, the various applications to the &#8220;R&#8221; to make it work in different situations&#8230; the FLOW.</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">Now, to color it and add some sense of depth&#8230;BAM!</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><img class="alignnone size-full wp-image-135" title="final" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-112.png" alt="final" width="500" height="78" /></span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">SO&#8230; before and after:</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><img class="alignnone size-full wp-image-136" title="compare" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-121.png" alt="compare" width="500" height="153" /></span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">WOW. what a difference&#8230;Now, this is not DONE, we&#8217;ve discussed icons th go with this, SUVS, target icons, etc&#8230;but I&#8217;m still waiting to get paid on it, so that is all for now!<br />
</span></span></strong></p>
<p>Visit me <a title="COGGAN CREATIVE" href="http://www.coggancreative.com" target="_blank">http:www.coggancreative.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-redesign-002/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>Logo Build #001 &#8211; MyShoDog</title>
		<link>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-build-001-myshodog/</link>
		<comments>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-build-001-myshodog/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 06:47:04 +0000</pubDate>
		<dc:creator>Christopher Coggan</dc:creator>
				<category><![CDATA[Design Studies!]]></category>

		<guid isPermaLink="false">http://designgods.coggancreative.com/?p=96</guid>
		<description><![CDATA[So, in this logo, we will apply the rules I set forth in my earlier post, Logo Appraisal #001 and build this bad boy out. MyShoDog.com came to me with the intent of skinning their portal site, built on an ASP Net 3.5 platform. An interesting project I was excited about, and then I saw [...]]]></description>
			<content:encoded><![CDATA[<p>So, in this logo, we will apply the rules I set forth in my earlier post, <a href="http://designgods.coggancreative.com/?p=52" target="_blank">Logo Appraisal #001</a> and build this bad boy out. MyShoDog.com came to me with the intent of skinning their portal site, built on an ASP Net 3.5 platform. An interesting project I was excited about, and then I saw the logo I had to work with.</p>
<p><span id="more-96"></span></p>
<p>Since the design of a effective, brand-extending website is intimately related to the brand identity, this was a deal breaker.  Here is the original logo:</p>
<p><img class="alignnone size-full wp-image-100" title="Original Logo" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-4.png" alt="Original Logo" width="455" height="148" /></p>
<p>Without being too harsh, this logo has some serious issues. The 1999 &#8216;Santa Fe Curious Shop&#8217; look, the unfortunate choice of a font &#8211; Copperplate &#8211; The less then appealing color pallet. Granted, it was a &#8216;favor&#8217; and didn&#8217;t cost anything, but those are not the kind of favors that help people, especially those dreaming of creating the new and most advanced portal of its kind in the given market.</p>
<p>So, convincing the client of the need for a new brand identity was not that difficult. Here are the rules that guide my logo design:</p>
<p><strong>1. THERE SHOULD BE A REASON FOR EVERYTHING.</strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">2. EVERY ELEMENT EXISTS IN RELATION TO EVERY OTHER. THEY NEED TO BE CREATED WITHIN CONTEXT.</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">3. </span></span></strong><strong><span style="color: #ff0000;"><span style="color: #000000;">CREATE A SET OF RULES THAT GUIDE THE GENERATION OF EVERY LOGO. FOLLOW THEM PRECISELY.</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">4. </span></span></strong><strong><span style="color: #ff0000;"><span style="color: #000000;">IF THE RULES COMPROMISE THE EFFECTIVENESS OR READABILITY OF THE LOGO, CHANGE THE RULES.</span></span></strong></p>
<p>Now, just to clarify, when we talk about elements, when we refer to rules &#8211; we are not just talking about visual relationships. Rules extend directly and quite literally into the market specific to the client in question. Their goals, their values, their target markets &#8211; all of these aspects are &#8216;elements&#8217; and help to guide the rules and keep everything within context.</p>
<p>So, let&#8217;s begin with the font. We are talking about a web 2.0 portal site here being the main avenue through which the client will communicate with a wide variety of their customer base &#8211; breeders, kennels, competitive dog owners and dog enthusiasts.</p>
<p>After looking at the web presence of these various groups, I can most accurately say that they spend a lot more time with their dogs then they do designing websites. Even the biggest and most well respected breeders are about 10 years behind design-wise. This is great news, because it means that we can easily set the standard for this genre of websites in the future. We can, undoubtedly, create the most stunning website the world of dog owners has ever seen! So, we need to start with a logo and the logo needs to begin with a font choice.</p>
<p>After sending some portfolio samples to the client, it became pretty clear what styles appealed to them. In addition, I always ask for 3-5 words that described the values of the company. I try to express these values through the logos I create.</p>
<p>First, I start with a base font. In this case, that font was Avant Garde Book BT. A good starting point for the modern upscale look we are going for:<img class="alignnone size-full wp-image-101" title="Base Font" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-5.png" alt="Base Font" width="465" height="118" /></p>
<p>2. From there we apply some visual rules. The three key letters here that would form an Acronym &#8220;M&#8221;,&#8221;S&#8221;, and &#8220;D&#8221; do not occupy the same horizontal space. In addition the other letters are all over the place as well: the &#8220;o&#8221; and the &#8220;G&#8221; are the same width and height, but the &#8220;H&#8221; and the &#8220;Y&#8221; are different from one another as well as the &#8220;OG&#8221;.</p>
<p>TOO MUCH VARIATION OR NOT ENOUGH &#8211; this can throw off the balance of a logo.</p>
<p>And, lets add one more rule:</p>
<p><strong><span style="color: #ff0000;">AXIOM #5: <span style="color: #000000;">A FONT IS NOT A LOGO.</span></span></strong></p>
<p>You have to commit to that if you ever hope to design compelling original marks.</p>
<p>Okay, So lets set some visual rules:</p>
<p>1. First word letters, the primary ones, will be normalized to occupy the same vertical and horizontal space.</p>
<p>2. Secondary letters with rounded tops and bottoms will occupy the same vertical  and horizontal space.</p>
<p>3. Secondary letters not conforming to rule two will occupy the same vertical  and horizontal space as one another.</p>
<p>So, in the first rendition of this logo I took the rule of the curved letters and applied it to the &#8220;S&#8221;, in the most literal way possible&#8230; and it is not that great&#8230;take a look:</p>
<p><img class="alignnone size-full wp-image-102" title="first font" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-6.png" alt="first font" width="479" height="110" /></p>
<p>Okay..we followed the rules, but again we cannot take this out of context. The &#8220;S&#8217; looks too techie for this application&#8230;we are dealing with serious dog owners here, not people who have a dog character in some online gaming world. So lets try this again. Now we are in dangerous territory, because we are hand drawing letters to match an existing font. And curved letters, no less!</p>
<p><img class="alignnone size-full wp-image-103" title="New S" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-7.png" alt="New S" width="479" height="108" /></p>
<p>well, the &#8220;S&#8221; in not perfect yet, but we are definitely on the right track. Now, this is a DOG WEBSITE. Let&#8217;s use that to our advantage. lets also create some saturation variation.</p>
<p><img class="alignnone size-full wp-image-104" title="dog" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-8.png" alt="dog" width="500" height="119" /></p>
<p>Okay, the client is feeling this, I&#8217;m feeling this. this is the right direction. But this site is about SHOW DOGS. The ribbon idea, expressed in the original logo &#8211; that&#8217;s important. We need to bring that back some how.</p>
<p>So now, it&#8217;&#8217;s time to draw a prize ribbon. I&#8217;m not going to bore you with that whole process, but basically you find some samples on line, maybe even some free vector graphics, and you manipulate them to your needs. Since we need to create an icon of a ribbon and we are working with a pretty skinny, elegant letter type, we need to make sure that the line quality of the ribbon is in tune with that. Remember, everything must be taken within context.</p>
<p>So, here is the first rendition of the ribbon:</p>
<p><img class="alignleft size-full wp-image-106" title="ribbon 1" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-91.png" alt="ribbon 1" width="157" height="221" />This is based on a prize ribbon from a dog show, so you can&#8217;t get better then that. Problem: we now have a ribbon and a dog icon&#8230; having two icons in one logo is distracting to me. There may be an application for it, but I haven&#8217;t found one yet, so we are going to bring them together.</p>
<p>In addition, the client is about to launch the beta version of there site, so whatever the final colors of the logo are, the initial colors need to be in tune with that beta site which, in this case, is orange.</p>
<p>Okay then&#8230; lets get these elements together and see where we are at:<img class="size-full wp-image-108" title="color" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-111.png" alt="color" width="472" height="191" /></p>
<p>So now, we are getting there! In this case, because of the qualities of the ribbon, we can replace an &#8220;O&#8221; with the ribbon for total integration. Nice. However&#8230; there is a tag line to consider and which &#8220;O&#8221; will be replaced by ribbon? the first &#8220;O&#8221;, replaced in the above graphic is near the center, but not centered&#8230; remember: TOO MUCH VARIATION OR NOT ENOUGH VARIATION&#8230; in this case, not enough. In addition, the word dog having a dog in it is, well, just meant to be. And we have that tag line to deal with. SO:</p>
<p><img class="alignnone size-full wp-image-109" title="logo" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-12.png" alt="logo" width="482" height="175" /></p>
<p>That&#8217;s nice! The &#8220;S&#8217; needs a little work, but we are close&#8230; After conferring with the client, I came to find out that: The most prestigious award in the dog world is Red White and Blue and, maybe of greater importance, Dogs are assessed from their left side by the judges, meaning the dog is facing the wrong direction! Important information.</p>
<p>And now, we have arrived at the final logo! A few minor kerning adjustments in the tagline font, and we will be DONE.</p>
<p><img class="alignnone size-full wp-image-110" title="Final Logo" src="http://designgods.coggancreative.com/wp-content/uploads/2009/12/Picture-13.png" alt="Final Logo" width="417" height="132" /></p>
<p>And wait til you see how this plays out in the site design! Once the site goes live, I will show you this, applied, and how extending the brand exponentially increases the value of the mark.</p>
<p>Need a logo? Need advice on one you are creating? Visit me at: <a href="http://www.coggancreative.com" target="_blank">http://www.coggancreative.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-build-001-myshodog/feed/</wfw:commentRss>
		<slash:comments>49</slash:comments>
		</item>
		<item>
		<title>Logo Appraisal #001</title>
		<link>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-appraisal-001/</link>
		<comments>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-appraisal-001/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 18:58:26 +0000</pubDate>
		<dc:creator>Christopher Coggan</dc:creator>
				<category><![CDATA[Design Studies!]]></category>

		<guid isPermaLink="false">http://designgods.coggancreative.com/?p=52</guid>
		<description><![CDATA[I was traveling this past weekend and spotted this Neal Electric truck at the airport. The logo? It made me sad&#8230;Why? Well, this is a perfect example of a good foundation that was not seen through to it&#8217;s real potential. I aim to fix that, just for the hell of it. Well, not just for [...]]]></description>
			<content:encoded><![CDATA[<p>I was traveling this past weekend and spotted this Neal Electric truck at the airport. The logo? It made me sad&#8230;Why? Well, this is a perfect example of a good foundation that was not seen through to it&#8217;s real potential. I aim to fix that, just for the hell of it. Well, not just for the hell of it -  as an example that will extend to you the philosophy, rules and process that guide my designing.</p>
<p><span id="more-52"></span></p>
<p><img class="alignnone size-full wp-image-53" title="Neal Electric" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/IMG_0521.JPG" alt="Neal Electric" width="450" height="299" /></p>
<p>Okay, so here is the first addendum to this post. This is the logo off of their website, which I assume is the most recent version. There are still some major issues that need to be addressed. One of the blaring problems is the spacing. with less then a one pixel space between letter elements, even at this size, the logo begins to fall apart.</p>
<p>Basically, when designing a logo yo must consider the resizing of that logo&#8230; this is an example of not considering that important aspect of logo design. In addition, the &#8220;Electric&#8221; part of this logo&#8230; WTF? It is nonsensical.</p>
<p><img class="alignnone size-full wp-image-56" title="neal logo" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/left8.jpg" alt="neal logo" width="179" height="46" /></p>
<p>Here we go! So lets blow up that jpg&#8230; the areas I circled are the areas that need to be addressed in this logo. First, we define the issues or aspects worthy of reevaluation. Once that is done, we work on resolving them!</p>
<p><img class="alignnone size-full wp-image-60" title="breakdown" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-22.png" alt="breakdown" width="500" height="268" /></p>
<p><span style="color: #ff0000;"><strong>1. Inconsistent corners/spacing&#8230; </strong></span>Look at the bottom of the &#8220;N&#8221;, look at the top of the &#8220;L&#8221;. Hard lines, hard corners. Yet the top right corner of the &#8220;N&#8221; and the top bar of the &#8220;E&#8221; are pixellated, meaning they are a bit rounded. this is not consistent with the rest of the lettering.</p>
<p><strong><span style="color: #ff0000;">2. the bars of the &#8220;E&#8221;&#8230;</span> </strong>Each cross bar is a different size, as is the spacing in between them. These little inconsistencies really compromise the effectiveness of this logo.</p>
<p><span style="color: #ff0000;"><strong>3. further considerations regarding the way the &#8220;E&#8221; Relates to the &#8220;A&#8221;&#8230;</strong></span> The middle bar approaches the &#8220;A&#8221; at an angle and, although its length is that of the top bar, as it dives into the &#8220;A&#8221;, it appears to be longer because of the shape. The top bar stops abruptly, creating an inconsistent black triangular-shaped negative space.</p>
<p><span style="color: #ff0000;"><strong>4. BAR SIZES&#8230;</strong></span> Why is the leading bar of the &#8220;N&#8221;, the visual anchor when one reads left to right, thinner then the rest of the vertical standing bars?</p>
<p><strong><span style="color: #ff0000;">5. &#8220;Electric&#8221; Font&#8230;</span></strong> Far beyond a normal Italic, the slant of this letter was chosen in an attempt to match that of the left slant of the &#8220;A&#8221;. The reasoning is valid; the result is not. Sometimes what seems ideal is in actuality a misstep. The way the word &#8220;electric&#8221; works with the leading &#8220;N&#8221; compromises the visual foundation of the logo, not to mention the readability issues of the chosen font.</p>
<p><strong><span style="color: #ff0000;">6. &#8220;Electric&#8221; Font Height&#8230; </span></strong>One of the most striking visual features of this logo is the diving right bar of the &#8220;A&#8221;. The electric font should reinforce this aspect of the logo, not distract from it by extending beyond it vertically.</p>
<p><span style="color: #ff0000;"><strong>7. More spacing issues&#8230; </strong></span>The spacing is not only inconsistent, but too small for a logo that will be used in many different applications. the width of the lettering, the power of strong letter elements is lost in a haze as the small spacing between each blurs together.</p>
<p><span style="color: #ff0000;"><strong>8.The horizontal bar of the &#8220;L&#8221;&#8230; </strong></span>this is a good idea&#8230; but the outcome is not. The problem is not in the slant, but in the bar thickness. the bars forming the foundation of a logo with such thick positive space need to be able to support what is above; I would reconsider the thickness of bottom bars to really reinforce the visual effectiveness of the logo.</p>
<p>Now that the issues with this logo are clear, lets start with the biggest elements and work our way to the details.</p>
<p>WE start by considering the horizontal space each letter occupies. There is NO CONSISTENCY here at all. Granted, with the &#8220;A&#8221; overlapping aspects of the &#8220;E&#8221; and &#8220;L&#8221;,  there will be some variation, but the variation should be predictable and consistent. I tried to illustrate below how out of whack it really is:</p>
<p><img class="alignnone size-full wp-image-64" title="letters" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-31.png" alt="letters" width="500" height="172" /></p>
<p>the &#8220;N&#8217; is about 25% longer then the &#8220;E&#8221;, 5% shorter then the &#8220;A&#8221; (at the baseline), and 15%  longer then the &#8220;L&#8221;. The question is: <span style="color: #ff0000;"><strong>WHY?</strong></span></p>
<p><span style="color: #ff0000;"><strong>AXIOM #1: </strong></span><strong>THERE SHOULD BE A REASON FOR EVERYTHING.</strong></p>
<p><span style="color: #808080;"><em>*FYI: These are MY Axioms; they need no proof from my perspective, they are simply true. If you feel otherwise, state your arguments, I&#8217;d love to hear them.</em></span></p>
<p>Now, lets take a look at the vertical and slanted bars of the logo:</p>
<p><strong><img class="alignnone size-full wp-image-66" title="vert" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-41.png" alt="vert" width="500" height="188" /></strong></p>
<p>You can see immediately that the vertical bars for each letter are not consistent. In addition, the crossbar of the &#8220;N&#8221; and the bars making the &#8220;A&#8221; are at different angles entirely.<strong> <span style="color: #ff0000;">WHY?</span></strong></p>
<p><strong><span style="color: #ff0000;">AXIOM #2: <span style="color: #000000;">EVERY ELEMENT EXISTS IN RELATION TO EVERY OTHER. THEY NEED TO BE CREATED WITHIN CONTEXT.</span></span></strong></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">Now, lets take a look at the vertical bars of the logo. </span></span></p>
<p><img class="alignnone size-full wp-image-69" title="horizontal" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-42.png" alt="horizontal" width="500" height="257" /></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">Although it is hard to see, using the top bar of the &#8220;E&#8221; as the test case, both the middle bar of the &#8220;E&#8221; and the bottom bar of the &#8220;A&#8221; are not consistent. In addition, consistency in negative space must also exist and in the case of the &#8220;A&#8221; we are a little off. And of course, the &#8220;E&#8221; is all Jacked up.<br />
</span></span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">The reality is, depending on the logo, there may be variation in the width of both vertical and horizontal bars, there may be variations in spacing, there can easily be variations in corners and straight &amp; curved aspects as well</span></span><strong><span style="color: #ff0000;"><span style="color: #000000;">&#8230; but in addition to axiom&#8217;s 1 &amp; 2&#8230;</span></span></strong></p>
<p><strong><span style="color: #ff0000;">AXIOM #3: <span style="color: #000000;">CREATE A SET OF RULES THAT GUIDE THE GENERATION OF EVERY LOGO. FOLLOW THEM PRECISELY.<br />
</span></span></strong></p>
<p>Now, lets consider the second part of the logo. In a logo such as this, that has no discerning icon or graphic that denotes through imagery what the company actually does, the word (in this case, &#8220;Electric&#8221;) is of great importance. Sometimes the name says it all, sometimes instead of denoting an industry, we have a tag line, but really, if something is an integral part of the logo, it needs to be addressed as such, not as an afterthought.</p>
<p>Take a look:</p>
<p><img class="alignnone size-full wp-image-71" title="WTF" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-51.png" alt="WTF" width="500" height="223" /></p>
<p>So, this part of the logo is problematic. Although the designer attempted to be consistent, in skewing this word as to match the slant of the left side of the &#8220;A&#8221;, in doing so the integrity of this word and logo has been compromised. It is difficult to read. It does not reinforce the strong foundation of the baseline. It does not reinforce the left edge of the &#8220;N&#8221; AND, it creates a distraction point as it meets the right bar of the &#8220;A&#8221;.</p>
<p>Consequently, the most notable part of the logo, that being the &#8220;A&#8221; , is marginalized.</p>
<p>This marginalization really goes nuclear  when one considers the letter height of the word &#8220;Electric&#8221;. Here we&#8217;ve got this amazing differentiator in the right side of the &#8220;A&#8221;, breaking the baseline, creating a unique and memorable mark, and its length, as well as its relationship to the word &#8220;Electric&#8221;, is completely ignored. <span style="color: #ff0000;"><strong><span style="color: #000000;">This of course references the third axiom, every element of the logo must exist within context. In addition&#8230;</span><br />
</strong></span></p>
<p><strong><span style="color: #ff0000;">AXIOM #4: <span style="color: #000000;">IF THE RULES COMPROMISE THE EFFECTIVENESS OR READABILITY OF THE LOGO, CHANGE THE RULES.</span></span></strong></p>
<p>In other words, don&#8217;t compromise them. Reinvent them to address all of the issues effectively.</p>
<p>OKAY THEN&#8230; we have investigated the problems, revealing the axioms that guide my logo design process along the way. Now we need a systematic way to address them; a process that we can effectively apply in a streamlined and time-effective manner.</p>
<p><strong>THE REBUILD</strong></p>
<p>So, in order to rebuild this logo properly, we need to create a set of RULES that guide us. This involves addressing spacing issues, element widths and lengths, letter space, angle consistency, additional fonts, etc. I never actually document these rules, as they are a function of the design process; in other words, the rules evolve as the logo is built.</p>
<p>Depending on the logo, you may have various widths, heights and angles associated with various elements of each letter, but the goal is &#8216;visual consistency&#8217; &#8211; in achieving such consistency, the logo flows, the elements, each which can stand on its own, come together creating an exponentially fluid and memorable mark.</p>
<p>Lets start by addressing the letter elements &#8211; sizes, angles &amp; spacing. First lets take a look at what we have.</p>
<p><img class="alignnone size-full wp-image-76" title="barss" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-32.png" alt="barss" width="500" height="160" /></p>
<p>Here, in blue, we see the variation in the bar size in blue. I&#8217;m thinking that the bar size will be the average of the two vertical bars of the &#8220;N&#8221;. Circled in Pink are the areas where angled bars meet. We need to determine how they meet &#8211; do the form a consistent horizontal length? how will that length translate to other letters in the logo?</p>
<p>In addressing the horizontal bars of this logo, we need to consider the spacing between them, specifically in the &#8220;E&#8221; and if that spacing will serve as the rule for all letter spacing within the logo. I&#8217;m thinking &#8220;YES!&#8221; In the image below, the green represents consistent bar sizes for vertical and horizontal bars. In some cases, the baseline bars might be a different height then those above, but I think in this case we can go with all one size. The angled bars are also the same width of the vertical ones&#8230; next we actually form each letter.</p>
<p><img class="alignnone size-full wp-image-77" title="Bar sizes" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-43.png" alt="Bar sizes" width="500" height="157" /></p>
<p>Since the &#8220;A&#8221; is the dominant feature of this logo, it will be used to determine the width of the angled/vertical connectors in the &#8220;N&#8221;. In the image below, we spread out the down bars of the &#8220;A&#8221; so they correspond to the vertical spacing of the horizontal bars of the &#8220;E&#8221;&#8230;. Consistency&#8230;. Although the &#8220;A&#8221; will now be wider at the baseline, we will adjust the other letters accordingly.</p>
<p><img class="alignnone size-full wp-image-79" title="the A" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-71.png" alt="the A" width="227" height="400" /></p>
<p>As illustrated above, the width of the &#8220;A&#8221; where it meets at the top will now be exactly the same width as the top bar of the &#8220;E&#8221;. Perfect! The top of the &#8220;A&#8221; is now quite wide. Depending on how it effects the &#8220;N&#8221;, we made need to change this rule, or change the angle at which the bars lay. There exists the perfect compromise. So we need to find it.</p>
<p>Getting confusing? Agreed. Now, let&#8217;s not forget&#8230; this is a logo REDESIGN. Meaning, the rules you follow also need to take in to consideration an important fact:</p>
<p>This logo is in use. Right now. On EVERYTHING. So, we are not rebranding this company; that would cost a fortune&#8230; we are instead making minor alterations that have huge visual consequences&#8230; The goal is a relatively seamless migration to their updated mark.</p>
<p>The huge visual consequences I refer too are not that major to the untrained eye; in fact, if you surveyed a group of people, some of them might not even see a discernible difference, depending on the logo in question. That being said though, the outcome of the rebuild with have huge psychological impact. The most minute details can change people&#8217;s initial reaction &#8211; reinforce trust, create an instant sense of rapport, draw the potential consumer or client in.</p>
<p>This is important stuff.</p>
<p><strong>OKAY.</strong> It has become clear to me that explaining every step of this process will result in a book. So, lets just move to the results and wrap this up. the important thing to remember is the process driving this whole gig:</p>
<p><span style="color: #ff0000;"><strong>#1: </strong></span><strong>THERE SHOULD BE A REASON FOR EVERYTHING.</strong></p>
<p><strong><span style="color: #ff0000;">#2: <span style="color: #000000;">EVERY ELEMENT EXISTS IN RELATION TO EVERY OTHER. THEY NEED TO BE CREATED WITHIN CONTEXT.</span></span></strong></p>
<p><strong><span style="color: #ff0000;">#3: <span style="color: #000000;">CREATE A SET OF RULES THAT GUIDE THE GENERATION OF EVERY LOGO. FOLLOW THEM PRECISELY.</span></span></strong></p>
<p><strong><span style="color: #ff0000;">#4: <span style="color: #000000;">IF THE RULES COMPROMISE THE EFFECTIVENESS OR READABILITY OF THE LOGO, CHANGE THE RULES.</span></span></strong></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">So, here are some possible treatments for the logo. </span></span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;"><img class="alignnone size-full wp-image-84" title="logotypes" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-11.png" alt="logotypes" width="500" height="248" /><br />
</span></span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">#5 is the closest to the original, but with the inconsistent spacing will be compromised at smaller sizes. Remember, this is an electrical contractor; All things electric are standardized and, at least from a consumers perspective, must be perfect. #2 is also very similar to the original, but the consistent spacing creates a big negative space between the &#8220;A&#8221; and the &#8220;L&#8221; and the interesting relationship between them is not longer so integrated.<br />
</span></span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">Personally, I&#8217;m really feeling #9. It just feels solid, complete, and balanced. At a point like this in redesigning a logo, I would typically narrow it down to three options and then figure it out with the client.</span></span><strong><span style="color: #ff0000;"><span style="color: #000000;"> </span></span></strong><span style="color: #ff0000;"><span style="color: #000000;">For the sake of my time, I&#8217;m going with #9.</span></span><strong><span style="color: #ff0000;"><span style="color: #000000;"> </span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">Now, to add the word electric. </span></span></strong><span style="color: #ff0000;"><span style="color: #000000;">Well, Ideally, I would probably pick a more squared-off font, but for the purposes of this study, this works for me. It&#8217;s not perfect, but it is well on its way. We created a protocol, we followed it. That was the real goal of this whole process.</span></span><strong><span style="color: #ff0000;"><span style="color: #000000;"><br />
</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><img class="alignnone size-full wp-image-85" title="final" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-13.png" alt="final" width="500" height="501" /></span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">I&#8217;m pretty happy with this. What&#8217;s your take? Maybe the &#8220;E&#8221; should be a bit bigger&#8230; still needs work! But you get the idea.</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;">Here it is with a longer &#8220;E&#8221;&#8230;eh. Obviously, we have not arrived at a final destination, but the process has been documented and that ultimately the goal.<br />
</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><img class="alignnone size-full wp-image-97" title="Bigger &quot;E&quot;" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-23.png" alt="Bigger &quot;E&quot;" width="500" height="131" /><br />
</span></span></strong></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><a title="COGGAN CREATIVE" href="HTTP://WWW.COGGANCREATIVE.COM" target="_blank">HTTP://WWW.COGGANCREATIVE.COM</a><br />
</span></span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-appraisal-001/feed/</wfw:commentRss>
		<slash:comments>39</slash:comments>
		</item>
		<item>
		<title>Logo Rebuild #001</title>
		<link>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-rebuild-001/</link>
		<comments>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-rebuild-001/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 21:30:28 +0000</pubDate>
		<dc:creator>Christopher Coggan</dc:creator>
				<category><![CDATA[Design Studies!]]></category>

		<guid isPermaLink="false">http://designgods.coggancreative.com/?p=34</guid>
		<description><![CDATA[When working with new clients, you often have to work within the confines of their existing branding. On many occasions, that branding is terrible and you just have to deal with it. On other occasions, the idea is there, but not fully developed or simply poorly developed. I recently worked with another design company on [...]]]></description>
			<content:encoded><![CDATA[<p>When working with new clients, you often have to work within the confines of their existing branding. On many occasions, that branding is terrible and you just have to deal with it. On other occasions, the idea is there, but not fully developed or simply poorly developed. I recently worked with another design company on a logo, for example. The finished product they sent me consistent of an iconic mark, which I didn&#8217;t love and a typeface that was straight out of the box: no kerning corrections, no letter bar or spacing corrections&#8230; it was terrible. More terrible yet, they charged a very high price for what I considered a logo that was only half completed.</p>
<p><span id="more-34"></span></p>
<p>It is a very rare occasion that a font can be used, straight out of the box, for a logo. I prefer to use fonts as a foundation on which a logo is built.</p>
<p>The logo presented here for a different client of mine, <a title="Drive Fitness Design" href="http://www.drivefitnessdesign.com/" target="_blank">Drive Fitness Design </a>is an example of just that. The client loved his logo until I made him aware of the blaring inconsistencies that compromised its presence. So, I documented a bit of the process involved in taking something mediocre and bringing it to perfection.</p>
<p>Here is that documentation!</p>
<p><img class="alignnone size-medium wp-image-35" title="Original Logo" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-4-300x63.png" alt="Original Logo" width="300" height="63" /></p>
<p>1. Here is the logo we started with. Notice the letter width and curve inconsistencies, the kerning in the sub heading, the mismatched service mark font. This logo needed work. Bad.</p>
<p><img class="alignnone size-medium wp-image-36" title="step one. building the letters" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-5-300x98.png" alt="step one. building the letters" width="300" height="98" /></p>
<p>2. The first step in the process for me to to develop consistency. Consistent angles, curves, bar heights and widths&#8230; every element of every letter in a logo like this needs to be totally consistent.</p>
<p><img class="alignnone size-medium wp-image-37" title="curve closeup" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-6-300x124.png" alt="curve closeup" width="300" height="124" /></p>
<p>3. Here is a closer look at that process. all curves, all elements must be normalized for effectiveness. Every logo, every time.</p>
<p><img class="alignnone size-medium wp-image-38" title="take it to the letters" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-7-300x102.png" alt="take it to the letters" width="300" height="102" /></p>
<p>4. Once that is done for a single letter, extend that theme, those rules accross all of the lettering.</p>
<p><img class="alignnone size-medium wp-image-39" title="done. now color" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-8-300x211.png" alt="done. now color" width="300" height="211" /></p>
<p>5. then, we start building the new logo. Start with black or grey, then begin adding style elements &#8211; colors, outlines shadows, etc., etc&#8230;</p>
<p><img class="alignnone size-full wp-image-41" title="results!" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/Picture-91.png" alt="results!" width="500" height="247" /></p>
<p>6. Done. the evolution is complete. Although there was some little additional tweeking, this is a clear illustration of how important the littlest details can change the impact of a logo drastically. How was the logo implemented into collateral? Here are a few samples:</p>
<p><img class="alignnone size-full wp-image-42" title="1" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/1.png" alt="1" width="400" height="238" /></p>
<p>Another, interior page:</p>
<p><img class="alignnone size-full wp-image-43" title="2" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/2.png" alt="2" width="400" height="239" /></p>
<p>And, how did it play out on the web? Well, the current site is NOT the website, but a flash presentation of DFD services. You can check it out here: <a title="Drive Fitness Design" href="http://www.drivefitnessdesign.com/" target="_blank">Drive Fitness Design </a></p>
<p><strong>The Moral of this study:</strong> Even if a client is married to their logo (and you don&#8217;t love it) there is always the potential to make it BETTER!</p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><a title="COGGAN CREATIVE" href="HTTP://WWW.COGGANCREATIVE.COM" target="_blank">HTTP://WWW.COGGANCREATIVE.COM</a><br />
</span></span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/logo-rebuild-001/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Design Evolution Study #001</title>
		<link>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/design-evolution-study-001/</link>
		<comments>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/design-evolution-study-001/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 20:32:23 +0000</pubDate>
		<dc:creator>Christopher Coggan</dc:creator>
				<category><![CDATA[Design Studies!]]></category>

		<guid isPermaLink="false">http://designgods.coggancreative.com/?p=15</guid>
		<description><![CDATA[This is a quick example of a quick greeting card design and it&#8217;s evolution&#8230;
Okay, lets get to work!
Here is an example of a simple Holiday invite from inception to completion. How hard can an invite be, right? Let&#8217;s just say, its all in the details&#8230;

1. The beginning: Xmas Balls, Branches, Snowflakes&#8230; you have to start [...]]]></description>
			<content:encoded><![CDATA[<p>This is a quick example of a quick greeting card design and it&#8217;s evolution&#8230;</p>
<p><span id="more-15"></span>Okay, lets get to work!</p>
<p>Here is an example of a simple Holiday invite from inception to completion. How hard can an invite be, right? Let&#8217;s just say, its all in the details&#8230;<br />
<img class="alignnone size-full wp-image-17" title="bkm_01" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/bkm_011.jpg" alt="bkm_01" width="400" height="287" /></p>
<p>1. The beginning: Xmas Balls, Branches, Snowflakes&#8230; you have to start somewhere.</p>
<p><img class="alignnone size-full wp-image-19" title="bkm_02" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/bkm_02.jpg" alt="bkm_02" width="400" height="288" /></p>
<p>2. Colors&#8230; what about blue? less religious? more universal?</p>
<p><img class="alignnone size-full wp-image-20" title="bkm_03" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/bkm_03.jpg" alt="bkm_03" width="400" height="286" /></p>
<p>3. We need a bird. A holiday bird. lets try a cardinal!</p>
<p><img class="alignnone size-full wp-image-21" title="bkm_04" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/bkm_04.jpg" alt="bkm_04" width="400" height="288" /></p>
<p>4. Not a real bird, a stylized bird. lets try some more mid-century color tones as well. let&#8217;s cluster the balls to look more like berries.</p>
<p><img class="alignnone size-full wp-image-22" title="bkm_05" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/bkm_05.jpg" alt="bkm_05" width="400" height="288" /></p>
<p>5. How about a little more muted? Well&#8230; if you insist&#8230;</p>
<p><img class="alignnone size-full wp-image-23" title="bkm_06" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/bkm_06.jpg" alt="bkm_06" width="400" height="286" /></p>
<p>6. That didn&#8217;t work. Lets minimize the number of balls, move the bird, try a new font.</p>
<p><img class="alignnone size-full wp-image-24" title="bkm_07" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/bkm_07.jpg" alt="bkm_07" width="400" height="286" /></p>
<p>7. Our logo? lets go with B&amp;W.. the blue throws everything off.</p>
<p><img class="alignnone size-full wp-image-25" title="bkm_08" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/bkm_08.jpg" alt="bkm_08" width="400" height="287" /></p>
<p>8. Wait. New title. New font. Let&#8217;s change the ball spacing a little and integrate the logo into the design! Also, lets move more of the info to the back.</p>
<p><img class="alignnone size-full wp-image-26" title="bkm_09" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/bkm_09.jpg" alt="bkm_09" width="400" height="270" /></p>
<p>9. 5&#215;7 is too big. lets go 4&#215;6, its more intimate.</p>
<p><img class="alignnone size-full wp-image-27" title="bkm_10" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/bkm_10.jpg" alt="bkm_10" width="400" height="270" /></p>
<p>10. Okay, so the ration is now 4:6&#8230; we need to shrink the text, looks crowded.</p>
<p><img class="alignnone size-full wp-image-28" title="bkm_11" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/bkm_11.jpg" alt="bkm_11" width="500" height="339" /></p>
<p>11. Close. we still need to match the CMYK colors to the pantones of the envelope&#8230;</p>
<p><img class="alignnone size-full wp-image-29" title="bkm_12" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/bkm_12.jpg" alt="bkm_12" width="400" height="268" /></p>
<p>12. DONE. ready to print. Lots of steps, but the result is EXACTLY WHAT THE CLIENT WANTED.</p>
<p><strong>Moral of this design process: </strong>When working with a new client, always make sure your estimate accounts for the potential of many revisions. Until you know how a client thinks and how well you work together, you cannot assume that a simple invite is going to be that simple.</p>
<p><strong>The result? </strong></p>
<p><strong>Best Case:</strong> The final cost is LESS then you estimated because the details are not that important to that particular client.</p>
<p><strong>Worst Case:</strong> Is really not that bad at all. You actually got to put more time and thought into the design without going over budget. Everybody is happy and the design work is that much more refined.</p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><a title="COGGAN CREATIVE" href="HTTP://WWW.COGGANCREATIVE.COM" target="_blank">HTTP://WWW.COGGANCREATIVE.COM</a><br />
</span></span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://designgods.coggancreative.com/studies-on-the-design-process-at-coggan-creative/design-evolution-study-001/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>A matter of perspective</title>
		<link>http://designgods.coggancreative.com/interesting-stuff-related-to-design-gods/a-matter-of-perspective/</link>
		<comments>http://designgods.coggancreative.com/interesting-stuff-related-to-design-gods/a-matter-of-perspective/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 19:11:33 +0000</pubDate>
		<dc:creator>Christopher Coggan</dc:creator>
				<category><![CDATA[Things of Interest]]></category>

		<guid isPermaLink="false">http://designgods.coggancreative.com/?p=10</guid>
		<description><![CDATA[My friend Tracy forwarded me a link to the following video clip entitled, ICL New York State of Mind. After watching it, consider how art and design is obviously a creation of a particular artist, their unique perspective and tools available to them. As far as this applies to design, we as designers all have [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">My friend Tracy forwarded me a link to the following video clip entitled, ICL New York State of Mind. After watching it, consider how art and design is obviously a creation of a particular artist, their unique perspective and tools available to them. <span id="more-10"></span>As far as this applies to design, we as designers all have our unique influences and set of tools we find most appropriate. Although the blind artists featured in this video have challenges far beyond what we deal with as designers, there are some parallels here. In both cases, we have to creative in mediums which have limitations; we have to create things for clients that our often &#8216;blind&#8217; in expressing what it is exactly they want; we have to acknowledge and address the variables of target markets which are often broad and not easy to define.</p>
<p style="text-align: justify;">Ultimately, the point is, there exist variables that we need to deal with. How we approach these variables is the question. Do we look on them as compromises to our artistic integrity or challenges that can actually lead to better results? Are we discouraged by these variables or do we embrace them?</p>
<p style="text-align: justify;">Anyhow, enjoy the video!</p>
<p style="text-align: justify;"><a href="http://www.youtube.com/watch?v=b6FtYgNIVno" target="_blank">ICL New York State of Mind</a></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><a title="COGGAN CREATIVE" href="HTTP://WWW.COGGANCREATIVE.COM" target="_blank">HTTP://WWW.COGGANCREATIVE.COM</a><br />
</span></span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://designgods.coggancreative.com/interesting-stuff-related-to-design-gods/a-matter-of-perspective/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Photoshop revisited</title>
		<link>http://designgods.coggancreative.com/interesting-stuff-related-to-design-gods/photoshop-revisted/</link>
		<comments>http://designgods.coggancreative.com/interesting-stuff-related-to-design-gods/photoshop-revisted/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 22:15:06 +0000</pubDate>
		<dc:creator>Christopher Coggan</dc:creator>
				<category><![CDATA[Things of Interest]]></category>

		<guid isPermaLink="false">http://designgods.coggancreative.com/?p=6</guid>
		<description><![CDATA[A cool take on the photoshop tool palette&#8230;

Wandaaa took the photoshop interface to a new level. Creating a real life look and feel to Photoshop is relevant to the Design Gods blog because it brings up the question of tools &#8211; traditional vs. Digital. When photoshop is rendered in such a &#8216;real world&#8217; way, I [...]]]></description>
			<content:encoded><![CDATA[<p>A cool take on the photoshop tool palette&#8230;<span id="more-6"></span></p>
<p><img class="alignnone size-full wp-image-7" title="photoshopimage" src="http://designgods.coggancreative.com/wp-content/uploads/2009/11/photoshopimage.jpg" alt="photoshopimage" width="500" height="313" /></p>
<p><span style="font-size: 85%;"><a style="font-family: arial;" href="http://www.flickr.com/photos/18697966@N00/3044859097/in/photostream/" target="_blank">Wandaaa</a><span style="font-family: arial;"> took the photoshop interface to a new level. Creating a real life look and feel to Photoshop is relevant to the Design Gods blog because it brings up the question of tools &#8211; traditional vs. Digital. When photoshop is rendered in such a &#8216;real world&#8217; way, I feel it inspires important questions regarding our practice. The divisions between Traditional vs. Digital practice are blurred when one visualizes photoshop as Wandaaa has.</span></span></p>
<p><span style="font-weight: bold; font-family: arial; font-size: 100%;">Are they really that different after all? </span></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><a title="COGGAN CREATIVE" href="HTTP://WWW.COGGANCREATIVE.COM" target="_blank">HTTP://WWW.COGGANCREATIVE.COM</a><br />
</span></span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://designgods.coggancreative.com/interesting-stuff-related-to-design-gods/photoshop-revisted/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Design Gods – The Introduction</title>
		<link>http://designgods.coggancreative.com/building-a-designers-manifesto/design-gods-%e2%80%93-the-introduction/</link>
		<comments>http://designgods.coggancreative.com/building-a-designers-manifesto/design-gods-%e2%80%93-the-introduction/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 22:13:34 +0000</pubDate>
		<dc:creator>Christopher Coggan</dc:creator>
				<category><![CDATA[Design Gods Discussion]]></category>

		<guid isPermaLink="false">http://designgods.coggancreative.com/?p=3</guid>
		<description><![CDATA[As a long time professional designer, I have developed not only specific design protocols and techniques, but an important philosophy that guides everything I create. This philosophy is ever evolving and the purpose of this blog is to nurture its evolution in a more collaborative environment; it is important to me that the final principals [...]]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: 85%;"><span style="font-family: arial;">As a long time professional designer, I have developed not only specific design protocols and techniques, but an important philosophy that guides everything I create. This philosophy is ever evolving and the purpose of this blog is to nurture its evolution in a more collaborative environment; it is important to me that the final principals that define this philosophy are discussed and debated within the larger design community.</span></span></p>
<p><span style="font-size: 85%;"><span style="font-family: arial;">The goal of the Design Gods Blog is build on some fundamental realizations that my many years of designing, illustrating and creating have brought forth as my own personal truths.</span></span></p>
<p><span style="font-size: 85%;"><span style="font-family: arial;">I hope to find that these truths have universal appeal to other professionals in the creative field and that the meaning and value of these truths can be better defined and focused. Ultimately, I hope to generate a designer’s manifesto &#8211; that is, a public declaration of intentions, opinions, objectives, or motives, that will serve as a guide to designers and creative professionals across the board.</span></span></p>
<p><span style="font-size: 85%;"><span style="font-family: arial;">The foundational aspect of this design philosophy is pretty straight forward:</span></span></p>
<p><span style="font-weight: bold; font-size: 100%;"><span style="font-family: arial;">We, as designers, are the Gods of our creations.</span></span></p>
<p><span style="font-size: 85%;"><span style="font-family: arial;">The implications of such a statement are far reaching and complex. Firstly, such a statement sounds pretty egocentric to those who, on a daily basis, are not creating things. One must first accept the postulation that, for example, a logo designed today did not exist yesterday. <span style="font-style: italic;">It is new to this world, to our reality, the brainchild of it’s creator.</span></span></span></p>
<p><span style="font-size: 85%;"><span style="font-family: arial;">What does this mean? There is no simple answer to this. We can talk about the effort, the energy, the commitment and passion, the work, etc., etc., that went into it’s creation. We can talk about the variables that needed to be considered – the client, the marketplace, the demographic it needs to appeal to, the inherent values it needs to express. And what about the tools we used to create it? And what about the financial limitations associated with any given project and how these limitations interact with our artistic integrity?</span></span></p>
<p><span style="font-size: 85%;"><span style="font-family: arial;">I hope, through this blog, to fuel a meaningful conversation on all of these topics. That will happen in good time. For now, let’s just consider what being a God of our creations entails. Let’s investigate the commitment and responsibility it implies and how it guides us through the act of creating.</span></span></p>
<p><strong><span style="color: #ff0000;"><span style="color: #000000;"><a title="COGGAN CREATIVE" href="HTTP://WWW.COGGANCREATIVE.COM" target="_blank">HTTP://WWW.COGGANCREATIVE.COM</a><br />
</span></span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://designgods.coggancreative.com/building-a-designers-manifesto/design-gods-%e2%80%93-the-introduction/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

