Logo Design + Page Layout

I began first with a black and white image which I hand drew and scanned into the computer, using photoshop I coloured in the drawing as displayed below, I decided the use of yellow on "Boom Box" was not eye catching enough - so I started experimenting with different colours.
This is second draft of my logo design for my website, I decided on "Boom Box" as I believe its onomatopoeic sound is short and snappy making it memorable. I set the colour scheme to simply four colours to keep it simple. These four colours of purple, yellow, blue and green will also be the colour scheme of my website. I was undecided yet if the boom box and the text will feature together, or if the text will be the website title and the boom box as a background or gadget.

However, once I put the logo onto the website, I was unhappy with the result, I therefore changed the of the logo grey and set the background blue.

Again, being fussy, I decided that in 'PSE' located on our macs, I was able to invert the colours, I then set the background of the logo into black. This makes the Logo a more neon theme, which is what I wanted. The Blue and grey background made it feel a little cartoonish, and I believed this would effect my target audience. I gained the picture of the Neon Dj from Google and set this as my background, I am now happy with the layout of my website and have started added features to the page. I have also used the boom box in a different way, it is now the logo of the top 40, which I have again edited on Photoshop to make it glow a green blur.

INSERT TOP 40 AND LOGO!