Designing the New Codenutz Blog – Part 1 – Initial Sketching

1 Flares Twitter 0 Facebook 0 StumbleUpon 0 Google+ 1 LinkedIn 0 1 Flares ×

I’ve been planning for a little while to refocus my blog, make it look better and make it more useful. To do this I’ve decided to

  • Redesign the look and feel of the blog
  • Move my blog away from Blogger and back to WordPress (not though)
  • Host it on my own ‘servers’ or at least my own subscription within Windows Azure
  • Focus the content and deliver better value

Initially this blog was written purely for my benefit and as such looked like it does out of the box (so to speak) – but as I’m attracting increasing traffic and people are finding my posts more useful I figure this rework is long overdue.

I thought I’d do a brief series of posts about this, starting with the redesign and re-brand.

Where to start

I’m primarily a software developer, but I do alright with design and graphics – plus I enjoy doing them! So I thought I’d kick of this mini-project by redesigning my Codenutz logo. My reasons for starting with the logo is that it’ll probably be one of the graphic heavy parts of the project, and will likely drive the look and feel of the entire site.

Designing logos and graphics is a whole process unto itself so to outline my process:

  1. Idea Generation – here I’ll complete some research on the subject of the design, brainstorm some ideas, do some word associations and in general come up with some brand ideas and identity.
  2. Initial Sketching – this is where I explore some ideas and try to settle on a small set of rough designs.
  3. Vector Wire frame(s) – next I (usually) use Adobe Illustrator to create vector wire frames from the chosen sketches
  4. Coloring – after that I look at adding colors and textures to the designs. Often I’ll just focus on one design.
  5. Assess and Itnegrate – finally I assess the output of the colored wire-frames, decide on which one to use and integrate it into the rest of whatever I’m working on.

For this project I already had an idea about what I wanted direction I wanted to go in – I wanted the codenutz branding to show influence from my favorite comics (Marvel) and in particular my favorite characters. So the research just involved me raiding my comic book collection! On to sketching


On this occasion I decided to do my sketching on my Windows Surface Pro with Sketchbook Pro as my primary sketching software (now that it supports multi-touch). I sometimes like to sketch on paper and also use a Wacom graphics tablet – but for this project I wanted to give my Surface Pro a go. I was overall pretty happy with the Surface Pro for the sketching, although there were a couple of glitches that I found annoying – but that’s for another post.

In order to move things along more quickly I’ve only produced 2 sketches (see below). Both of these are heavily influenced by comic covers:

enter image description here

enter image description here

The next stage is to make them into so real vector graphics!

Let me know what you think, what you prefer and if you know what comic they were influenced by! (Nobody will get the first one!)

, , , , ,

The Essential App Marketing Kit
Subscribe To My Newsletter To Get an Entire Chapter From The Book for FREE
Never display this again
1 Flares Twitter 0 Facebook 0 StumbleUpon 0 Google+ 1 LinkedIn 0 1 Flares ×