<?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>Andrew Kelsall &#124; Creative Designer &#187; Branding</title> <atom:link href="http://www.andrewkelsall.com/branding/feed/" rel="self" type="application/rss+xml" /><link>http://www.andrewkelsall.com</link> <description>Graphic Design Blog of Andrew Kelsall</description> <lastBuildDate>Sat, 12 May 2012 00:54:53 +0000</lastBuildDate> <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>Church Logo Design for Harrowgate Hill Christian Fellowship</title><link>http://www.andrewkelsall.com/church-logo-design-christian-fellowship/</link> <comments>http://www.andrewkelsall.com/church-logo-design-christian-fellowship/#comments</comments> <pubDate>Thu, 18 Aug 2011 15:44:22 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Branding]]></category> <category><![CDATA[Christian]]></category> <category><![CDATA[Christian logo design]]></category> <category><![CDATA[Church]]></category> <category><![CDATA[Church Identity]]></category> <category><![CDATA[church logo]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=3256</guid> <description><![CDATA[<p><img
class="alignnone size-full wp-image-3261" title="Christian Church Logo Designs image" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/07/Christian-Church-Logo-Designs.jpg" alt="Christian Church Logo Designs" width="667" height="445" />I was approached by members of <a
href="http://www.harrowgatehillchurch.org/">Harrowgate Hill Christian Fellowship</a>, UK, to design a logo, branding, stationary, website and welcome pack for them.</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="alignnone size-full wp-image-3261" title="Christian Church Logo Designs image" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/07/Christian-Church-Logo-Designs.jpg" alt="Christian Church Logo Designs" width="667" height="445" /></p><p>I was approached by members of <a
href="http://www.harrowgatehillchurch.org/">Harrowgate Hill Christian Fellowship</a>, UK, to design a logo, branding, stationary, website and welcome pack for them.</p><h3>The Design Brief</h3><p>In short, I was to design a church logo design and coherent identity system that would work well across print and web. I was to <a
title="Logo Design Process for Families Outreach" href="http://www.andrewkelsall.com/logo-design-process-families-outreach/">design a logo</a>, first and foremost, that would represent a sense of community in regards to the church. The design was to be both welcoming and contemporary—forming a platform where outreach to surrounding communities was key.</p><h3>The Structure of this Post</h3><p>The rest of this post shows both conceptual work and excerpts from proofs I sent to the client. All text in block-quotes shows how I described the designs to the client. The images roughly show the design process; taken from multiple PDF revisions.</p><p>If you have any questions about the process shown, please leave a comment at the end of the post.</p><h3>The Church Logo Design Process</h3><p>Here are the church logo designs I produced for Harrowgate Hill.</p><div><blockquote><p>[...] All the logos are shown in just a dark-grey colour for now. This is so the formation of the logos can be assessed without the prejudice of possibly-incorrect colour choices affecting the appearance of the logos [...]</p></blockquote></div><p><img
class="alignnone size-full wp-image-3264" title="Christian Fellowship logos image" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/08/Christian-Fellowship-logos.png" alt="Christian Fellowship logos " width="667" height="926" /></p><p><em>Above:</em> First logo design concepts A+B</p><blockquote><p><strong>Concept A</strong> I have designed this logo with a clear, modern, down-to-earth and friendly impression in-mind. The icon represents the Harrowgate Church at both the centre of the surrounding community—which forms a Cross. In another level of thought and perception, I intended the logo mark appear as though it’s a very abstract map of the surrounding housing and streets.</p></blockquote><p><img
class="alignnone size-full wp-image-3265" title="Christian Fellowship logos image 2" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/08/Christian-Fellowship-logos-2.png" alt="Christian Fellowship logos 2" width="667" height="926" /></p><p><em>Above:</em> First church logo design concepts, set C</p><div><blockquote><p>[...] All the logos show a revised logo icon, with another alternate version on page 6. I have experimented with different font combinations and using a lower-case &#8220;h&#8221; and an upper-case &#8220;H&#8221; on the first two pages.</p><p>Also, I have provided 3 different colour combinations for your review. As the logo icon is a silhouette, I have chosen dark colours that suit a silhouette style (as well as keeping the colours projector-friendly as requested) [...]</p></blockquote></div><p><img
class="alignnone size-full wp-image-3266" title="Christian Fellowship logos image 3" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/08/Christian-Fellowship-logos-3.png" alt="Christian Fellowship logos 3" width="667" height="926" /></p><p><em>Above:</em> Second church logo design concepts A+B</p><blockquote><p><strong>Concept B</strong> This design builds on the friendly message of community-building. The name &#8220;harrowgate hill&#8221; is in lower-case letters to promote a sense of modernism and friendly attitude; &#8220;Christian Fellowship&#8221; is in all-caps to balance the typography and show solid authority and leadership. After looking into the whole &#8220;window on the community idea&#8221;, I designed a logo icon that is based on the windows you have installed in the HarrowGate building (I researched on Google Streetmaps and looked at the building from different angles). As can be seen, the windows also show a Cross.</p></blockquote><p><img
class="alignnone size-full wp-image-3267" title="Christian Fellowship logos image 4" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/08/Christian-Fellowship-logos-4.jpg" alt="Christian Fellowship logos 4" width="667" height="926" /></p><p><em>Above:</em> Second logo design concepts, set C</p><blockquote><p><strong>Concept C</strong> Again, after researching your local area with Google Streetmaps, I noticed how many houses there were surrounding the church. With this in mind, I designed a logo icon that is a crown made from terraced-houses with the Church at the centre. I have provided some variations with a mixture of &#8220;H&#8221; letters and Cross’s on the centre of the crown [...]</p></blockquote><p><img
class="alignnone size-full wp-image-3268" title="Christian Fellowship logos image 5" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/08/Christian-Fellowship-logos-5.png" alt="Christian Fellowship logos 5" width="667" height="926" /></p><p><em>Above:</em> Logo set C colour variations</p><div><blockquote><p>[...] I have taken out the figure with the flat cap and reworked the figure to suggest a youth or younger person resting his head on a man’s shoulder.</p><p>Without a flat cap, it is more difficult to define someone who is older, however, I have made subtle changes to the rest of the figures to give the impression that a group of people, from children to woman &amp; men of varied ages are stood closely together. I have reviewed the images you sent with the suggestions and have included a woman holding a child as well.</p><p>The figures still need some refinement, but I will work on the refinement once the main design is ‘finalised’ [...]</p></blockquote></div><p><img
class="alignnone size-full wp-image-3269" title="Christian Fellowship logos image 6" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/08/Christian-Fellowship-logos-6.png" alt="Christian Fellowship logos 6" width="667" height="926" /></p><p><em>Above:</em> Church logo design set C formation variations</p><h3>Folder Design</h3><p><img
class="alignnone size-full wp-image-3259" title="A4 folder mockup image" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/07/A4-folder-mockup.jpg" alt="A4 folder mockup" width="667" height="445" /></p><p><em>Above:</em> I designed a welcome pack folder to hold a letterhead and business card design. Here, I have printed out a small-scale version of the folder to cut out and create a mockup. I would strongly advise that this process is carried out if you ever design one.</p><p><img
class="alignnone size-full wp-image-3258" title="f3 folder design file setup" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/07/f3-folder-design-file-setup.png" alt="folder design file setup" width="667" height="445" /></p><p><em>Above:</em> This is how the folder design file looked after completion (Harrowgate Church used their own printers for this, so I don&#8217;t yet have a printed example to show).</p><h3>Church Business Cards and Letterhead Designs</h3><p><img
class="alignnone size-full wp-image-3260" title="Christian Church business cards and letterhead" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/07/Christian-Church-business-cards-letterhead.jpg" alt="Christian business cards and letterhead" width="667" height="445" /></p><p><em>Above:</em> This is the letterhead and business card design. Details have been masked for client privacy reasons.</p><h3>Web Site Design</h3><p><img
class="alignnone size-full wp-image-3262" title="Christian Web Design" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/07/Christian-Web-Design.jpg" alt="Christian Web Design Image" width="667" height="445" /></p><p><em>Above:</em> The website design, located at <a
title="Harrowgate Hill Church" href="http://www.harrowgatehillchurch.org/">HarrowgateHillChurch.org</a> is based on the <a
href="http://wordpress.org/">WordPress CMS</a>. I purchased a base-theme to build the site upon, which was the preferred option based upon the client&#8217;s budget.</p><p><img
class="alignnone size-full wp-image-3263" title="Harrowgate Hill Church Logo image" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/07/Harrowgate-Hill-Church-Logo.jpg" alt="Harrowgate Hill Church Logo" width="667" height="445" /></p><p><em>Above:</em> This is the final logo design. <em>Credits: Brown Background CC Source: <a
href="http://www.flickr.com/photos/bittbox/5684399964/in/set-72157626639329826/lightbox/">Bittbox on Flickr</a>.</em></p><h3>Concluding Words</h3><p>This was a great project to work on—and here;s a thanks to all the great people over at Harrowgate Hill Church.</p><p><strong><em>If you would like a free logo design quote, please complete my <a
title="Church Logos" href="http://www.purechristiangraphicdesign.com/professional-church-logo-design/">Church Logo Design form</a> over on my-sister site, <a
title="Pure Christian Graphic Design" href="http://www.purechristiangraphicdesign.com/">Pure Christian Graphic Design</a>.</em></strong></p><p><strong>Any questions?</strong> <em>Please leave a comment below&#8230;</em></p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/church-logo-design-christian-fellowship/feed/</wfw:commentRss> <slash:comments>9</slash:comments> </item> <item><title>Outrage as Facebook change Logo to from Blue to Red</title><link>http://www.andrewkelsall.com/outrage-facebook-change-logo-blue-red/</link> <comments>http://www.andrewkelsall.com/outrage-facebook-change-logo-blue-red/#comments</comments> <pubDate>Thu, 31 Mar 2011 23:03:12 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Branding]]></category> <category><![CDATA[blue]]></category> <category><![CDATA[Facebook]]></category> <category><![CDATA[humour]]></category> <category><![CDATA[Mark Zuckerberg]]></category> <category><![CDATA[red]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=2924</guid> <description><![CDATA[<p><img
class="alignnone size-full wp-image-2927" title="new_red-facebook-logo" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/03/new_red-facebook-logo.png" alt="new red facebook logo image" width="667" height="500" /><strong>Like some of you who may have just heard,</strong> Mark Zuckerberg and the Facebook team have just announced their intentions to change the colour of the Facebook logo from blue to red.</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><em><strong></strong></em><em><strong>**UPDATE, 2nd APRIL** Obviously, this was a April Fools  Joke. Thanks to all who commented via Twitter, Facebook and the comments  section below <img
src='http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </strong></em></p><p><img
class="alignnone size-full wp-image-2927" title="new_red-facebook-logo" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/03/new_red-facebook-logo.png" alt="new red facebook logo image" width="667" height="500" /></p><p><strong>Like some of you who may have just heard,</strong> Mark Zuckerberg and the Facebook team have just announced their intentions to change the colour of the Facebook logo from blue to red.</p><p>Obviously, this isn&#8217;t a change that most of their users are happy with, and as caused quite a bit of outrage since they announced it just 2 hours ago.</p><p>In my opinion, red would be a bad choice. If they change the logo, they&#8217;re going to have to change the entire Facebook page colour scheme, too. Being surrounding by red is going to make users nauseous &#8211; not to mention stressed out!</p><p>Yep, getting rid of the iconic, calming blue is a big mistake, although Mark Zuckerberg&#8217;s explanation of the change is <a
href="http://www.andrewkelsall.com/april-fools-joke-2011/">quite intriguing</a>.</p><p>For more information on the Facebook press release on this, <a
href="http://www.andrewkelsall.com/april-fools-joke-2011/">read this article</a>.</p><p><em><strong>**UPDATE, 2nd APRIL** Obviously, this was a April Fools Joke. Thanks to all who commented via Twitter, Facebook and the comments section below <img
src='http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </strong></em></p><p>&nbsp;</p><p>&nbsp;</p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/outrage-facebook-change-logo-blue-red/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>New Keep Britain Tidy Logo Rebrand</title><link>http://www.andrewkelsall.com/new-keep-britain-tidy-logo-rebrand/</link> <comments>http://www.andrewkelsall.com/new-keep-britain-tidy-logo-rebrand/#comments</comments> <pubDate>Sun, 19 Dec 2010 12:28:12 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Branding]]></category> <category><![CDATA[branding]]></category> <category><![CDATA[circles]]></category> <category><![CDATA[green logo]]></category> <category><![CDATA[Logo Design]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=2710</guid> <description><![CDATA[<p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/12/new-keep-britain-tidy-logo-rebrand.png"><img
class="alignnone size-full wp-image-2711" title="new keep Britain tidy logo rebrand" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/12/new-keep-britain-tidy-logo-rebrand.png" alt="new keep Britain tidy logo rebrand image" width="667" height="330" /></a><small> <a
href="http://www.keepbritaintidy.org/"></a></small><strong>If like myself, you live in Britain (or have visited), you may have seen the iconic "Keep Britain Tidy Logo" on food packaging and sweet (candy) wrappers.</strong> Well, after 38 years, it has been rebranded to a new leaner, modern and greener version of its former self.<em>I for one like it.</em> Although the pointed feet and arms of the 1972 version have become somewhat iconic, the change is welcome.</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/12/new-keep-britain-tidy-logo-rebrand.png"><img
class="alignnone size-full wp-image-2711" title="new keep Britain tidy logo rebrand" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/12/new-keep-britain-tidy-logo-rebrand.png" alt="new keep Britain tidy logo rebrand image" width="667" height="330" /></a><small><br
/> <a
href="http://www.keepbritaintidy.org/"></a></small></p><p><strong>If like myself, you live in Britain (or have visited), you may have seen the iconic &#8220;Keep Britain Tidy Logo&#8221; on food packaging and sweet (candy) wrappers.</strong> Well, after 38 years, it has been rebranded to a new leaner, modern and greener version of its former self.</p><p><em>I for one like it.</em> Although the pointed feet and arms of the 1972 version have become somewhat iconic, the change is welcome.</p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/12/keep-it-tidy-britain-logo-design.png"><img
class="alignnone size-medium wp-image-2712" title="keep it tidy britain logo design" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/12/keep-it-tidy-britain-logo-design-667x546.png" alt="keep it tidy britain logo design image" width="667" height="546" /></a></p><p>I&#8217;ve always loved this great &#8220;Keep it Tidy advert&#8221; (above), too.</p><p>For more information, visit the Keep Britain Tidy website <a
href="http://www.keepbritaintidy.org/News/Default.aspx?newsID=980">article</a> on the rebrand.</p><p><em><strong>What do you think? Do you have a similar logo in your country?</strong></em></p><p><small>Image sources/copyright <a
href="http://www.keepbritaintidy.org/">here</a></small></p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/new-keep-britain-tidy-logo-rebrand/feed/</wfw:commentRss> <slash:comments>10</slash:comments> </item> <item><title>Branding a Singer/Songwriter</title><link>http://www.andrewkelsall.com/branding-a-singersongwriter/</link> <comments>http://www.andrewkelsall.com/branding-a-singersongwriter/#comments</comments> <pubDate>Sat, 09 Oct 2010 17:29:20 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Branding]]></category> <category><![CDATA[Andrew Kelsall]]></category> <category><![CDATA[business card design]]></category> <category><![CDATA[design process]]></category> <category><![CDATA[dominic finley]]></category> <category><![CDATA[graphic designer]]></category> <category><![CDATA[letterhead design]]></category> <category><![CDATA[Logo Design]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=2473</guid> <description><![CDATA[<p><em><strong>Recently, I have been working on some branding for singer/songwriter Dominc Finley. This article shows the logo design, business cards, letterhead and website I designed for him. Dominic teaches guitar to students in <a
href="http://maps.google.co.uk/maps?hl=en&#38;tab=wl">Warragul, Australia</a>. </strong></em><img
class="alignnone size-full wp-image-3529" title="music artist logo design" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2008/08/music-artist-logo-design.jpg" alt="Dominic Finley Logo" width="667" height="300" /></p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><em><strong>Recently, I have been working on some branding for singer/songwriter Dominc Finley. This article shows the logo design, business cards, letterhead and website I designed for him. Dominic teaches guitar to students in <a
href="http://maps.google.co.uk/maps?hl=en&amp;tab=wl">Warragul, Australia</a>.<br
/> </strong></em></p><p><img
class="alignnone size-full wp-image-3529" title="music artist logo design" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2008/08/music-artist-logo-design.jpg" alt="Dominic Finley Logo" width="667" height="300" /></p><blockquote><p><strong>Background info:</strong> I&#8217;ve written about a <a
href="http://www.andrewkelsall.com/cd-sleeve-jewel-case-design-process-dominic-finley/">CD Design process for Dominic Finley</a> previously (useful for finding out who Dominic is and what music he produces).</p></blockquote><p><img
class="old-image" title="logo-design-scetches-moleskine" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/10/logo-design-scetches-moleskine.jpg" alt="logo design sketches moleskine image" width="468" height="317" /></p><p>↑ The first stage in the branding process was to design a logo. After asking Dominic to answer some <a
href="http://www.andrewkelsall.com/logo-design-services/">questions</a> about the proposed logo design, I set to work sketching in a <a
href="http://www.andrewkelsall.com/andrew-kelsall-bought-a-moleskine-notebook/">Moleskine® notebook</a>.</p><p><img
class="old-image" title="dominic-finley-logo-design" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/10/dominic-finley-logo-design.jpg" alt="dominic finley logo design image" width="468" height="317" /></p><p>↑ Here is a print-out of the final design. As can be seen, the design is based on guitar-pegs.</p><p><img
class="old-image" title="logo-feedback-dribbble" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/10/logo-feedback-dribbble.png" alt="Image of logo feedback on dribbble" width="468" height="317" /></p><p>↑ Before settling on my final design, I uploaded some shots of previous versions to <a
href="http://dribbble.com/shots/40625-Dominic-Finley-Logo-Design">Dribbble</a>. I received some fantastic advice on this site—and via replies on <a
href="http://twitter.com/AndrewKelsall">Twitter</a>, too. In these earlier versions, the guitar pegs were on a slant—as though there was a guitar lent &#8220;against something&#8221;.</p><p>I received some advice that it may be better if the pegs were vertical across from the<em><strong> D</strong></em>. It worked! Thanks to the Tweeter who posted me the image<em> (I&#8217;ve lost track who it was. If it was you, please let me know so I can link to your site).</em></p><p><img
class="old-image" title="business-card-designer-australia" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/10/business-card-designer-australia.jpg" alt="Image of business card designer; australian client" width="468" height="317" /></p><p><small><span
style="color: #993366;"><strong>Note:</strong></span> I have blurred-out the Phone Number &amp; Address on all images, as this information does not appear on the Dominic Finley website.<br
/> </small></p><p>↑ Here is the letterhead and double-sided business card design.</p><p><img
class="old-image" title="business-card-design-brown" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/10/business-card-design-brown.jpg" alt="Image of business card design in colour brown" width="468" height="317" /></p><p>↑ <strong>The business card is dual-purpose.</strong> The Dominic Finley Music service is advertised only on the front of the card. The card was printed litho in full colour onto 400gsm card.</p><p><img
class="old-image" title="business-card-singer-songwriter" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/10/business-card-singer-songwriter.jpg" alt="Image of a business card for singer songwriter, Dominic Finley" width="468" height="317" /></p><p>↑ <strong>The reverse of the card</strong> advertises Dominic&#8217;s Guitar Vocalist Services, which are accessible through a separate page on his main site.</p><p><img
class="old-image" title="music-poster-designer" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/10/music-poster-designer.jpg" alt="music poster designer image" width="468" height="317" /></p><p>↑ Here is another project for Dominic showing the identity of the separate music service. A poster and promotional CD design are shown here.</p><p>Even though the colours used here were green and blue, I chose to keep the brown/orange scheme on the business card as it was &#8220;image heavy&#8221; already. Adding a different colour scheme on the reverse would have over-complicated it, I decided.</p><p><img
class="old-image" title="web-site-designer-singer" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/10/web-site-designer-singer.png" alt="web site designer singer songwriter dominic finley" width="468" height="317" /></p><p>↑ This is the <a
href="http://www.dominicfinleymusic.com/">homepage</a> of the website I produced for Dominic. The design is a <a
href="http://www.andrewkelsall.com/how-i-customized-my-wordpress-blog-part-1/">modified theme</a> powered by <a
href="http://wordpress.org/">WordPress</a>.</p><p><img
class="alignnone size-full wp-image-3529" title="music artist logo design" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2008/08/music-artist-logo-design.jpg" alt="Dominic Finley Logo" width="667" height="300" /></p><p>↑ Finally, here is how the actual Dominic Finley Music logo appears in &#8220;file view&#8221;, which appears in my <a
href="http://www.andrewkelsall.com/portfolio/">design portfolio</a>. Note how the base peg lines-up the <a
href="http://10steps.sg/articles/design-articles/the-anatomy-of-an-alphabet-letter/">crossbar</a> of the <em><strong>F</strong></em>, while the top one mirrors the negative space of the <em><strong>D</strong></em>.</p><h3>Conclusion</h3><p>Dominic required a logo design that could work well with printed material (such as the business cards shown) and web use. The main colour brown which tied the branding together worked well with the orange used, I feel. The typeface I used in the end was <a
href="http://new.myfonts.com/fonts/redrooster/creighton/">Creighton</a>, which I originally purchased to do some <a
href="http://www.andrewkelsall.com/free-poster-download-read-design-posters/">poster</a> <a
href="http://www.andrewkelsall.com/christiangraphicdesign/not-christianity-free-poster-download">designs</a>. However, I feel it worked really well here, too.</p><p><em><strong>What do you think? Constructive comments and questions are always welcome&#8230;<br
/> </strong></em></p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/branding-a-singersongwriter/feed/</wfw:commentRss> <slash:comments>14</slash:comments> </item> <item><title>Logo Design Process for BlueDrift</title><link>http://www.andrewkelsall.com/logo-design-process-bluedrift-pottery/</link> <comments>http://www.andrewkelsall.com/logo-design-process-bluedrift-pottery/#comments</comments> <pubDate>Wed, 24 Feb 2010 22:56:52 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Branding]]></category> <category><![CDATA[Logo Design]]></category> <category><![CDATA[blue logo]]></category> <category><![CDATA[bluedrift]]></category> <category><![CDATA[pdf proofing]]></category> <category><![CDATA[pdf proofs]]></category> <category><![CDATA[pottery]]></category> <category><![CDATA[recycle]]></category> <category><![CDATA[upcycled]]></category> <category><![CDATA[upcycling]]></category> <category><![CDATA[white paper]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=2003</guid> <description><![CDATA[<p><img
class="alignnone size-full wp-image-3530" title="blue drift pottery logo" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2008/08/blue-drift-pottery-logo.jpg" alt="blue drift pottery logo design" width="667" height="300" /><em>This is the follow-up post to my previous article <a
href="http://www.andrewkelsall.com/how-twitter-aided-latest-logo-design/">How Twitter aided my latest Logo Design</a>.</em></p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="alignnone size-full wp-image-3530" title="blue drift pottery logo" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2008/08/blue-drift-pottery-logo.jpg" alt="blue drift pottery logo design" width="667" height="300" /></p><p><em>This is the follow-up post to my previous article <a
href="http://www.andrewkelsall.com/how-twitter-aided-latest-logo-design/">How Twitter aided my latest Logo Design</a>.</em></p><p><strong>Blue Drift Pottery</strong> is a unique company that makes <em><strong>&#8220;pottery out of recycled materials&#8221;</strong></em> (or <a
href="http://en.wikipedia.org/wiki/Upcycling">upcycling</a>), which was set up by <strong>Cathleen Savage </strong>and based in Colorado, USA. The <strong>Blue Drift website</strong> site explains:</p><blockquote><p>After much trial and error, Cathleen developed a working method that allows the bowls and bases to take their own form with a little guidance from the artist. The result is organically shaped vessels that would be difficult to reproduce by machine. And no two pieces are alike. Some vessels use other found and reused items, such as latex rubber tubing and old jewellery.</p></blockquote><p>Cathleen contacted me regarding a logo design that would convey the uniqueness of the pottery she made. The images below show some the vase&#8217;s and their very distinct and contemporary style:</p><p><img
class="old-image" title="recycled material" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/recycled-material-1.jpg" alt="recycled material image" width="468" height="317" /><br
/> <small>Vase by<em> Blue Drift Pottery</em></small></p><p><img
class="old-image" title="red upcycled vase" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/red-upcycled-vase-2.jpg" alt="red upcycled vase image" width="468" height="317" /><br
/> <small>Maria Vase by<em> Blue Drift Pottery</em></small></p><p><img
class="old-image" title="bluedrift-logo-design" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/twisted-paper-vase-pottery-3.jpg" alt="twisted paper vase pottery image" width="468" height="317" /><br
/> <small>Shell Vase by<em> Blue Drift Pottery</em></small></p><p><img
class="old-image" title="spiral pottery" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/spiral-pottery-4.jpg" alt="spiral pottery image" width="468" height="317" /><br
/> <small>Spiral Vase by<em> Blue Drift Pottery</em></small></p><p>At first glance, it would seem like a fairly simple task to create a logo for this company. Not so. Whilst visions of pottery-inspired logotypes spring to mind, a questionnaire I emailed Cathleen revealed to me that <strong>Blue Drift </strong>wasn&#8217;t just limited to Pottery.</p><p>In the future, Blue Drift may create Jewellery, too. The word &#8216;pottery&#8217; was required to be interchanged with the word &#8216;jewellery&#8217; for a second logo at a future date. In light of this critical information, I set about creating a unique logo for a very unique requirement.</p><h3>The Logo Design Process</h3><p>After reviewing the detailed answers I received from the questionnaire, my mind was buzzing with ideas. In contrast to my normal work process, I didn&#8217;t do any mind mapping. Whist the mind-mapping can be very important, there are no solid rules when it comes to getting ideas on paper. Sometimes, letting your creativity flow is more important that following a rigid process.</p><p><img
class="old-image" title="moleskine sketches graphpaper" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/moleskine-sketches-graphpaper-6.jpg" alt="moleskine sketches graphpaper image" width="468" height="317" /></p><p>◥ As always, I sketched out my ideas about the logo design straight down onto my <a
href="http://www.andrewkelsall.com/andrew-kelsall-bought-a-moleskine-notebook/">Moleskine Notebook</a>. Even though this photo shows a landscape view of my drawings, the very icon a drew was close to the final design. Sometimes, first impressions are the correct ones.<br
/> <img
class="old-image" title="bluedrift pottery concepts" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/bluedrift-pottery-concepts-7.jpg" alt="bluedrift pottery concepts image" width="468" height="317" /></p><p>◥ Here, I highlighted another possible candidate icon for the logo design.</p><p><img
class="old-image" title="graphpaper pen closeup" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/graphpaper-pen-closeup-8.jpg" alt="graphpaper pen closeup image" width="468" height="317" /></p><p>◥ This was another variation of my first and initial idea, although I felt this type of icon was becoming a little<em> too</em> out-there, so to speak.</p><p><img
class="old-image" title="black ballpoint pen concepts" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/black-ballpoint-pen-concepts-9.jpg" alt="black ballpoint pen concepts image" width="468" height="317" /></p><p>◥ More concepts explored. As can be seen, I use graph-paper to help structure my concepts. Sometimes, the squares can be a hindrance to the design process, but not in this case.</p><p><img
class="old-image" title="logo designer concepts" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/logo-designer-concepts-10.jpg" alt="logo designer concepts image" width="468" height="317" /></p><p>◥ More conceptual work, where I explore using an icon based on the letter <strong>B</strong>.</p><p><img
class="old-image" title="son moleskine sketch" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/son-moleskine-sketch-11.jpg" alt="son moleskine sketch image" width="468" height="317" /></p><p>◥ After a break from designing, my son drew a picture of my on a spare notebook page. I&#8217;m not sure if I looked <em>that</em> unshaven—but maybe my eyes <strong>did</strong> look somewhat wide-open from too much coffee! So, my next set of sketches were done the following day after some rest.</p><p><img
class="old-image" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/graphic-design-logos-12.jpg" alt="graphic design logos image" width="468" height="317" /></p><p>◥ After several rounds of loosely sketching icons, I collated my chosen concepts onto a single page for review. Sketching them out all again somehow helped me to focus on the shapes and forms in a very personal way. If I worked straight onto the <a
href="http://www.andrewkelsall.com/new-imac-video/">Mac</a>, I would loose this connection with the initial design work.</p><p><img
class="old-image" title="moleskine pen drawing" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/moleskine-pen-drawing-13.jpg" alt="moleskine pen drawing image" width="468" height="317" /></p><p>◥ Oh, one more concept that popped into my mind at the last hurdle—a 3D <strong>B shape</strong>.</p><p>This is my write-up on the first set of proofs I sent to Cathleen:</p><blockquote><p>Concept a (page 3/4) shows a design concept based upon the letters B and D, combined into one symbol. This is the simplest of all the designs I have done for you. My main focus here was to create an icon that could easily look like a very clear stamp-styled symbol, that will work at even the smallest of sizes. As can be seen in all 3 variations (a1, a2 and a3), the logo can be used in different proportions and sizes to fit a variety of applications.</p><p>Concept b (page 3/4) shows a design concept which is, as I consider, &#8220;really far-out there&#8221; in terms of its dynamic nature. After reviewing your questionnaire, I formulated a concept that would enable the very unique nature of your business to be translated into a very modern and forward-thinking icon. The icon itself contains, although subliminally, the letters B and D in a very un-obvious way. It has a very 3D style and attempts to capture the uniqueness of your pottery (and future jewellery products?) with use of segmented blocks. This logo would also translate very well into a web-2.0 style logo, whereby gradients and even textures could be used in these segments to convey different aspects of your company, i.e., Pottery and Jewellery.</p><p>Concept c (page 4/4) shows a design concept that aims to capture the imagination and the ethos of your pottery works. After viewing your works online via Twitter Pics, etc, I designed a very fluid logo that represents the style of work you undertake. Again, a subliminal B (inner ovals) and D (outer shape) are present, but in a very limited way. The icon (like the rest of the designs) can be used on it’s own or with the text, too. *I have designed once of the B+W logos with the word Jewellery, so you can see how any of these logo designs will translate.</p><p>Concept d (page 4/4) is an addition font that I though may work, instead if the sans-serif styles in use</p></blockquote><p><img
class="old-image" title="pdf logo proofs" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/pdf-logo-proofs-14.jpg" alt="pdf logo proofs image" width="468" height="317" /></p><p>◥ After setting to work creating vector versions of 3 chosen icons in Illustrator, I spent a fair amount of time researching typefaces for the logo design. You&#8217;ll notice here that not only did I present three sets of logo concepts, but included some scans of my final pen drawing as additional options.</p><p>They were neat and tidy, and I thought including them could present Cathleen with more options. I don&#8217;t do this in every logo design. Sometimes too many options is a bad idea, but in this case, I thought it prudent to do so.</p><p><img
class="old-image" title="logo design proofs" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/logo-design-proofs-15.jpg" alt="logo design proofs image" width="468" height="317" /></p><p>◥ This is how the <strong>B</strong> concept (3rd image above) turned out on the first set of proofs.</p><p><img
class="old-image" title="bluedrift pottery logo concept" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/bluedrift-pottery-logo-concept-16.jpg" alt="bluedrift pottery logo concept image" width="468" height="317" /></p><p>◥ Pleasingly for me, Cathleen liked my very first initial idea I produced. After finalising the first proof of the initial logo icon, I experimented with some differently-styled typography for Blue Drift.<br
/> <img
class="old-image" title="logo design concept design" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/logo-design-concept-design-17.jpg" alt="logo design concept design image" width="468" height="317" /></p><p>◥ This is how the icon looked with a little colour, set to the right of the typography.</p><p><img
class="old-image" title="logo pdf proof prints" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/logo-pdf-proof-prints-18.jpg" alt="logo pdf proof prints image" width="468" height="317" /></p><p>◥ Here, I have selected varied tones of the chosen colour scheme.</p><p><img
class="old-image" title="black white logo design" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/black-white-logo-design-19.jpg" alt="black white logo design image" width="468" height="317" /></p><p>◥ Here are two black and white variations of the chosen concept. Notice the TM symbol, as the logo is due to be registered by Blue drift.</p><p><img
class="old-image" title="logo sticker concept" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/logo-sticker-concept-20.jpg" alt="logo sticker concept image" width="468" height="317" /></p><p>◥ This version of the logo is crafted for possible use as a sticker-design (to place under the upcycled pottery). It was just an idea that wasn&#8217;t taken any further.</p><p><img
class="old-image" title="pdf logo pantone colours" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/pdf-logo-pantone-colours-21.jpg" alt="pdf logo pantone colours image" width="468" height="317" /></p><p>◥ When the formation of the logo was complete, I suggested a Pantone® colours, based on the chosen blur/brown scheme.</p><p><img
class="old-image" title="logo design printout" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/logo-design-printout-22.jpg" alt="logo design printout image" width="468" height="317" /></p><p>◥ This is a photo of a printout of the logos, showing the colour and B+W versions.</p><p><img
class="old-image" title="logo pantone spot colours" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/logo-pantone-spot-colours-23.jpg" alt="logo pantone spot colours image" width="468" height="317" /></p><p>◥ For the B+W version of the logo, I chose <strong>Pantone Black U</strong>. For more information about other <strong>Pantone® Black </strong>choices, you may want to take a look at my article <a
href="http://www.andrewkelsall.com/the-professional-designers-guide-to-using-black/">The Professional Designer’s Guide to using Black</a>.</p><p>The final logo typography was based on the following weights of Aller:</p><p>• Aller Italic &amp; Aller Bold Italic for word BlueDrift</p><p>• Aller Bold for the word Pottery</p><p>• Aller Display for the TM &amp; ® symbols</p><p><img
class="old-image" title="logo design greystyle" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/logo-design-greystyle.png" alt="logo design greystyle image" width="468" height="155" /></p><p>◥ Final Black &amp; White version</p><h3>Branding Concepts</h3><p>Whilst designing the logo, I couldn&#8217;t help but think about the varied ways that this logo could be presented as part of a branding-style for both print and web use. Here are a few visions of this design style I had in mind:</p><p><img
class="old-image" title="logo overlaid pattern" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/logo-overlaid-pattern.jpg" alt="logo overlaid pattern image" width="468" height="155" /></p><p>◥ Here, I have experimented by overlaying a black version of the logo with transparent areas in the logo icon.</p><p><img
class="old-image" title="bluedrift transparent logo concept" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/bluedrift-transparent-logo-concept.jpg" alt="bluedrift transparent logo concept image" width="468" height="155" /></p><p>◥ Same in white, with equal impact.<br
/> <img
class="old-image" title="bluedrift logo design icon" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/bluedrift-logo-design-icon.jpg" alt="bluedrift logo design icon image" width="468" height="155" /></p><p>◥ Another idea I had was to encompass any pattern with the confines of the icon. I can see where this could be implemented.</p><p><img
class="old-image" title="logo web canvas" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/02/logo-web-canvas-concept-24.jpg" alt="logo web canvas concept" width="468" height="317" /></p><p>◥ Just for fun, but I think it looks the part.</p><h3>Conclusion</h3><p>This was a fantastic project to work on. I also learned a lot whilst producing the designs. My techniques were refined further and I feel that I produced a logo design that truly represented the Blue Drift Pottery brand.</p><p>What do you think? I&#8217;d love to hear any constructive criticism or your opinions on the designs&#8230;</p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/logo-design-process-bluedrift-pottery/feed/</wfw:commentRss> <slash:comments>17</slash:comments> </item> <item><title>Total Logo Design Process for Edit Websites</title><link>http://www.andrewkelsall.com/total-logo-design-process-edit-websites-pdf-proofs/</link> <comments>http://www.andrewkelsall.com/total-logo-design-process-edit-websites-pdf-proofs/#comments</comments> <pubDate>Sun, 29 Nov 2009 00:42:49 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Branding]]></category> <category><![CDATA[Logo Design]]></category> <category><![CDATA[branding]]></category> <category><![CDATA[emailed PDF]]></category> <category><![CDATA[mind-mapping]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=1726</guid> <description><![CDATA[<p><strong>Total Logo Design Process for Edit Websites.</strong> Edit Websites is a powerful web solution that enables its users to effortlessly edit their websites with little or no web-skills. There will be five website services in all, with Edit Websites comprising of Holiday Edit, Church Edit, School Edit and Plus Edit. All of these sites are still in development, except for Church Edit, which will also be re-branded soon.<img
class="alignnone size-full wp-image-3408" title="logo-design-set-index" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/logo-design-set-index1.png" alt="Christian Icons Set" width="667" height="300" /><h3>Project Start</h3> Kyle Cottington, the man behind the whole operation tasked me to design a cohesive set of logos that work both individually and as a whole. As an existing client, Kyle hired me to work on one concept that would work for all five logos.</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><strong>Total Logo Design Process for Edit Websites.</strong> Edit Websites is a powerful web solution that enables its users to effortlessly edit their websites with little or no web-skills. There will be five website services in all, with Edit Websites comprising of Holiday Edit, Church Edit, School Edit and Plus Edit. All of these sites are still in development, except for Church Edit, which will also be re-branded soon.</p><p><img
class="alignnone size-full wp-image-3408" title="logo-design-set-index" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/logo-design-set-index1.png" alt="Christian Icons Set" width="667" height="300" /></p><p><img
class="alignnone size-full wp-image-3474" title="Christian organisation logo design" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/Christian-organisation-logo-design1.jpg" alt="Christian organisation logo design image" width="667" height="300" /></p><h3>Project Start</h3><p>Kyle Cottington, the man behind the whole operation tasked me to design a cohesive set of <a
title="Logo Design Process for St Michael and All Angels Church" href="http://www.andrewkelsall.com/church-logo-design-process-st-michael/">logos</a> that work both individually and as a whole. As an existing client, Kyle hired me to work on one concept that would work for all five logos.</p><p>My first step was not to start designing on the <a
href="http://www.andrewkelsall.com/new-imac-video/">Mac</a>, but to conceptualise my thoughts with pen and paper. My tools of choice are a simple <strong>black Bic® Ballpoint pen</strong> and a <a
href="http://www.andrewkelsall.com/andrew-kelsall-bought-a-moleskine-notebook/">MoleSkine®</a> <strong>squared notebook</strong>. The image below shows how I started the logo design process:</p><p><img
class="old-image" title="moleskine-sketches-logos-1" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/moleskine-sketches-logos-1.jpg" alt="moleskine-sketches-logos-1" width="468" height="371" /></p><h3>The idea behind the Concept</h3><p>The whole selling point of the <strong>Edit website system</strong> is <em>editability</em>. With this in mind, I set out to design a set of logos that simply and constructively conveyed this message with the use of shapes or blocks that fit together. This was a simple idea that formed a branding identity that conveyed the right message.</p><h3>Next Steps</h3><p>When I sketched-out several pages of designs and some <a
href="http://www.davidairey.com/ecometrica-logo-design-process/">mind-mapping</a>, I designed very rough icons for the logos in Illustrator, presenting them to Kyle as an <strong>emailed PDF</strong>.</p><p>I always include a cover page in the PDF, showing the Job, client number/codes, project name and date. I then proceed to explain the designs and the decisions behind the concepts. The image below shows a typical cover-page layout (<em>text here is blocked-out due to client-designer confidentiality</em>).</p><p><img
class="old-image" title="1-proof-letter-client" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/1-proof-letter-client.png" alt="1-proof-letter-client" width="468" height="364" /></p><p>The following images show the rest of the six pages from the first set of proofs. I have also highlighted the text adhering to each concept. Also, in this first set of proofs, I have provided scans of some of my sketches as alternate options for Kyle to review. I feel it adds a more personal touch to the whole process, as well as saving time which is better spent in the latter stages of design.</p><blockquote><p><strong>Plus Edit logo with Capital &#8220;P&#8221; variation + Additional sketches</strong></p><p>This logo uses a slanted + symbol, very much in the same ethos of your original logo. I have designed the symbol with blocks, with a slightly 3D appearance to show a sense of depth.</p></blockquote><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/2-plus-edit-logo-concepts.jpg"><img
class="old-image" title="2-plus-edit-logo-concepts" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/2-plus-edit-logo-concepts.jpg" alt="2-plus-edit-logo-concepts" width="468" height="668" /></a></p><blockquote><p><strong>Schooledit Logo + Additional sketches</strong></p><p>The only symbol that can represent any School, from junior to Uni, etc, is a shield/coat of arms symbol. As can be seen, it&#8217;s made of blocks and features the letters &#8220;<strong>se</strong>&#8221; to reinforce the meaning behind it.</p></blockquote><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/5-school-edit-logo-concepts.jpg"><img
class="old-image" title="5-school-edit-logo-concepts" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/5-school-edit-logo-concepts.jpg" alt="5-school-edit-logo-concepts" width="468" height="668" /></a></p><blockquote><p><strong>Churchedit Logo + Additional sketches</strong></p><p>Again, blocks are used to form a church window. Although not all churches have such windows, they’re instantly recognisable.</p></blockquote><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/3-church-edit-logo-concepts.jpg"><img
class="old-image" title="3-church-edit-logo-concepts" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/3-church-edit-logo-concepts.jpg" alt="3-church-edit-logo-concepts" width="468" height="668" /></a></p><blockquote><p><strong>Holidayedit Logo + Additional sketches</strong></p><p>After a fair few sketches, I thought that the sun is the best universal symbol of a holiday, without giving the wrong impression of a &#8220;travel company&#8221;.</p></blockquote><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/4-holiday-edit-logo-concepts.jpg"><img
class="old-image" title="4-holiday-edit-logo-concepts" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/4-holiday-edit-logo-concepts.jpg" alt="4-holiday-edit-logo-concepts" width="468" height="668" /></a></p><blockquote><p><strong>Editwebsites Logo + Additional sketches</strong></p><p>This logo is the only &#8220;true 3D” one, as it encompasses the whole set of logos and ties them all together. Not only does it show that the company has many facets, but like the others, shows the building block concept&#8230;and a more subliminal letter &#8220;E&#8221;.</p></blockquote><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/6-edit-websites-logo-concepts.jpg"><img
class="old-image" title="6-edit-websites-logo-concepts" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/6-edit-websites-logo-concepts.jpg" alt="6-edit-websites-logo-concepts" width="468" height="668" /></a></p><p><strong>Here is a snap-shot of the Adobe Illustrator® file</strong> I was using to create the vector logo forms. I have turned on all the 20+ layers on at once so you can see how I like to just copy, paste and replicate things randomly until I achieve the desired forms. To me, I find it much easier to work this way, rather than constantly lining images up and creating &#8220;proper&#8221; layer names in these early stages, as it hinders my creativity I feel.</p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/illustrator-artboard-logos.jpg"><img
class="old-image" title="illustrator-artboard-logos" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/illustrator-artboard-logos.jpg" alt="illustrator-artboard-logos" width="468" height="396" /></a></p><p>After the first set of logos were reviewed by Kyle, it was agreed that the concept worked, but both the <strong>Plusedit</strong> and <strong>Churchedit</strong> logos needed amending. It was thought that the <strong>Plusedit</strong> emblem resembled an emergency cross, so something less clinical was required.</p><blockquote><p><strong>Set 1:</strong> Plus Edit Logo. Changed to version 3 from sketches on previous proofs.</p></blockquote><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/7-plus-edit-logo-designs.jpg"><img
class="old-image" title="7-plus-edit-logo-designs" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/7-plus-edit-logo-designs.jpg" alt="7-plus-edit-logo-designs" width="468" height="668" /></a></p><blockquote><p><strong>Set 2: </strong>School Edit Logo. Shield is curvier and has a more appealing look. <strong><em>2G-2L</em></strong> show what the logo would look like without the <strong><em>CE</em></strong> letters.</p></blockquote><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/8-school-edit-logo-designs.jpg"><img
class="old-image" title="8-school-edit-logo-designs" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/8-school-edit-logo-designs.jpg" alt="8-school-edit-logo-designs" width="468" height="668" /></a></p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/school-edit-logo-4-9.jpg"><img
class="old-image" title="school-edit-logo-4-9" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/school-edit-logo-4-9.jpg" alt="school-edit-logo-4-9" width="468" height="668" /></a></p><blockquote><p><strong>Set 3:</strong> Holiday Edit Logo. Colour changes and options.</p></blockquote><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/9-holiday-edit-logo-designs.jpg"><img
class="old-image" title="9-holiday-edit-logo-designs" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/9-holiday-edit-logo-designs.jpg" alt="9-holiday-edit-logo-designs" width="468" height="668" /></a></p><p><strong>Set 4:</strong> Edit Websites Logo. <em>Cube logo</em> recreated with minimal amount of rectangular panels for clarity. Border added for overall aesthetics and appeal. Colour emphasis placed onto the word &#8220;websites&#8221; to give a more unified look across all logos in the set.</p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/10-editwebsites-logo-designs.jpg"><img
class="old-image" title="10-editwebsites-logo-designs" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/10-editwebsites-logo-designs.jpg" alt="10-editwebsites-logo-designs" width="468" height="668" /></a></p><blockquote><p><strong>Set 5:</strong> <em>Church Edit Logo <strong>1</strong>.</em> Crucifix design made into a formation which could resemble a priest or person to some viewers. Matches the graphic styling of the other logos in sets<em> 1-4</em>.</p></blockquote><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/11-church-edit-design-concepts.jpg"><img
class="old-image" title="11-church-edit-design-concepts" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/11-church-edit-design-concepts.jpg" alt="11-church-edit-design-concepts" width="468" height="668" /></a></p><blockquote><p><strong>Set 6: </strong><em>Church Edit Logo <strong>2</strong></em>. Crucifix design created in the same style as the Plus Edit icon.</p></blockquote><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/church-edit-logo-8-9.jpg"><img
class="old-image" title="church-edit-logo-8-9" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/church-edit-logo-8-9.jpg" alt="church-edit-logo-8-9" width="468" height="668" /></a></p><blockquote><p><strong>Set 7:</strong> <em>Church Edit Logo <strong>3</strong></em>. As Logo 2, but with a family silhouette added. If you want me to explore this option further, using either less people or different poses (i.e., a more conservative approach, with just people stood) please let me know and I will revise it.</p></blockquote><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/12-church-edit-design-proofs.jpg"><img
class="old-image" title="12-church-edit-design-proofs" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/12-church-edit-design-proofs.jpg" alt="12-church-edit-design-proofs" width="468" height="668" /></a></p><p>The Image below shows how I selected the <a
href="http://www.andrewkelsall.com/the-professional-designers-guide-to-using-black/">Pantone®</a> colours to be used in the logo design. As well as <strong>Pantone® Swatchbook</strong> (Coated &amp; Uncoated), I had two books from my local printers, which show how the certain swatches will print in <strong>CMYK </strong>on their presses.</p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/pantone-colour-swatch-book.jpg"><img
class="old-image" title="pantone-colour-swatch-book" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/pantone-colour-swatch-book.jpg" alt="pantone-colour-swatch-book" width="468" height="452" /></a></p><p>The Image below shows how I choose to represent what <strong>Pantone® Colours</strong> I proposed. It shows the colours together with their codes. Here &#8216;PC&#8217; means <strong>Pantone Coated</strong> (often just referred to as &#8216;C&#8217;). In all likely-hood, Only the darker colour (in this case Black 5 PC) and the darker orange (Warm Red PC &#8211; or Warm Red C, depending on the printer) would be used, as the Warm Red could be used as a &#8220;<em>gradient-colour</em>&#8221; into &#8220;<em>gradient-lower-tint</em>&#8220;. However, I have chosen to display a 3-colour Pantone® Set for completeness.</p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/logo-pantone-swatches.png"><img
class="old-image" title="logo-pantone-swatches" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/logo-pantone-swatches.png" alt="logo-pantone-swatches" width="468" height="185" /></a></p><p>Nearing the end of the project, I had made some more changes to the logo designs, namely altering line widths on the <strong>School Edit</strong> and <strong>Edit website logos</strong>. Also, I altered the School Edit shield, so it looks more curvy and 3D.</p><p>Finally, I produced four separate versions of each logo: Gradient (optional for web use), <strong>Duo or Tri-tone Pantone®</strong> coloured ones for print use (or simply used online as non-gradient option), <strong>Greystyle</strong> for print use (fax, etc) and <strong>Black &amp; White</strong> <strong>(B+W)</strong>.</p><p>In the set of PDF proofs below, I have also given a few more colour options:</p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/13-plus-edit-pantone-colours.jpg"><img
class="old-image" title="13-plus-edit-pantone-colours" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/13-plus-edit-pantone-colours.jpg" alt="13-plus-edit-pantone-colours" width="468" height="668" /></a></p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/14-plus-edit-pantone-colour-swatches.jpg"><img
class="old-image" title="14-plus-edit-pantone-colour-swatches" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/14-plus-edit-pantone-colour-swatches.jpg" alt="14-plus-edit-pantone-colour-swatches" width="468" height="668" /></a></p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/15-plus-edit-pantones-options.jpg"><img
class="old-image" title="15-plus-edit-pantones-options" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/15-plus-edit-pantones-options.jpg" alt="15-plus-edit-pantones-options" width="468" height="668" /></a></p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/16-church-edit-pantone-colours.jpg"><img
class="old-image" title="16-church-edit-pantone-colours" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/16-church-edit-pantone-colours.jpg" alt="16-church-edit-pantone-colours" width="468" height="668" /></a></p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/17-church-edit-pantone-colours.jpg"><img
class="old-image" title="17-church-edit-pantone-colours" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/17-church-edit-pantone-colours.jpg" alt="17-church-edit-pantone-colours" width="468" height="668" /></a></p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/19-edit-websites-pantone-colours.jpg"><img
class="old-image" title="19-edit-websites-pantone-colours" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/19-edit-websites-pantone-colours.jpg" alt="19-edit-websites-pantone-colours" width="468" height="668" /></a></p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/20-edit-websites-pantone-swatches.jpg"><img
class="old-image" title="20-edit-websites-pantone-swatches" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/20-edit-websites-pantone-swatches.jpg" alt="20-edit-websites-pantone-swatches" width="468" height="668" /></a></p><p>When all the logo designs were approved, I set about finalising the designs, making sure all the vector paths in Illustrator® were joined, with no stray points. The image below shows the<strong> logo designs in outline mode</strong>:</p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/vector-logo-edges-lines.png"><img
class="old-image" title="vector-logo-edges-lines" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/vector-logo-edges-lines.png" alt="vector-logo-edges-lines" width="468" height="407" /></a></p><p>After the colours were agreed, this is the final set of proof files I sent Kyle, with the finalised colour combinations and Pantones® included:</p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/21-editwebsites-final-colours.jpg"><img
class="old-image" title="21-editwebsites-final-colours" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/21-editwebsites-final-colours.jpg" alt="21-editwebsites-final-colours" width="468" height="668" /></a></p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/22-church-edit-final-colours.jpg"><img
class="old-image" title="22-church-edit-final-colours" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/22-church-edit-final-colours.jpg" alt="22-church-edit-final-colours" width="468" height="668" /></a></p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/23-school-edit-final-colours.jpg"><img
class="old-image" title="23-school-edit-final-colours" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/23-school-edit-final-colours.jpg" alt="23-school-edit-final-colours" width="468" height="668" /></a></p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/24-holiday-edit-final-colours.jpg"><img
class="old-image" title="24-holiday-edit-final-colours" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/24-holiday-edit-final-colours.jpg" alt="24-holiday-edit-final-colours" width="468" height="668" /></a></p><p><a
href="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/25-plusedit-final-swatches.jpg"><img
class="old-image" title="25-plusedit-final-swatches" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/25-plusedit-final-swatches.jpg" alt="25-plusedit-final-swatches" width="468" height="668" /></a></p><p><strong>The Final Logos</strong></p><p>The image below shows the set of logos together without colour, so you can see the formations of the design work, with the bias of colour:</p><p><img
class="old-image" title="logo-design-set-branding" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/11/logo-design-set-branding.png" alt="logo-design-set-branding" width="468" height="527" /></p><h3>Conclusion</h3><p>This was a great project to work on—and it was quite a challenge I must admit. Given that there were five logos that needed to work together as a whole—and with 4 different versions of each concept (Pantone®, Gradient, GreyStyle and B+W), this was a project that demanded attention to detail. I enjoyed the process thoroughly, reminding me of another set of logos I produced for <a
href="http://www.andrewkelsall.com/church-christian-fish-symbol-logo-designs/">St Luke&#8217;s Church</a>.</p><p>I know this article has been rather long, but I wanted to show the entire design process from start to finish. I&#8217;ve been reading other designers&#8217; posts lately, with snapshots of the logo concepts, but lacking the detail on how their designs were presented.</p><p>I hope this post has given you an insight into how I work. If you have any questions or comments about this article, please feel free to leave your thoughts below..</p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/total-logo-design-process-edit-websites-pdf-proofs/feed/</wfw:commentRss> <slash:comments>22</slash:comments> </item> <item><title>First Video Post: My New Business Card Design</title><link>http://www.andrewkelsall.com/first-video-post-new-business-card-design/</link> <comments>http://www.andrewkelsall.com/first-video-post-new-business-card-design/#comments</comments> <pubDate>Wed, 12 Aug 2009 20:03:58 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Branding]]></category> <category><![CDATA[Print Design]]></category> <category><![CDATA[Videos]]></category> <category><![CDATA[10mm round-cornering]]></category> <category><![CDATA[business cards]]></category> <category><![CDATA[Equest]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=1464</guid> <description><![CDATA[<p><img
class="old-image" title="business-card-design" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/08/business-card-design.jpg" alt="business-card-design" width="468" height="165" />Recently, I had over <strong>4000 My New Business Cards printed</strong>, and I had planned to write a post about it. Moreover, I had been toying with the idea of producing a video for this blog for a while now, so I whipped out my <em>HandyCam</em> and filmed this 5-minute video explaining the new business card design.<em><strong>Okay, it's my first attempt</strong></em>, so I set the recording resolution too low, it has some random boxes showing at the top of the frame, <em>it was unrehearsed</em> and for some strange reason, I kept saying "urrrr" every 10 seconds. However, I hope you get the gist of what I'm trying the explain.</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="old-image" title="business-card-design" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/08/business-card-design.jpg" alt="business-card-design" width="468" height="165" /></p><p>Recently, I had over <strong>4000 My New Business Cards printed</strong>, and I had planned to write a post about it. Moreover, I had been toying with the idea of producing a video for this blog for a while now, so I whipped out my <em>HandyCam</em> and filmed this 5-minute video explaining the new business card design.</p><p><em><strong>Okay, it&#8217;s my first attempt</strong></em>, so I set the recording resolution too low, it has some random boxes showing at the top of the frame, <em>it was unrehearsed</em> and for some strange reason, I kept saying &#8220;urrrr&#8221; every 10 seconds. However, I hope you get the gist of what I&#8217;m trying the explain.</p><p>I discuss the <strong>Equest®</strong> card I used, <strong>10mm round-cornering</strong>, <strong>Pantone® spot colors</strong> and <strong>typography</strong>. Here goes:</p><p><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="468" height="351" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowfullscreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://vimeo.com/moogaloop.swf?clip_id=6068978&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed
type="application/x-shockwave-flash" width="468" height="351" src="http://vimeo.com/moogaloop.swf?clip_id=6068978&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p><a
href="http://vimeo.com/6068978">Business Card Design</a> from <a
href="http://vimeo.com/user1656199">Andrew Kelsall</a> on <a
href="http://vimeo.com">Vimeo</a>.</p><p>As stated, comments and questions are welcomed&#8230;</p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/first-video-post-new-business-card-design/feed/</wfw:commentRss> <slash:comments>35</slash:comments> </item> <item><title>Case Study: Identity, Branding and Signage for St Luke&#8217;s Church</title><link>http://www.andrewkelsall.com/church-christian-fish-symbol-logo-designs/</link> <comments>http://www.andrewkelsall.com/church-christian-fish-symbol-logo-designs/#comments</comments> <pubDate>Wed, 01 Jul 2009 17:34:34 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Branding]]></category> <category><![CDATA[Logo Design]]></category> <category><![CDATA[Andrew Kelsall]]></category> <category><![CDATA[andrew kelsall Christian designer]]></category> <category><![CDATA[Christian Creativity]]></category> <category><![CDATA[Christian Design site]]></category> <category><![CDATA[Christian designer]]></category> <category><![CDATA[Christian Fish Symbol]]></category> <category><![CDATA[Christian Graphic Design]]></category> <category><![CDATA[Christian graphic designer]]></category> <category><![CDATA[Christianity]]></category> <category><![CDATA[English Christian Designer]]></category> <category><![CDATA[logo designs]]></category> <category><![CDATA[signage]]></category> <category><![CDATA[st lukes]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=1295</guid> <description><![CDATA[<p><img
src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/07/church-logo-designs.png" alt="church logo designs image" title="church logo designs" width="667" height="500" class="alignnone size-full wp-image-3438" />This is a case study for <strong>logo designs</strong>, <strong>identity</strong>, <strong>branding</strong> and <strong>signage</strong> I produced for a local <strong>Church Organisation, St Luke's</strong>. It is one of my older projects, but I didn't author a blog when I produced the designs, so now is a great time to talk on the brief and <strong>design processes</strong>.</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="alignnone size-full wp-image-3438" title="church logo designs" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/07/church-logo-designs.png" alt="church logo designs image" width="667" height="500" /></p><p>This is a case study for <strong>logo designs</strong>, <strong>identity</strong>, <strong>branding</strong> and <strong>signage</strong> I produced for a local <strong>Church Organisation, St Luke&#8217;s</strong>. It is one of my older projects, but I didn&#8217;t author a blog when I produced the designs, so now is a great time to talk on the brief and <strong>design processes</strong>.</p><p>I was asked by Pastor Martyn Sullivan at St Luke&#8217;s Church, South Elmsall UK, to design a fair few logo design concepts for them—and the additional organisations that were affiliated with St Luke&#8217;s. These were <em><strong>The Family Centre</strong></em>, <em><strong>The Hope Centre</strong></em>, <em><strong>The Rainbow Nursery</strong></em> (and <em><strong>Rainbow Preschool</strong></em>), <em><strong>LifeTime Ltd</strong></em>, <em><strong>LiveLink</strong></em> and <em><strong>The LiveLink Shop</strong></em>.</p><h3>The Brief</h3><p>The challenge of the brief was to create a set of designs that were both individual, yet obviously part of a branding and identity structure. For example, if &#8220;someone&#8221; saw both the <em><strong>St Luke&#8217;s logo</strong></em> and the <em><strong>Rainbow Nursery logo</strong></em>, they had to know that the designs were part of the same organisation.</p><p>Fortunately, the project had a decent budget <em>(obviously not revealed because of designer/client confidentiality)</em> so I could go ahead and design many pages of designs, along with an explanation of how the designs were to be unified.</p><h3>Initial Logo Designs</h3><p>Here are the pages/designs that I attained from the printers, produced in <a
href="http://en.wikipedia.org/wiki/File:A_size_illustration2_with_letter_and_legal.svg">A3-size</a> for Martyn and other relevant staff members to view:</p><p><img
class="old-image" title="st-lukes-logos-1" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/st-lukes-logos-1.png" alt="st-lukes-logos-1" width="468" height="339" /></p><p>1◥<strong> </strong>This design was based on the <strong>St Luke&#8217;s logo</strong> inclusive of the image of a Bible with a bow tied to it. This bow was then used to promote the St Luke&#8217;s brand throughout the rest of the logo designs.</p><p><img
class="old-image" title="st-lukes-logos-2" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/st-lukes-logos-2.png" alt="st-lukes-logos-2" width="468" height="339" /></p><p>2◥ This concept was based on uniting the church and subsequent organisations with bands of colour. A horse and rider with a flag were used as a way to show the Church moving forward. In this concept, the actual church name was included in all the organisation logo&#8217;s too, making the connection very clear.</p><p><em><strong>Sidenote: </strong>This logo set was really well-received, but wasn&#8217;t chosen as it was noticed that the horse symbol could be seen as a &#8220;crusading rider&#8221;—and subsequently be offensive to some religious groups.</em><br
/> <img
class="old-image" title="st-lukes-logos-3" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/st-lukes-logos-3.png" alt="st-lukes-logos-3" width="468" height="339" /></p><p>3◥ The idea behind this concept was to utilise simple shapes to unify the shop, centres, charity and church. All the &#8220;button logo&#8217;s&#8221; were branded with the &#8220;<strong>Part of St Luke&#8217;s</strong>&#8221; tagline.</p><p><img
class="old-image" title="st-lukes-logos-4" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/st-lukes-logos-4.png" alt="st-lukes-logos-4" width="468" height="339" /></p><p>4◥ The <strong>classic shield concept</strong>. I gave quite a few options on the designs of this <strong>Shield Logo</strong> set. Each part of the organisation contained a symbol of its own to accompany the dove, which was used on the main St Luke&#8217;s emblem.</p><p><img
class="old-image" title="st-lukes-logos-6" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/st-lukes-logos-6.png" alt="st-lukes-logos-6" width="468" height="339" /></p><p>5◥ In a very similar flavour to the shield-concept, but utilising the box shape, colour and river to unify the organisation and church. As can [just] be seen, the connection works in Black+White also.</p><p><img
class="old-image" title="st-lukes-logos-5" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/st-lukes-logos-5.png" alt="st-lukes-logos-5" width="468" height="339" /></p><p>6◥ This concept was based on the <a
href="http://en.wikipedia.org/wiki/Ichthys">Christian Fish Symbol</a>, with each of the partner logos containing the fish that &#8220;spearheads the set&#8221;. <em><strong>This was the chosen concept—and the rest of this article is dedicated to exploring it&#8230;</strong></em></p><h3>Concept 6: The Logos chosen for development</h3><p>As stated, logo design concept 6 was chosen by the client, as basically, it embodied the whole ethos of St Luke&#8217;s—which is a contemporary church that was &#8220;on the move&#8221;. Other &#8220;religious&#8221; churches in the area bore the crucifix, but St Luke&#8217;s wanted to stand out and be different, using a different symbol of Christianity.<br
/> <img
class="old-image" title="st-lukes-church-logo-7" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/st-lukes-church-logo-7.png" alt="st-lukes-church-logo-7" width="468" height="242" /></p><p>◥ After some reasoning and variations on the main <strong>church logo designs</strong>, these two were chosen. Gone is the rigid, square box the previous logo was contained in. Now, the design is more fitting with the brush-stroke-centred design of the rest of this &#8220;logo family&#8221;. Two designs were created, with one bearing the tagline &#8220;<strong>A Church <em>on the move</em>&#8220;</strong>.</p><p><img
class="old-image" title="rainbow-nursery-logo-8" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/rainbow-nursery-logo-8.png" alt="rainbow-nursery-logo-8" width="468" height="255" /></p><p>◥ <strong>The Rainbow Nursery logo</strong>. This, like all the logos in the collection, uses different weights of <a
title="Love Helvetica" href="http://www.lovehelvetica.com/">Helvetica Neue</a>. There&#8217;s nothing ground-breaking about this font—there&#8217;s no need for it to be. It works well, with different, varied weights combined with tight tracking are used to create a contemporary look, whilst reducing the line-length of longer names.</p><p><img
class="old-image" title="rainbow-preschool-logo-9" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/rainbow-preschool-logo-9.png" alt="rainbow-preschool-logo-9" width="468" height="255" /></p><p><em>TYPOGRAPHY</em> ◥ <strong>The Rainbow Preschool logo</strong>. Similar as the previous one, except for the wording that creates a slightly longer line-length. All these logos displayed here show the &#8220;signage-versions&#8221; of the church logo designs, with a coloured-bar at the base of the logos. The stationary versions do not include this addition.</p><p><img
class="old-image" title="hope-centre-logo-10" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/hope-centre-logo-10.png" alt="hope-centre-logo-10" width="468" height="339" /></p><p><em>FORM &amp; SHAPE</em> ◥ <strong>The Hope Centre logo</strong>. As can be seen, the <strong>Christian fish symbol</strong> is contained in a circle in all the additional logo designs. This &#8220;device&#8221; is symbolic of a brush which &#8220;paints&#8221; the varied shapes. Here, a flame is used to symbolise <strong>Hope</strong>.</p><p><img
class="old-image" title="family-centre-logo-11" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/family-centre-logo-11.png" alt="family-centre-logo-11" width="468" height="318" /></p><p><em>COLOUR </em>◥ <strong>The Family Centre logo</strong>. The business logo colours for each logo have been chosen to best suite either the notion or shape design. <strong>The Hope Centre</strong> utilised yellow—and this one a &#8220;Royal Purple&#8221;, I would hope for obvious reasons.</p><p><img
class="old-image" title="livelink-shop-logo-12" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/livelink-shop-logo-12.png" alt="livelink-shop-logo-12" width="468" height="249" /></p><p><em>LOGO BRANDING </em>◥ <strong>The LiveLink logos</strong>. <em><strong>LiveLink</strong></em>, <em><strong>The LiveLink Shop</strong></em> and <em><strong>Lifetime Ltd</strong></em> are all part of the same sub-organisation within the St Luke&#8217;s organisation as a whole. Yeah, it gets complicated, so I decided to to make the logo branding match in regards to colour and form.</p><p><img
class="old-image" title="livelink-lifetime-logos-13" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/livelink-lifetime-logos-13.png" alt="livelink-lifetime-logos-13" width="468" height="170" /></p><p>◥ <strong> </strong>I treated<em><strong> Lifetime Ltd</strong></em> slightly differently to the other two logos, as requested by the client, as it was the &#8220;head&#8221; of the sub-organisation. a &#8220;river&#8221; concept was chosen to emphasise &#8220;life&#8221; is a very gentle and non-direct manner.</p><p><img
class="old-image" title="livelink-shop-sign-14" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/livelink-shop-sign-14.png" alt="livelink-shop-sign-14" width="468" height="52" /></p><p>◥ <strong> </strong>Here is the <strong>signage design</strong> I created for <em><strong>The LiveLink Shop.</strong></em> I have included the tagline &#8220;<strong>Part of St Luke&#8217;s</strong>&#8220;, as there was room to do so—and added to the purpose to the sign.</p><p><img
class="old-image" title="livelink-sign-photo-15" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/livelink-sign-photo-15.png" alt="livelink-sign-photo-15" width="468" height="165" /></p><p>◥ I drove past the shop recently to take a photo of how the sign looks. Apart from the telephone wires hanging in the way, I think it does the shop justice. I&#8217;ve made the rest of the photo B+W to highlight it better—it was a poor photo from a low-res phone camera!</p><p><img
class="old-image" title="st-lukes-logo-sign-16" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/st-lukes-logo-sign-16.png" alt="st-lukes-logo-sign-16" width="468" height="339" /></p><p>◥ This is the sign that I designed and handed to the client, ready for print. However, somewhere down the line, more text was added at the base before printing, which I didn&#8217;t do.</p><p><img
class="old-image" title="st-lukes-sign-photo-17" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/st-lukes-sign-photo-17.png" alt="st-lukes-sign-photo-17" width="468" height="164" /></p><p>◥ Again, I tried to take a photo of it on my dodgy camera, after forgetting to charge my proper one, D&#8217;oh!</p><p><img
class="old-image" title="rainbow-nursery-sign-18" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/rainbow-nursery-sign-18.png" alt="rainbow-nursery-sign-18" width="468" height="244" /></p><p>◥ This is the signage design for <em><strong>The Rainbow Nursery</strong></em>, although I don&#8217;t yet have a photo of this sign yet.</p><h3>Letterhead Designs, Business Cards &amp; Stationary</h3><p>For each logo, I created a business card design with the usual business and contact details contained on them:</p><p><img
class="old-image" title="st-lukes-business-card-19" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/st-lukes-business-card-19.png" alt="st-lukes-business-card-19" width="468" height="296" /></p><p><em>ST LUKE&#8217;S CARD, FRONT </em>◥ The front of this card is designed using just one spot [Pantone®] colour.</p><p><img
class="old-image" title="lukes-business-card-back-20" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/lukes-business-card-back-20.png" alt="lukes-business-card-back-20" width="468" height="300" /></p><p><em>BUSINESS CARD, BACK </em>◥ The reverse is full-colour, as it is inclusive of all the Church, Charity and Organisation logo branding.</p><p><img
class="old-image" title="Hope-centre-business-card" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/07/Hope-centre-business-card.png" alt="Hope-centre-business-card" width="468" height="301" /></p><p><em>HOPE CENTRE CARD, FRONT </em>◥ Rather than display the designs for all the church logo designs, I will focus on the Hope Centre stationary. As can be seen, each business card is branded with its corresponding colour; fused together with a the partial fish symbol formation on the right.</p><p><img
class="old-image" title="hope-centre-stationary-22" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/hope-centre-stationary-22.png" alt="hope-centre-stationary-22" width="468" height="510" /></p><p><em>BUSINESS STATIONARY, HOPE CENTRE </em>◥ The <em><strong>envelope design</strong></em>, <em><strong>compliment slip</strong></em> and <strong><em>letterhead designs</em></strong> all used the same colour scheme and graphical-orientations to promote a unified branding structure throughout.</p><p><img
class="old-image" title="st-lukes-stationary-23" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/st-lukes-stationary-23.png" alt="st-lukes-stationary-23" width="468" height="510" /></p><p><em>BUSINESS </em><em>STATIONARY, ST LUKE&#8217;S </em>◥ Unlike the <strong>business card design</strong>, the rest of the stationary just used one Pantone® colour to reduce printing costs. However, the whole branding still looked professional and coherent.</p><h3>Project Summary</h3><p><img
class="old-image" title="st-lukes-identity-logos" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/06/st-lukes-identity-logos.png" alt="st-lukes-identity-logos" width="468" height="339" /></p><p><strong>Overall, this was a fantastic project to work on</strong>. At times, it was rather challenging; keeping track of all the logo iterations, files, folders and paths/non-paths file versions—and not the mention the numerous design decisions made.</p><p>It was a much bigger undertaking than I originally thought, and I have progressed and learned much with the experience of the whole project. Not all the stationary is as yet printed, nor the web URL&#8217;s up and running.</p><p>When I look back upon the work I undertook for St Luke&#8217;s Church, related organisations and charities, I believe I have created a useful, coherent and original branding structure that stands-out from the crowd.</p><p>What do you think of the designs? In what ways do you think I could have improved upon the designs. Is there any aspect of the project you would have done differently? I&#8217;d like to hear your opinions&#8230;</p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/church-christian-fish-symbol-logo-designs/feed/</wfw:commentRss> <slash:comments>25</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 6/1932 queries in 3.311 seconds using disk: basic
Object Caching 1887/1945 objects using disk: basic
Content Delivery Network via ak-main-blog.andrewkelsalldes.netdna-cdn.com

Served from: www.andrewkelsall.com @ 2012-05-17 13:08:02 -->
