Step 3 - Design and Integrate Your Logo

Firstly, I have to make a confession. I class myself as Design Dyslexic (my own invention of an undiagnosed disorder) - In other words I have no design sense or taste (just ask my wife!).

For the purpose of this site I went with a free logo design website in the hope that I could cobble together a logo that doesn't poke you in the eye with its lack of taste - you will need to be the judge for obvious reasons.

Many sites offer a free service which can be upgraded to a fee paying service for high definition Logos. My idea was to go with a free service and if necessary re-brand with a paid service if required later.

You will find that logo design sites will offer you a selection of downloadable files of various sizes for different purposes. Frankly, the more you have the easier your life becomes. You can of course resize using the most basic of software or, use a free web based service. Resizing to a smaller format makes the image load faster on the page (none of us like to wait ages for a page to load) but it can look very fuzzy (pixelated) on large screens.

An image with a transparent background is a must. These are usually in a .png format and have tons of uses.

A term that you will come across frequently is RWD (Responsive Web Design). This refers to the ability of the image to scale correctly on mobiles and tablets. Remeber that you have no control on who looks at your site or on what device - what you have to do is make the image look good on every device - sometimes you can scale an image to look smaller on small devices, othertime you will be better having different sizes available for different device screen sizes (we will go into this in great detail later.

There are many Logo design companies on the internet who offer all singing and dancing packages at a premium price. What we are looking for is a budget offering that allows us to upgrade once the site is up and running.