[WIP] Radio Layout

Printable View

11-03-2010, 03:15 PM
Kieran

[WIP] Radio Layout

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/
11-03-2010, 04:19 PM
Kieran

----------------------
-----Update Two-----
----------------------
Details: Added the area where show adverts will go on a JQuery wheel
Preview: Click Here

------------------------
-----Update Three-----
------------------------
Details: Added a small grey border around all the content
Preview: Click Here
11-03-2010, 04:52 PM
Kieran

-----------------------
-----Update Four-----
-----------------------
Details: Added current DJ online information
Preview: Click Here
11-03-2010, 05:59 PM
Jahova

Great progress. Nice to see the WIP's. Keep it up!
11-03-2010, 06:07 PM
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
11-03-2010, 08:09 PM
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.
11-03-2010, 08:16 PM
Kieran

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

I need a name to use now for making a logo.
11-03-2010, 08:18 PM
DJ-Ains.T

It looks really nice! Needs a logo.
11-03-2010, 08:25 PM
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
11-03-2010, 10:48 PM
Kieran

---------------------
-----Update Six-----
---------------------
Details: Reduced the size of the header. Added the logo. Give me CC on the logo please :)
Preview: Click Here
11-03-2010, 10:52 PM
triston220

And this is all coded? Very nice. :D
11-03-2010, 10:56 PM
Kieran

Nope, not coded. Still designing it.

It will get coded when its all finished :)
11-03-2010, 11:43 PM
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.
11-03-2010, 11:49 PM
Kieran

Quote:

Originally Posted by 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.

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.
12-03-2010, 12:06 AM
Jonster

Quote:

Originally Posted by Tenatious

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.
12-03-2010, 12:12 AM
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.
12-03-2010, 12:35 PM
Kieran

------------------------
-----Update Seven-----
------------------------
Details: Changed the logo slightly. Added the content and a few minor adjustments
Preview: Click Here
12-03-2010, 02:50 PM
Tenbeta

Quote:

Originally Posted by Tenatious

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?
12-03-2010, 04:29 PM
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
12-03-2010, 06:41 PM
RyanDOT

They look mint, i'm working on my own radio station if you want to work with me, feel free...
12-03-2010, 06:42 PM
Kieran

Quote:

Originally Posted by RyanDOT

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.
12-03-2010, 06:44 PM
RyanDOT

Oh right, good luck and again, them WIP are amazing
12-03-2010, 11:27 PM
iDenning

One word... HOT.

Great work, welll donee
12-03-2010, 11:46 PM
Richie

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

Anyways I love it.
12-03-2010, 11:50 PM
Kieran

Quote:

Originally Posted by Richie

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.
13-03-2010, 01:11 AM
VirtualG

are you planning on selling this once it's completed?
13-03-2010, 09:38 AM
Kieran

Quote:

Originally Posted by VirtualG

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

No, This is going to be used on Teen-Fm.com
13-03-2010, 09:31 PM
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.
14-03-2010, 02:43 PM
:Edzy

Quote:

Originally Posted by 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.

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!
17-03-2010, 10:01 AM
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.
17-03-2010, 12:42 PM
redtom

Quote:

Originally Posted by :Edzy

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