[WIP] Radio Layout

[Kieran]

Hey,

Figured I'd make a post to show my WIPs as I design an online radio layout. If you want to give some CC as I go, feel free to :)

----------------------
-----Update One-----
----------------------
Details: Header background created and navigation added.
Preview: http://www.codedpreview.com/folders/i/132efe44/

[Kieran]

----------------------
-----Update Two-----
----------------------
Details: Added the area where show adverts will go on a JQuery wheel
Preview: Click Here (http://www.codedpreview.com/folders/i/badd79c9/)

------------------------
-----Update Three-----
------------------------
Details: Added a small grey border around all the content
Preview: Click Here (http://www.codedpreview.com/folders/i/d22f9e9f/)

[Kieran]

-----------------------
-----Update Four-----
-----------------------
Details: Added current DJ online information
Preview: Click Here (http://www.codedpreview.com/folders/i/c4f316fc/)

[Jahova]

Great progress. Nice to see the WIP's. Keep it up!

[Kieran]

Thanks :)

Another update

-----------------------
-----Update Five-----
-----------------------
Details: Added request and shoutout button area. Changed the plus sign slightly in the DJ box.
Preview: Click Here (http://www.codedpreview.com/folders/i/47ec9535/)

[LMS16]

This looks nice, maybe have that grey box going all the way through the web page? so it never ends? would look better then a seperate box.

Lew.

[Kieran]

Yeah, that could look better :)
I'll give it a go.

I need a name to use now for making a logo.

[DJ-Ains.T]

It looks really nice! Needs a logo.

[Kieran]

I know but I don't have a name yet so I can't really do a logo. If you have any ideas for a radio site that has a domain available let me know :D

[Kieran]

---------------------
-----Update Six-----
---------------------
Details: Reduced the size of the header. Added the logo. Give me CC on the logo please :)
Preview: Click Here (http://www.codedpreview.com/folders/i/171a14c4/)

[triston220]

And this is all coded? Very nice. :D

[Kieran]

Nope, not coded. Still designing it.

It will get coded when its all finished :)

[Tenbeta]

Logo is blurred for me.

The design is very pixelly like Flamehosts which isn't necessarily a bad thing, it's just the nav puts me off.

[Kieran]

Logo is blurred for me.

The design is very pixelly like Flamehosts which isn't necessarily a bad thing, it's just the nav puts me off.

I'm sure you look at completely different websites.... There isn't anything pixely about this design. Granted, there was on the FlameHosts as that was done on purpose.

[Jonster]

I'm sure you look at completely different websites.... There isn't anything pixely about this design. Granted, there was on the FlameHosts as that was done on purpose.

Agreed. I can't see anything pixely either.. :S Site looks nice, but the logo seems blurred to me and doesnt really stand out enough - it seems relatively small and not at all noticeable.

[Kieran]

Is the logo less blurry on this one for you?

http://www.codedpreview.com/folders/i/c5f75b8d/

I've made that one in Illustrator as a vector instead of Photoshop.

[Kieran]

------------------------
-----Update Seven-----
------------------------
Details: Changed the logo slightly. Added the content and a few minor adjustments
Preview: Click Here (http://www.codedpreview.com/folders/i/37075716/)

[Tenbeta]

I'm sure you look at completely different websites.... There isn't anything pixely about this design. Granted, there was on the FlameHosts as that was done on purpose.

Might be a bad choice of words, gotta be said.

Just seems very squared off and "pixelled" - Which as said, isn't a negative point. I'm not really a great fan of squared boxes with gradients unless they're very subtle.

It's a very nice layout and the logo is unblurred now. Looks much nicer aswell may I add! Have you tried the logo green parts in a red or blue?

[Kieran]

I think this might possibly be the final update before I start thinking about other pages unless you can think of anything that needs adding or changing :)

------------------------
-----Update Eight-----
------------------------
Details: Added the advertise and donate box. Added the speaker vector.
Preview: Click Here (http://www.codedpreview.com/folders/i/abdf6dff/)

[RyanDOT]

They look mint, i'm working on my own radio station if you want to work with me, feel free...

[Kieran]

They look mint, i'm working on my own radio station if you want to work with me, feel free...

I've already got certain things in motion in terms of domain and shoutcast etc.

[RyanDOT]

Oh right, good luck and again, them WIP are amazing

[iDenning]

One word... HOT.

Great work, welll donee

[Richie]

I don't understand why you couldn't code it all, then post it?

Anyways I love it.

[Kieran]

I don't understand why you couldn't code it all, then post it?

Anyways I love it.

Because I was suggesting people give me ideas on what to add/change. If I code it all then post it it'd mean going back and recoding the whole thing if I was to make changes.

[VirtualG]

are you planning on selling this once it's completed?

[Kieran]

are you planning on selling this once it's completed?

No, This is going to be used on Teen-Fm.com

[redtom]

I'd say it’s looking good so far but for me you've got to sort out 2 main things, the first being the font, you've got about 4 different fonts try to cut down and just stick to one or two. Also to the right where you have the side boxes don’t use the crisp/sharp (or whatever it’s called) thingy on the font for the headers it doesn’t really look to good.

Secondly I'd say try to stick to one 'main' colour, you've got a main blue at the top then you scroll down a bit and it’s all gone green, personally I don’t really like this not sure what other people thing but if I were you I’d stick to blue throughout.

Few other bits I’d do: redo the logo completely, remove the picture in the bottom right, make the tune in button a bit smaller.

[:Edzy]

I'd say it’s looking good so far but for me you've got to sort out 2 main things, the first being the font, you've got about 4 different fonts try to cut down and just stick to one or two. Also to the right where you have the side boxes don’t use the crisp/sharp (or whatever it’s called) thingy on the font for the headers it doesn’t really look to good.

Secondly I'd say try to stick to one 'main' colour, you've got a main blue at the top then you scroll down a bit and it’s all gone green, personally I don’t really like this not sure what other people thing but if I were you I’d stick to blue throughout.

Few other bits I’d do: redo the logo completely, remove the picture in the bottom right, make the tune in button a bit smaller.

Ah tom, you're still here! remember me? ;P

Yeah i love it, very nice. I don't like the logo at all really looks a bit tacky, firstly it would look better if the font was the same and the T is just a bit odd, like your ideas and intentions though!

[Meti]

Hmm.. I don't know really. Is it a Habbo Radio station or a non-habbo one?
I think it looks abit habbo-ish. And I think that you should remove the gray drop-shadow on the boxes, and eventually make them lighter.

[redtom]

Ah tom, you're still here! remember me? ;P

Sure do!
I pop in from time to time to check up on all you cool kids :P