Logo design, logo designer | Logo design for KnowFree

 

Logo design for KnowFree

knowfree logo design

KnowFree (KF) is a high-traffic web portal where users can freely exchange e-books, video training and other materials for educational purposes. KnowFree was started in early 2006, and you can download all e-books free of charge.

I was contacted by the KnowFree owner who had recently acquired the resource, and after brief discussions it became my role to design the KnowFree logo. Here I provide a brief insight of the logo design process.

Logo design brief

My client wanted the logo to somehow incorporate books / eBooks. There were no specific icons suggested, but of particular importance was the need for the symbol to work as a favicon.

When asked how KnowFree differs from the competition, my client replied, “We are by far and away the most popular place for downloadable eBooks, having massive traffic, page views, time on site and Alexa ranking.”

The final logo was to be two colours — black or grey plus one other — and the following details have been lifted from initial discussions:

To answer your question about designs which do NOT appeal to me: Big, Loud and gaudy, something with too much of a ‘Web 2.0′ feel, anything overly complicated, overdone. Simple, minimal and illustrative of the concept is best (and you appear to do this very well).

The logo should be somewhat illustrative of the offering, include the ‘.Net’ at the end of the logo (to emphasise it is .net rather than .com). I have the idea in the back of my head, that it might be nice if the logo colour could be interchanged. The logo must reduce to a good favicon also. Where an image is used in conjunction I’d prefer it to be one side rather than on top or bottom.

Logo design sketching

Sketching allows you to record your ideas much faster than you could using a computer. There’s little restriction and more of a free flow between pencil and paper.

knowfree logo design sketch

knowfree logo design sketch

knowfree logo design sketch

Logo design options

Adding a serif typeface adds a touch of traditionality to the design. Placing the icon on the right, as opposed to the left, can dramatically change the dynamics.

knowfree logo design

knowfree logo design

Old KnowFree logo

knowfree logo design

More an illustration than an actual logo, but at the time of writing you can still see the above image at the top of the KnowFree website. It’s worth noting that the new owner acquired the website with a design he was far from happy with.

Logo adaptability

Reversed logo option:

KnowFree logo design reversed

How the logo might appear at various sizes and with a slightly different type treatment:

KnowFree logo design reversed

KnowFree logo design

KnowFree logo design

The chosen mark uses negative space to form the letter ‘K’, for knowledge. The arms of the ‘K’ also represent the leaves of a book, spreading out from the book spine (on the left of the square).

Client testimonial

It was a pleasure working on the KnowFree identity, and my client was kind enough to leave me with the following testimonial:

David is an amazing designer who takes the client brief and combines it with his creative talents. He surpasses all expectations and delivers way above and beyond what might be expected from a designer. I would have no hesitation working with David and hope to work with him again in the near future.
Owner, KnowFree

Your thoughts

Any feedback / constructive criticism is very welcome.

Related posts on this site

