A collection of web design related ramblings and nonsense

Development of the Fuskr Logo Design

July 11th, 2012

I recently created a logo and a number of promotional images for my friend’s Chrome application, Fuskr. In this post I’d like to outline some of the logic and ideas behind the logo design.

What Does the App Do?

The starting point was to look at what the app did, download it and try it out.

“Create a gallery of images based on one image that contains a number by incrementing and decrementing the images.” – Fuskr app description

The term “Fusker” is also described on Wikipedia which I also read as a part of my research.

I also had a look at Chrome’s app store to see what other people did.

What Should the Logo Design do?

I established the logo design needed to:

  • communicate the function of the app
  • look modern and professional
  • incorporate the image browsing theme
  • communicate the cycling / gallery of images
  • be easily readable and identifiable
  • communicate its message in its simplest form – minimalist

Research, Developing Ideas and the Final Design

Having established this I looked at photo / polaroid icons on various stock photography sites which usually have pretty high quality “web icons”. I realised there was a universal icon for landscape photographs of the mountains/hills. Also, sometimes the green grass and blue sky type icons are used to represent photographs. Given I also wanted to communicate it was an app – I need to incorporate some of the good old rounded corners and shininess to logo.

The research generated a lot of ideas for me to work on and I immediately had a clear direction. I played around with different imagery shapes, initially starting off in black and white (which I often do when creating logos) and aiming to create as simple but effective representation of the message as possible.

Here is a progression of nearly all of my ideas that I developed in Illustrator. Please note that it slightly pains me to share developmental work as often the design will go through some hideous incarnations before reaching a final design that is ready to show to the client!

As you can see – I established the stacked effect fairly early on and most of the work was finding ways to incorporate the photo symbol with the ‘F’. This formed the icon design for the app which would be used at smaller sizes and for the app icon. I then needed to find ways to show the whole “Fuskr” within the icon – I explored different ways but really I had established this early on and then it was just a case of getting the colours, gradients and shininess right. I believed the typeface should be a sans-serif font as I feel sans-serif fonts seem a bit more modern.

What Colour Should it be?

I found the logo worked with many colours which often I feel is a sign of a good logo, hence I often initially work in black and white – and incorporate the colour later. I found that the blue was in danger of looking like Facebook, the black and a bit unfriendly, the orange was okay but I felt the red stood out the most + this shade of red is popular in Summer fashion at the moment. I did in fact look at some fashion sites to find out fashionable colours.

Summary

Once I had finished the design I showed it to my friend+client, he was immediately happy and content with the logo which was great! The project took me roughly 5 hours and I thoroughly enjoyed it. Logo design is one of my favourite forms of design as it allows you to consider the design at a very pure, conceptual level and challenges you to visually communicate a message in one simple graphic.

2 Responses to Development of the Fuskr Logo Design

  1. Interesting blog! Is your theme custom made or did you download it from
    somewhere? A design like yours with a few simple tweeks would really make
    my blog jump out. Please let me know where you got your design.
    Thank you

    webdesign - Sunday July 15th, 2012 at 15:35
  2. Hi,

    I see you have mostly posted this comment to gain an incoming link to your website on the keyword ‘web design’ :) However, yes, this is a custom theme I created myself I’m afraid.

    Thanks,

    Rich

    Rich - Saturday July 21st, 2012 at 19:16

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>