50 spot-on reader comments to “Logo design for KnowFree”

  1. David,

    You are infinitely more talented than I am, so please take my words as opinion only. Personally, I am not too fond of the logo. There is something about the font choice, particularly weight, that just doesn’t seem to jive well. Maybe the bold domain, and the slim TLD aren’t distinctive enough for the look to “work”, but it almost seems like it was a mistake.

    Kudos on how the “avatar” part of the logo scales.

    Thanks for hearing me out!

  2. Wow, that’s probably the most simplistic logo you have ever created!! I like it, it works on so many levels. Amazing how something as small as a favicon is so important to some website owners these days.

    Looks like you were drawing palm trees in some of your sketches up there David! :)

  3. I love looking at logo design sketches and seeing how ideas evolve. Thanks for sharing, David. Keep up the good work.

    Alec Rios’s last blog post…Some Gorilla Photos

  4. HI David,
    It would be good if you show your inspirations when you post these posts… it is something I usually forget to do but I always want to see them when other designers talk about their process. I really like the logo on the black background, it really pops out at you… would you be able to describe the concept behind the icon? Thanks.

  5. Another lovely design, David — clean and direct, a pleasure to look at, yet adaptable across uses. I like seeing how your mind works its way through the idea phases.

    Tammy Lenski’s last blog post…Wired for compassion

  6. Hi David
    I enjoy your blog; keep up the good work!
    I can’t help but think of the old Kodak logo when I see this design. I’m sure it wasn’t intentional, and I definitely see how the design meets the needs of this client. I’m just curious: has anyone else commented on this?

  7. I’d like to see some of the designs that didn’t make it. Could you post some of those? Sometimes those show train of thought.

  8. Hai David,

    I’m your fans, im following each article about your design process.

    I like the Knowfree logo, very simple and easy to remember. I just want to ask you about KODAK logo, its look a like a same graphic element. Can you explain about it. thank you

  9. I liked the ‘fountain of knowledge’ idea in the sketches, but can see how the detail of that would be lost in smaller replications - such as the favicon.

    Not sure what it is, but the logo does feel a bit web 2.0 to me, but it’s a vast improvement on the previous logo!

  10. (Sorry for the double post - feel free to merge comments)

    Deja vu - was looking at that very website yesterday!

  11. first impression - nice, second - http://www.adtechblog.com/uploads/kodak-old-logo.jpg

  12. Can’t say I’m that impressed you created a logo for a site which pirates ebooks (knowfree), including one of my own…I’ve reported the site to the publishers.

  13. E.T.Cook,

    Of course, you are very welcome to leave positive or negative comments. Actually, I’d prefer the latter, even if the former is always nice too. Thanks for dropping by.

    Brian,

    Yep, perhaps I was dreaming of some sunshine. Not had much here this summer. I hope you’re getting a decent season.

    Alec, Tammy

    You’re very welcome, and thank you both.

    Jacob,

    That’s something I missed, thanks for pointing it out. The post was in draft format for a while until I received permission from my client, and a few edits took place. I’ve added the following rationale to the post:

    The chosen mark uses negative space to form the letter ‘K’, for knowledge. The arms of the ‘K’ also represent the leaves of a book, spreading out from the book spine (on the left of the square).

    Pete, Adi, Mat,

    There are clear similarities. You’re right. Unintentional of course.

    Peter,

    I’ll revisit the initial ideas and post a new comment if the images are updated. Thanks for the suggestion. I’ll be sure to offer variations in the next portfolio instalment.

    Richard,

    That’s odd how the logo gives you a web 2.0 feeling. I always steer clear of reflections, gradients and the like. Perhaps it’s the slight weight difference through the text?

    Michael,

    Sorry to learn of your issues with the website. I hope you can appreciate that I wasn’t aware of any wrong-doings. I’ll see what I can find out.

  14. I like the logo but I can’t say I’m crazy about it. It remind me of the old Kodak logo much like Pete’s comment above. It does work at all sizes which is very important for this particular logo as it’s also going to be a favicon. I don’t know if it’s just me but i am slightly struggling to see the leaves of a book it it although i do see what you mean. Keep up the great work.

  15. I’m thinking Kodak?

  16. Thanks for showing us behind your process a little bit. Very energizing! Congrats on a great concept!

  17. You are very talented, I always find making logos the most difficult part of webdesign because I can never think of anything that works, or goes nicely with a website and so on.
    But you always seem to create great logos, so all I can say is, keep up the good work.

    Craig Farrall’s last blog post…Wordpress Plugin - Snazzy Archives

  18. Great logo David,
    I don’t know if it’s just the way I’m seeing it, but I think the full-stop should be moved a slight, very slight, fraction to the left. This would offset the negative-space created by the curvature of the right side of the ‘e’.

    But, it’s a very small image and I can’t be absolutely-sure and make a full assessment.

    That said, it’s a well-structured logo, with a good colour scheme and serves its purpose well.

  19. Nicely done

    Like Jacob I’m particularly fond of the treatment of the mark against the black background, although the green does pop nicely on the white as well.

    I do see Mat’s point regarding some similarities between Kodaks image and this, however I would chalk it up to inspiration, rather than imitation.

    The ‘open book’ concept and the “k” are both well represented, and the complete mark does a great job of emphasising the “.net” interestingly enough by de-emphasising it - fantastic!

    AzAkers’s last blog post…Introducing Pixlr: The Best Online Image Editor Yet

  20. I think it is the weight difference; that and the ‘.net’ at the end (which is necessary since the .com version is not owned! Just an observation

  21. David, I like it. simple and to the point.

    More than likely there was a logo in existence before the Kodak logo that resembles the Kodak logo. any new logo created these days has a high probability that it will have similarities to another logo. Not sure why people always have to initially say “remind me of such and such”. I guess it’s human nature to on first impression to relate what they see with something they’ve seen before. kind of like when you meet someone for the first time and they often remind you of someone you already know or have met before. This feels like I’m having a conversation with myself, so I better stop. Keep up the good work D.A.

  22. Great review!

  23. Hey David, nice article and I like the logo. Well maybe not so much the ‘.net’ but that is just the nature of certain projects.

    I just wanted to comment on your use of grid paper for sketchs. I used to use a similar kind but I found my designs were a tiny bit influenced by its geometry. I use plain white paper for initial sketchs but only use grids later on when my ideas are clearer. Out of the box design maybe? :)
    I think for this specific solution where the favicon is a priority it’s actually a really smart approach. I have started implementing a system where I blow up the favicon grid of 4×4 squares and color them in individually although it can be a long process depending on the project of course.

    Everyone their own way of course, just thought I’d make the observation. All the best

  24. I think it’s interesting to note that he particularly asked for something that would work with a favicon. It’s a website, so naturally he should ask, but I bet that more and more we will see people keeping that usage in mind when designing logos.

    While I like the mark–it’s simple and clean–I’m not sure it’s memorable. I like the thought process behind it and the use of negative space for the K, but I think most won’t get that part and only see it like a flashlight/torch beam (that’s what I thought at first anyway). Of course, that might work, too, as the search for knowledge. I think it wants those strokes to curve up (top) and down (bottom) slightly to better depict the book aspect.

    The fountain idea would’ve been interesting, but probably too complicated for the favicon aspect.

    I didn’t see the Kodak logo at first, though now that it’s mentioned… well, sorta see it, but the color really helps differentiate; it’s a very lovely shade of green.

    LaurenMarie - Creative Curio’s last blog post…Enhance Your Designs with the Principle of Economy

  25. Peter,

    Think of the leaves as quite stylized and simplified. :)

    Stuart,

    Have you seen this post of mine? When logos look alike. It’s not suprising to find two logos that appear similar. Especially when the designs are simple.

    Clarissa, Craig,

    You’re very welcome. Thank you.

    Andrew,

    A very valid point about the position of the dot. Nice attention to detail.

    AzAkers,

    I greatly appreciate your recent email, and thoughts left here. I like your style.

    Richard,

    Thanks for the additional comment. Regarding Michael’s previous message, I do hope no offence has been caused to you and the team and Peacock Carter. I’ve sent Michael an email.

    Paul,

    …any new logo created these days has a high probability that it will have similarities to another logo.

    I completely agree, and you’re certainly not ‘conversing alone’. Good of you to comment.

    David,

    I’d also have preferred to omit the .net, but in this case I can fully understand the need, given that the .com address is owned by a different company. Interesting observations about the use of graph paper. I can see how the geometrics could influence sketches, and you’ve prompted me to also begin on plain paper, only using grids further in the logo process. Thanks for that. You’re right though about this instance, and how it can help with the need for an effective favicon.

    Lauren,

    I’ve actually found more and more clients mentioning favicons when talking with me. Still not the majority by any means, but it’s definitely noticeable. Glad you like the green used, and I hope you enjoy the weekend.

  26. Reading these posts where you outline your logo design process for new logos is by far one of my favorite times of the day when I’m reading through my RSS reader. Awesome work here as usual.

  27. I have been lurking on your blog for some time but never got round to commenting, (until now!)..

    I really like your design, its so simple and cute, I like what you have done for the font weights also. I did not see the book leaves at first glance but even so I did see the K very clearly and liked its elegance and colours.

    Also - i visited the website in question and found a great book on PHP, I downloaded it and then promptly bought it on Amazon after a good flick (scroll?) through, I think it is good for showing people exactly what is in a book so they can make an informed decision at whether to buy it or not.

    Jennie

  28. Mike,

    Great of you to let me know. You help keep me motivated to continue. Off topic, there are some excellent testimonials on your testimonial page. Nice job!

    Jennie,

    Thanks for coming out of the shadows and commenting. Glad to have you as a reader. I had a quick look at your photos. Beautiful shots! I studied photography very briefly in my younger years, and like to think of myself as a semi-amateur. ;)

  29. My initial reaction is that the text has a greater impact than the logo itself, as viewed above. This I feel is an outcome of the client’s desire to not have something “Big, Loud, and gaudy…”.

    I would have to view the logo a number of times in use before I would offer much more feedback.

  30. David, I have the utmost respect for your ability, devotion, and professionalism. All of which have been an inspiration to me. However, I have to be brutally honest here and say that this effort falls completely flat. Of course, this is just my opinion. Obviously the client was pleased and in the end that is all that matters.

    Doug C.’s last blog post…No More Cartoon Face

  31. Really love that sketching part - I just like process and..yeah as already said..interesting thing would be Your work behind the scenes with that inspirational part.

  32. Karl,

    I too was hoping the logo would be implemented online prior to publishing this article. Viewing a design in context always helps a great deal. Bobby’s Burger Palace logo is a relevant example.

    Doug,

    I always welcome constructive criticism and would appreciate your thoughts on why you feel it’s a bad logo.

    Dainis,

    Glad you like the sketches. They’re a vital part of the design process.

  33. No offence taken - clients are a factor beyond everyone’s control, and I don’t think it reflects badly on yourself.

    Keep the good blog posts coming!

  34. First, the typeface itself seems to be lacking in personality. Something like Dienstag (http://www.myfonts.com/fonts/insigne/dienstag/) has more of a stately quality - noble and learned. I know the logo had to be made so it could be legible as a favicon, but it lacks a great deal of imagination. I just felt it was too plain. I liked where you were going with the book ideas.

    Doug C.’s last blog post…He Who Holds the Pencil

  35. Thanks very much, Richard.

    Doug,

    I’ve updated the post to show another logo design I presented to my client. This option uses both a different mark (following the book idea) and typeface, but was rejected in favour of the logo you’ve commented on.

  36. David, I guess what it all boils down to is sometimes us designers have to put out stuff that we may not be crazy about simply because the client preferred it. There’s no accounting for taste or opinion.

    On an altogether unrelated note have you got settled in yet?

    Doug C.’s last blog post…Customized Feedburner Subscription Box

  37. There’s certainly give and take when it comes to working relationships.

    Off-topic, my girlfriend and I are settling in great, thanks, though in temporary accommodation until the end of the week, so quite a lot still to sort out. All for the better, and I’ll have to take a few snapshots around Northern Ireland. It’s a beautiful country.

  38. Excellent link to ‘Bobby’s Burger Palace’. Looking at it in isolation is very cringe-worthy, but in situ, it works.

    Ultimately yes - it is the customer’s company, the customer’s money, and the customer’s decision. Part of the process of a designer is educating the client, and opening the doorway so that the client can see how good design (and branding) can help further their business.

    An example of this is an engineering firm we did some work for. During a tour I made a point of picking up one of their tools (with their blessing), and attempting to carry out a seemingly ’simple’ process, and making a right mess of it to their great amusement. The message was received loud and clear that we should each stick to what we’re good at :-)

  39. Karl, I agree. In fact, I wrote a post a bout that very thing: http://www.dcblog.net/2008/06/image-is-everything.html

    Doug C.’s last blog post…Customized Feedburner Subscription Box

  40. David,
    Very good logo.
    The sketches are awesome too.

  41. The sketches are awesome!!

    Daniel Campos’s last blog post…Logo Olimpíadas Londres 2012: inovação?

  42. Excellent story, Karl, about picking up tools you’re unfamiliar with. I liked that.

    Niyaz, Daniel,

    I hope all’s well with you both. Cheers.

  43. What a great design, and it was interesting to see the design process. I only wish I could afford to hire you to design my logo!

    DR’s Money Management’s last blog post…50 Ways to Make Money Blogging

  44. This logo shows, even a simple design can look very elegant. I’ve just started to do logo and banner design using photoshop and I hope one day I will be able to design something as elegant as yours!

    Mobius’s last blog post…ZIPCodeWorld Store Locator Live - service review

  45. I’m not a fan of the added “.net” part. I think it makes the “knowfree” text look kind of heavy. I loved reading about the aesthetics and ideas behind the mini graphic. I never really understand the ideas behind the shapes graphic designers use (ironic..) and so it gave some great insight!

    Corey Freeman’s last blog post…Can You See What Isn’t There? (Designing Your Logo)

  46. David, wonderful work as usual. Though I am not particularly thrilled about the bold, heavy typography, the mark alone is spot-on. As a fellow designer, I completely understand the almost infuriation at rejection of a truly remarkable logo and acceptance of one that really should have been left off of the table. Many times, the client has a “simple” mind when it comes to design and cannot fully grasp ones that are too beyond there “safe” style.

    Great thumbnails and insightful approach at design.

  47. I really like that you show the initial sketch designs on paper. It is very interesting to see the thought process illustrated in this way. I also really love the logo in the turquoise colour. Good work David.

  48. Personally, I’m not a huge fan of this logo design, but it is exactly what the client asked for. One area of my design that could use a little work is being able to hit the clients request on the head - especially when the request isn’t necessarily something that I would consider ‘good design’. This being said - I think you did a great job with the logo design since its exactly what your client wanted.

    I will give your client props for putting thought into the favicon (.ico) file though. Too often I see a well designed website with a missing favicon and always wonder how something that appears above every page of the site got left out.

    Jordan Joseph’s last blog post…My Typography Toolbox

  49. simple, dynamic and warm

  50. Corey,

    Glad to provide a little extra insight into the design process / thoughts behind particular shapes.

    exigent, firebubble, mobius, Budhi,

    Good of you to drop by, and to take time to comment.

    Jordan,

    Thanks for considering the client as you have. Obviously they play a large part in deciding the final outcome. I also witness a lot of corporate sites that pay little, if any, attention to the favicon.

What are your thoughts?

Simply fill in the form below. All comments are moderated so you may experience a short delay before your comment appears. Comments should be respectful of other voices in the discussion. I reserve the right to edit or delete comments at my discretion.